home/wuectly/www/templates/beez3/css/layout.css000060400000044112152456674530015660 0ustar00/** * @author ( Angie Radtke ) * @package Joomla * @subpackage Accessible-Template-Beez * @copyright (C) 2012 Open Source Matters, Inc. * @license GNU/GPL, see LICENSE.txt * Joomla! is free software. This version may have been modified pursuant to the * GNU General Public License, and as distributed it includes or is derivative * of works licensed under the GNU General Public License or other free or open * source software licenses. See COPYRIGHT.php for copyright notices and * details. /* Typography =================================================== */ body#shadow { font-family: arial,sans-serif } body h1,body h2,body h3,body h4,body h5,body h6 { margin: 0; font-family: inherit; font-weight: normal; color: inherit; text-rendering: optimizelegibility; word-wrap: break-word; } body h1 { margin-bottom: 0.75em; font-size: 3.6em; line-height: 1.2; } body h2 { margin-bottom: 0.75em; font-size: 1.5em; line-height: 1.2; padding: 5px 0 } body h3 { margin-bottom: 1em; font-size: 1.4em; line-height: 1.3; padding-bottom: 5px } body h4 { margin-bottom: 1.5em; font-size: 1.2em; line-height: 1.25; } body h5 { font-size: 1.1em; margin-bottom: 1.5em; } body p,body ol,body ul,body dl,body address { margin-bottom: 1.5em; font-size: 1.0em; line-height: 1.5em; word-wrap: break-word; } small { font-size: 0.9em; } body ul,body ol { margin: 0 0 1.5em 12px; padding: 0 0 0 12px; } body li ul,body li ol { margin: 0; } ul.categories-module { padding:0; margin:0} blockquote { margin: 0 0 1.5em -24px; padding-left: 24px; border-left: 2px solid #c7ced6; font-style: normal; } q { quotes: none; } cite { font-style: normal; } abbr[title] { border-bottom: 1px dotted #c7ced6; cursor: help; } b,strong { font-weight: bold; } dfn { font-style: italic; } ins { text-decoration: none; } mark { font-style: italic; font-weight: bold; } pre,code,kbd,samp { line-height: 1.5em; } pre { white-space: pre-wrap; } sub,sup { position: relative; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } table { width: 100%; max-width: 100%; margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: transparent; font-size: 1em } table th,table td { padding: 8px; vertical-align: top; border-top: 1px solid #ddd; line-height: 1.5em; text-align: left; } table th { font-weight: bold; border: 0 } table thead th { vertical-align: bottom; } table tr:first-child th,table tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td { border-top: 0; } table tbody+tbody { border-top: 2px solid #8c9bab; } table tbody tr td,table tbody tr th { -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; } /* links */ p.readmore a, .mod-articles-category-readmore a { border: 1px solid #CCCCCC; border-radius: 3px; display: inline-block; text-decoration: none; margin-bottom: 9px; padding: 4px; line-height: 1.6em; } /* +++++++++++++++++ forms general ####################### */ form { margin: 0 0 18px; } fieldset { border: solid 1px #ddd; margin: 10px 0; padding: 20px; border-radius: 5px } fieldset p { margin: 0; padding: 0; } legend { font-weight: bold; background: #fff; padding: 5px 10px } label,input,button,select,textarea { font-weight: normal; } label { color: #333333; margin-bottom: 5px; max-width: 90% } input,textarea,select,#advanced-search-toggle, input.search-query { border: 1px solid #CCCCCC; border-radius: 3px; display: inline-block; margin-bottom: 9px; padding: 4px; } .filter-search-lbl {display:inline} .filter-search, .display-limit {float:left; margin-right:10px} .button,button,.profile-edit a { border-radius: 3px; padding: 4px; line-height: 1.2em; text-decoration: none; } label input,label textarea,label select { display: block; } input[type="image"],input[type="checkbox"],input[type="radio"] { border-radius: 0; cursor: pointer; height: auto; line-height: normal; margin: 3px 0; padding: 0; width: auto; } input[type="button"],input[type="reset"],input[type="submit"] { height: auto; width: auto; } select { height: 28px; line-height: 28px; max-width:99%} select { width: 220px; } select[multiple],select[size] { height: auto; } textarea { height: auto; } .radio,.checkbox { padding-left: 18px; } input[type="radio"],input[type="checkbox"] { display: inline; margin-right : 10px; border:none } input,textarea { -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } input:focus,textarea:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; } input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus { box-shadow: none; outline-offset: -2px; } /* +++++++++++++++++++++++ header searchbox +++++++++++++++++++++ */ #header form { overflow: hidden; float: right } #header form .search {display:inline} #header input { font-weight: bold; float: left; } #header .inputbox { margin-right: 5px } /* ++++++++++++++++++++ search component +++++++++++++++++++++++ */ fieldset.word { border: 0; background: #fff; padding: 0 } fieldset.phrases label,fieldset.only label { display: inline; } :root *> fieldset.only label:before { background: #a7c7dc; background: -moz-linear-gradient(-45deg, #fefefe, #ddd); background: -webkit-linear-gradient(-45deg, #fefefe, #ddd); background: -o-linear-gradient(-45deg, #fefefe, #ddd); background: -ms-linear-gradient(-45deg, #fefefe, #ddd); background: linear-gradient(-45deg, #fefefe, #ddd); border: 1px solid #aaa; border-radius: 3px; box-shadow: 0 0 1px 1px #CCCCCC; height: 1em; margin: 0 4px 0 0; text-transform: uppercase; width: 1em; display: inline-block; margin-left: -40px; padding: 2px; line-height: 1em; text-indent: -50px; } input[type="checkbox"]:checked+label:before { content: "\2714"; text-indent: 0; background: -moz-linear-gradient(-45deg, #fefefe, #0b70cd); background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd); background: -o-linear-gradient(-45deg, #fefefe, #0b70cd); background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd); background: linear-gradient(-45deg, #fefefe, #0b70cd); border: 1px solid #0B70CD; } :root *> .phrases-box label:before { background: #a7c7dc; background: -moz-linear-gradient(-45deg, #fefefe, #ccc); background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd); background: -o-linear-gradient(-45deg, #fefefe, #0b70cd); background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd); background: linear-gradient(-45deg, #fefefe, #0b70cd); border: 1px solid #aaa; line-height: 1.3em; margin: 0 4px 0 0; text-transform: uppercase; width: 1.3em; display: inline-block; margin-left: -40px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-indent: -40px; color: #fff; text-shadow: 0 10px 6px #fff; } /* input[type="radio"]:checked + label:before { content: "\2022"; text-indent: 6px; background: -moz-linear-gradient(-45deg, #fefefe, #0b70cd); background: -webkit-linear-gradient(-45deg, #fefefe, #0b70cd); background: -o-linear-gradient(-45deg, #fefefe, #0b70cd); background: -ms-linear-gradient(-45deg, #fefefe, #0b70cd); background: linear-gradient(-45deg, #fefefe, #0b70cd); color: #000; zoom:1; border: 1px solid #aaa; }*/ .ordering-box { margin: 10px 0; } .search-results dt.result-title { padding: 15px 15px 0 5px; font-weight: bold; } .search-results dd { padding: 2px 15px 2px 5px } .search-results dd.result-text { padding: 10px 15px 10px 5px; line-height: 1.7em } .search-results dd.result-url { font-size: 90%; padding: 2px 15px 15px 5px; } .search-results dd.result-created { padding: 2px 15px 15px 5px } .search-results dd.result-category { padding: 10px 15px 5px 5px } /* Com_search break long titles & text */ dt.result-title { word-wrap: break-word; } dd.result-text { word-wrap: break-word; } .advanced-search-tip { background: #FEFDE2; border-radius: 3px; padding: 20px; border: solid 1px #ddd } .advanced-search-tip p { margin: 0 } .advanced-search-tip .term { font-weight: bold; font-style: italic } .panel { border: solid 1px #ddd; margin-top: -1px; } #main .panel h3 { margin: 0; padding: 0; background: #eee; border: 0; font-size: 1.0em } .panel h3 a { display: block; text-decoration: none; padding: 6px; } .pane-slider { border: solid 0; padding: 10px; margin: 0; } /* +++++++++++++++++++ Contact Form +++++++++++++++++++++++++++++++++ */ .panel .contact-form,.panel .contact-miscinfo { padding: 10px } .contact .panel .contact-form form,.contact .panel .contact-address { margin: 20px 0 0 0 } textarea,.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea { width: 80%; -moz-box-sizing: border-box; border: 1px solid #DDDDDD; color: #333333; overflow: auto; padding: 5px; vertical-align: top; } #jform_contact_email_copy-lbl,#jform_contact_email_copy { float: left; margin-right: 10px; border: 0 } #jform_captcha { clear:both; padding-bottom:10px; } label#jform_captcha-lbl { clear: both; position: relative; float: left; } .contact-form .button { clear: left; float: left; margin: 20px 0 } fieldset.filters { background: none; border: none; padding: 0 } .contact-form,.contact-links,.contact-misc,.contact-image,.contact-contactinfo,.contact-address { margin: 20px 0 } /* ++++++++++++++ loginmodule +++++++++++++++++++++++++++ */ #form-login-remember { overflow: hidden; margin-bottom: 10px } #form-login-remember label { display: inline; margin-left: 10px } #modlgn-remember { float: left } #login-form fieldset { background: #f5f5f5 } #login-form input[type="text"], input[type="password"], input[type="submit"] { width: 100%; box-sizing: border-box } form ul { list-style-type: none; margin: 0; padding: 0 } /* +++++++++++++++++++++++ pagenav +++++++++++++++++++++++ */ .pagenav { text-align: right } .pagenav ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ list-style-type: none; margin-left: 0; margin-bottom: 0; } .pagenav li { display: inline; margin: 0; padding: 0 } .pagenav a,span.pagenav { padding: 0 14px; margin: 0; text-decoration: none; border: 1px solid #ddd; border-left: 0 solid #ddd; display: inline-block; line-height: 1.9em; } .pagenav li:first-child a,.pagination-start span { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-left: solid 1px #ddd } .pagenav li:last-child a,.pagination-end span { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination ul { margin: 10px 10px 10px 0; padding: 0 } .pagination li { display: inline; } .pagination a { padding: 0 14px; line-height: 2em; text-decoration: none; border: 1px solid #ddd; border-left: 0 solid #ddd; display: inline-block } .pagination .active a { cursor: default; } .pagination span,.pagination span a:hover { cursor: default; padding: 0 14px; line-height: 2em; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /* +++++++++++++++++ Breadcrumbs +++++++++++++++++++++++++++ */ .breadcrumbs,.article-info { padding: 7px; margin: 0 0 18px; list-style: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .breadcrumbs li { display: inline-block; } /* +++++++++++++++++ articleinfo /actions +++++++++++++++++++++++++++ */ ul.actions { list-style-type: none; text-align: right } ul.actions a {padding:0} ul.actions li { display: inline } .article-info-term { display: none } .article-info { overflow: hidden; font-size: 0.9em } .article-info dd { float: left; padding: 0 5px; border-right: solid 1px #ccc } .article-info dd span { text-transform: none; display: inline-block; padding: 0 5px 0 0; margin: 0 10px 0 0; } .article-info dd.create { clear: left } /* ###################### header ###################### */ #fontsize { padding: 0; margin: 0 20px 0 1px; text-align: right; margin-bottom: 0; float: none; } #fontsize h3 { padding-right: 0; font-weight: normal; display: inline; font-size: 1em; margin: 0 } #fontsize p { margin: 0 0 0 2px; padding: 0; display: inline; font-size: 1em; } #fontsize p a { margin: 0 2px; display: inline; padding: 0 5px; } /* +++++++++++++++ menus ++++++++++++++++++++++++ */ #header ul.menu { padding: 0; width: auto; text-align: left; display: block; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin: 0 10px } #header ul.menu li { display: inline; padding: 0; margin: 0; } #header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a { font-weight: bold; text-decoration: none; margin: 0; display: inline-block; padding: 12px 15px; position: relative; border-right: 1px solid #ddd; box-shadow: 1px 0 0 #f5f5f5; } #header ul.menu li:first-child a { border-radius: 4px 0 0 0; margin-left: -1px } .moduletable_menu { border: solid 1px #ddd; background: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px; margin-bottom: 20px } ul.menu { margin: 0 0 20px 0; padding: 0; } ul.menu,ul.menu ul { list-style-type: none; } ul.menu a { display: block; margin: 0; text-decoration: none; padding: 5px 0; border-bottom: solid 1px #ddd; } ul.menu li:last-child a { border: 0; box-shadow: none } ul.menu ul { margin: 0; padding: 0 } ul.menu ul a { padding-left: 20px } ul.menu ul ul a { padding-left: 30px } ul.menu ul ul ul a { padding-left: 40px } ul.menu ul ul ul ul a { padding-left: 45px } /* ++++++++++++++ content-module ++++++++++++++ */ .category-module { margin: 0; padding: 0 } .category-module li { padding: 5px 0 5px 0; margin: 0; list-style-type: none } .category-module li h4 { margin-bottom: 0 } .category-module span { display: block; font-size: 0.85em; } .category-module a span { display: inline } /* content */ .categories-list .item-title a { text-decoration: none; margin-bottom: 20px } .category-desc { margin: 20px 0 } .category-desc img { float: left; margin: 0 20px 10px 0 } .categories-list dt,.categories-list dd { display: inline } ul.latestnews li { word-wrap: break-word; } /* ++++++++++++++++++++++ Footer +++++++++++++++++++++++++ */ #footer-outer {font-size:0.8em} .box { text-align: left } .box ul { list-style-type: none } #bottom .newsfeed-item { padding: 0; margin-bottom: 10px } .box .moduletable_menu,.box .moduletable { margin: 10px } .box3 { padding-left: 10px } .box h3 { font-size: 1.3em } #footer { font-size: 0.8em } /* #################### Sliding modules ################## */ .moduletable_js,.moduletable { margin-bottom: 20px; } .js_heading,.js_heading { position: relative; display: block; padding: 5px 10px; margin: 0; font-size: 1.40em; border-radius: 3px } h3.js_heading a { display: block; position: absolute; right: 0; top: 0; padding: 5px 5px 0 0; text-decoration: none; background: none } .module_content { padding: 10px; border: solid 1px #ddd; border-top: 0; border-radius: 0 0 3px 3px; margin-top: -1px } .no { font-size: 1px; } .slide { height: auto !important; } /* +++++++++++++++++++++++++++++ Module Tabs / Pagebreak Tabs / Contact Tabs ++++++++++++++++ */ ul.tabs { margin: 0; padding: 0; overflow: hidden } dl.tabs dt,dl.tabs dd { margin: 0; padding: 7px 5px; } dl.tabs dt h3 { font-size: 1em; margin: 0; padding: 0 } dl.tabs dt { position: relative; z-index: 1 } ul.tabs li,dl.tabs dt { list-style-type: none; float: left; width: auto; padding: 0; display: block; margin: 0 3px 0 0; font-size: 1em; } ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited { text-decoration: none; padding: 7px 5px; margin: 0; display: block; font-size: 0.9em; font-weight: normal; border-radius: 5px 5px 0 0; } ul.tabs li a.linkopen:link,ul.tabs li a.linkopen:visited,dl.tabs dt.open h3 a:link,dl.tabs dt.open h3 a:visited { font-weight: bold; } .tabcontent,div.current { padding: 30px 20px; margin: -1px 0 0 0; border-radius: 0 3px 3px 3px; clear: left; } div.current { position: relative; top: -1px } .tabcontent:focus { outline: none } .tabopen { display: block; margin-bottom: 20px; overflow: hidden } .tabclosed { display: none } .tabcontent ul { padding: 0 } .tabcontent ul li { list-style-type: none } /* ++++++++++++++ image float style ++++++++++++++ */ .img-fulltext-left { float:left; margin-right: 20px; margin-bottom: 20px; } .img-intro-left { float: left; margin-right: 10px; margin-bottom: 10px; } .img-fulltext-right { float: right; margin-left: 20px; margin-bottom: 20px; } .img-intro-right { float: right; margin-left: 10px; margin-bottom: 10px; } .img-fulltext-none {display:block; margin:10px 0 } /* Correction for user profile date of birth calendar image */ #jform_profile_dob_img { background: url("../images/system/calendar.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 18px; margin: 0 3px; vertical-align: middle; width: 18px; } /* Smartsearch Calendar*/ #filter_date1_img, #filter_date2_img { background: rgba(0, 0, 0, 0) url("../images/system/calendar.png") no-repeat scroll 0 0; cursor: pointer; height: 18px; margin-left: 3px; vertical-align: middle; width: 18px; } #search-results { clear: both; } #finder-filter-window { overflow: visible; } #searchForm .searchintro { padding: 0 0 0 250px; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .collapse.in { height: auto; } #finder-search .in.collapse { overflow: visible; } home/wuectly/www/plugins/system/t3/admin/layout/css/layout.css000060400000023430152457051550020602 0ustar00/** *------------------------------------------------------------------------------ * @package T3 Framework for Joomla! *------------------------------------------------------------------------------ * @copyright Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @authors JoomlArt, JoomlaBamboo, (contribute to this project at github * & Google group to become co-author) * @Google group: https://groups.google.com/forum/#!forum/t3fw * @Link: http://t3-framework.org *------------------------------------------------------------------------------ */ /* -------------------------------------------------*/ /* T3 ADMIN LAYOUT STYLE ---------------------------------------------------*/ /* Layout Config Panel ---------------------------------------------------*/ .t3-admin-layout-preview { width: 720px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; clear: both; } .t3-admin-layout-container { position: relative; } /* Reset --------*/ .t3-admin-layout-preview .navbar-inner { min-height: none; padding-left: 0; padding-right: 0; background: transparent; filter: -; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Layout Edit Tabs --------------------*/ .t3-admin-layout-row-device { padding: 15px 20px; background-color: #fff; border-bottom: 1px dotted #ccc; } .t3-admin-layout-row-mode .t3-admin-layout-reset-all { margin-top: -40px; margin-right: 20px; } .t3-admin-layout-row-device .t3-admin-layout-reset-position, .t3-admin-layout-row-device .t3-admin-layout-reset-device { } .t3-admin-layout-devices { display: inline-block; } /* Fullscreen Toggle */ #layout_params .t3-admin-tog-fullscreen { position: absolute; right: 30px; top: -50px; } /* Layout Panel Styling ---------------------------------------------------*/ .t3-admin-layout-section { background: #f2f2f2; border-radius: 0; margin: 0 0 12px; padding: 12px 12px 0; position: relative; overflow: hidden; } .t3-admin-layout-section .t3-admin-layout-section { padding: 0; margin: 0; } .t3-admin-layout-section .container { text-align: left; } .t3-admin-layout-pos { background: #fff; border: 1px solid #ddd; margin-bottom: 12px; font-size: 12px; padding: 10px; border-radius: 0; text-align: left; overflow: hidden; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; } .t3-admin-layout-pos h3 { margin: 0; line-height: normal; font-size: 12px; white-space: nowrap; } .t3-admin-layout-pos:hover { border-color: #07b; } /* Spotlight Group -------------------*/ .t3-admin-layout-splgroup { background: url(../images/grouper.gif) no-repeat left bottom, url(../images/grouper.gif) no-repeat right bottom; margin-bottom: 12px; } .t3-admin-layout-mode-r .t3-admin-layout-splgroup { padding-bottom: 26px !important; position: relative; } .t3-admin-layout-mode-r .t3-admin-layout-splgroup::before { content: "Spotlight"; text-transform: UPPERCASE; font-size: 10px; background: #ddd; color: #666; width: 80px; height: 20px; line-height: 20px; display: block; position: absolute; left: 50%; bottom: 3px; text-align: center; border-radius: 10px; margin-left: -40px; } /* User Interation Elements --------------------------*/ /* Edit Button ---*/ .t3-admin-layout-edit { cursor: pointer; position: absolute; right: 0; top: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #ddd; border-top: none; border-right: none; color: #666; background: #eee; display: none; } .t3-admin-layout-mode-m .t3-admin-layout-pos:hover .t3-admin-layout-edit { display: block; } /* Visibility Button ---*/ .t3-admin-layout-vis { cursor: pointer; position: absolute; right: 0; top: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #ddd; border-top: none; border-right: none; color: #555; background: #eee; display: none; } .t3-admin-layout-mode-r .t3-admin-layout-pos .t3-admin-layout-vis { display: block; } .t3-admin-layout-unit { position: relative; } /* Resize 2 ---*/ .t3-admin-layout-rzhandle { display: block; cursor: ew-resize; width: 7px; right: -11px; top: 0; height: 100%; position: absolute; font-size: 0.1px; z-index: 1000; background: url(../images/resizer.gif) no-repeat center 20px; opacity: .15; } .t3-admin-layout-rzhandle:hover { opacity: .8; } .t3-admin-layout-mode-m .t3-admin-layout-rzhandle { display: none; } /* Resizer position for different devices */ .wide .t3-admin-layout-rzhandle { right: -11px; } .normal .t3-admin-layout-rzhandle { right: -9px; } .xtablet .t3-admin-layout-rzhandle, .tablet .t3-admin-layout-rzhandle, .mobile .t3-admin-layout-rzhandle { right: -8px; } /* Column Chooser ---*/ .t3-admin-layout-ncolumns { display: none; text-align: center; position: relative; } .t3-admin-layout-mode-m .t3-admin-layout-ncolumns { display: block; } .t3-admin-layout-ncolumns .btn { font-size: 12px; background: #eee; border-color: #ccc; border-radius: 0 !important; min-width: 0 !important; } .t3-admin-layout-ncolumns .btn.active, .t3-admin-layout-ncolumns .btn:active { background: #ccc; border-color: #aaa; } /* Popover ---*/ .popover .chzn-done { width: 100%; margin-bottom: 10px; font-size: 13px; } /* Layout Clone ---*/ #t3-admin-layout-clone-btns { display: inline-block; margin-left: 10px; vertical-align: top; } #t3-admin-layout-clone-btns .btn { margin-left: 5px; } /* Layout Clone Modal */ #t3-admin-layout-clone-dlg { font: 14px/20px sans-serif; color: #666; width: 450px; margin: -200px 0 0 -225px; border: 1px solid #333; border-radius: 3px; } #t3-admin-layout-clone-dlg.fade.in { top: 50%; } /* Special Pos Styles -------------------- */ .block-component { height: 100px; background: #feffde; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; } .block-message { background: #feffde; } .block-sidebar-1, .block-sidebar-2, .block-sidebar-3, .block-sidebar-4, .block-sidebar-5 { height: 100px; background: #fff; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; } .t3-admin-layout-preview #t3-content, .t3-admin-layout-preview #t3-mainbody .t3-sidebar { display: -webkit-box; display: -moz-box; display: -o-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } /* Logo ---*/ .t3-admin-layout-preview .logo { width: auto; max-width: none; margin-bottom: 12px; padding: 10px; font-size: 24px; } .t3-admin-layout-preview .logo .logo-img-sm { display: none; } .t3-admin-layout-preview .logo img { max-height: 40px; } .t3-admin-layout-preview .logo .logo-image .site-slogan { display: none; } .t3-admin-layout-preview .logo a { color: #333; } .t3-admin-layout-preview .logo-image span { display: none; } /* Off-Canvas --*/ /* .t3-off-canvas { position: absolute; right: -240px; top: 0; width: 220px; background: #f2f2f2; padding: 0 12px; } */ .t3-off-canvas-header-title { font-size: 0; line-height: 1; } .t3-off-canvas-header-title:before { content: "Off-Canvas"; display: block; font-size: 12px; } .navbar-toggle, .off-canvas-toggle, .t3-off-canvas-header button.close { display: none; } /* Copyright --*/ .t3-admin-layout-preview .t3-footer .copyright { margin-bottom: 20px; } .t3-admin-layout-preview .t3-footer .copyright small { font-size: 12px; color: #999; } /* Powered by ---*/ .poweredby { text-align: right; line-height: normal; } .poweredby a { display: block; color: #999; padding: 10px; font-size: 12px; } .poweredby a strong { display: block; } /* Position States -------------------*/ /* Pos Off ---*/ .pos-off { border-color: #c00; color: #c00; } .pos-off .t3-admin-layout-edit { display: block; } .pos-off:hover { border-color: #c00; } /* Pos Active ---*/ .pos-active { border: 1px solid #07b; } .t3-admin-layout-mode-m .pos-active .t3-admin-layout-edit { display: block; } .pos-active:hover { border-color: #07b; } /* Pos Hidden ---*/ .t3-admin-layout-hiddenpos { display: none; } .t3-admin-layout-hiddenpos.has-pos { display: block; padding: 0 12px 0 42px; margin-bottom: 10px; background: #ddd; position: relative; } .t3-admin-layout-hiddenpos::before { content: "\f070"; font-family: "FontAwesome"; font-size: 16px; background: #c00; color: #fff; width: 34px; height: 100%; line-height: 35px; display: block; position: absolute; left: 0; bottom: 0; text-align: center; } .pos-hidden { display: inline-block; border: 1px solid #ccc; background: #eee; padding: 1px 10px; font-size: 12px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; cursor: pointer; } .pos-hidden i { margin-left: 5px; display: none; } .pos-hidden:hover { border: 1px solid #07b; } .t3-hide { display: none !important; } .t3-admin-layout-preview .hidden { opacity: 0.5; display: block; visibility: visible; } .t3-d-flex { display: flex; align-items: stretch; } .t3-flex-1 { flex: 1; } /*compatible with joomla 4*/ .j4 #t3-admin-layout-clone-dlg { border: 0; left: 50%; top: 50%; height: auto; transform: translate(-50%, -50%); margin: 0 auto; } .j4 #t3-admin-layout-clone-dlg .modal-header h3 { font-size: 16px; margin: 0; } .j4 #t3-admin-layout-clone-dlg .modal-body { padding: 24px; } .j4 #t3-admin-layout-clone-dlg .modal-body form { margin: 0; }