/* CMS Made Simple - NCleanGrey Theme version 1.2.1*/ /* 2008 (c) Nuno Costa - nuno.mfcosta@sapo.pt */ /* General tags */ * { margin: 0; /* padding: 0;*/ list-style: none; outline: none; } img{border:none;} legend{ font-weight: bold; font-size: 1.2em; color: #243135; padding: 5px 5px 10px; } fieldset{ border: 1px solid #CCCCCC; padding: 5px; } hr{display:none;} a { text-decoration: none; outline: none ; } a:hover { text-decoration: underline; } .pagecontainer a, .breadcrumbs a , .pageback a, .MainMenu a, .itemmenucontainer a { text-decoration: underline; } a.move_up { margin-left:16px; } .pagecontainer a:hover, .breadcrumbs a:hover, .pageback a:hover, .MainMenu a:hover, .itemmenucontainer a:hover { text-decoration: none; background: transparent; color: #243135; } a:hover img { background: transparent; } body { font-size: 70%; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background:#fff url(themes/NCleanGrey/images/layout/body.jpg) repeat-x scroll left top; text-align:center; } h1 { font-size: 2em; } h2 { font-size: 1.2em; } h3 { font-size: 1.2em; } h4 { font-size: 1em; } blockquote, input, li, select, th, td { font-size: 1em; } p { font-size: 1em; margin: 0px; } form { margin: 0px; display: inline; } input{ font-size: 1em; border: 1px solid #ABC6DD; background: #F8FAFA; margin-right: 5px; } input:hover,input:focus, textarea:hover, select:hover, checkbox:hover { border: 1px solid #4E6972; background: #E2EBEB; } /*CSS 3*/ input[type="text"],input[type="password"]{ padding:4px; } input[type="button"],input[type="submit"] { cursor: pointer; background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px; color:#fff; padding:4px; } input[type="button"]:hover,input[type="submit"]:hover { cursor: pointer; background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 0px; } input[type="checkbox"] { background: #F8FAFA; } /*end*/ textarea { font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ABC6DD; background: #F8FAFA; width: 48em; height: 30em; } select { border: 1px solid #ABC6DD; background: #F8FAFA; } div { text-align: left; } th, td { text-align: left; } code, tt, pre { font-size: 120%; } /* container */ #clean-container { margin:0px; background-color: #fff; text-align: left; } /* Top - banner */ #logocontainer { height: 100px; margin: 0; background: #243135 url(themes/NCleanGrey/images/layout/bg_banner.png) repeat-x left top; border-bottom: 1px solid #D9E2E6; width:auto; } /* Top - logo */ #logocontainer img { float:left; padding: 0px; margin: 0px; } /* Top - logo - text */ div.logotext { color: #fff; font-weight: bold; font-size: 1.0em; text-align: right; margin-right: 10px; padding: 40px 10px 10px 10px; width:auto; } /* Login - Clean */ .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear {height: 1%;} .clear {display: block;} #risingline { width: 715px; height: 84px; margin: 20px auto 0 auto; text-align: center; color: #013472; } div.login-all { /*prepair pre-loader for top admin (cache now)*/ background: url(themes/NCleanGrey/images/layout/bg_banner.png) no-repeat -500px; /*end*/ margin: 20px auto 20px; width: 715px; text-align: left; padding: 0px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } /*Layer info*/ div.login-all .info { float: left; width: 350px; margin: 0; height: auto; background: #fff url(themes/NCleanGrey/images/layout/itenmenucontainer.gif) no-repeat right top; padding: 0px; } .info p , .info ol li{ list-style: decimal inside; padding: 2px; margin: 0px; } .info h1{ font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #506D76 url(themes/NCleanGrey/images/layout/nav.png) repeat-x 0px -50px; width: auto; padding: 11px; margin: 5px 5px 5px; } .centerLogin #img { background: url(themes/NCleanGrey/images/layout/Login.gif) no-repeat 5px 5px; padding-left: 70px; padding-top: 25px; display: block; color: #013472; font-weight: bold; font-size: 1em; padding-bottom: 25px; } .centerLogin span { padding-left: 50px; margin-top: 50px; font-weight: bold; } /*Layer login*/ .login { background: #fff url(themes/NCleanGrey/images/layout/itenmenucontainer.gif) no-repeat left top; float: right; width: 350px; margin:0; padding-bottom: 50px; /*border-right: 1px solid #ccc;*/ } div.top { background: #506D76 url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px; width: auto; border-style: none; border-width: 0px; color:#fff; font-size: 1em; font-weight: bold; text-align: right; padding: 11px 10px 11px 0; margin:5px 5px 0 5px; } div#copy { /*prepair pre-loader for tabs (cache now)*/ background: #fff url(themes/NCleanGrey/images/layout/tabs.png) no-repeat -500px; /*end*/ font-size: 1em; font-weight: normal; color: #243135; clear: both; text-align: center; } div#copy a{ font-weight: bold; color: #243135; } .login-footer { height: 50px; width: auto; clear: both; } #centerLogin, .centerLogin { height: 100%; margin:0px; padding: 10px 5px; } div.formcontainer { padding: 10px; overflow: hidden; margin:0px; } div.erroLogin { margin: 2px 2px 5px 2px; padding: 10px 10px 10px 35px; border: 1px solid #FD9999; color: #000; width: auto; background: #FEDADA url(themes/NCleanGrey/images/icons/system/stop.gif) no-repeat 5px 5px; font-weight: bold; height:1%; /*IE6*/ } div.lbfieldstext { float: left; margin-left: 10px; margin-top: 10px; font-size: 0.8em; text-align:right; } div.login-fields { float: left; margin-left: 10px; padding-left: 10px; } div.login-fields input.loginsubmit { margin-top: 5px; } div.formcontainer #lbpassword, div.formcontainer #lbusername { margin-top: 5px; width:120px; } input.order { width:2em; font-size: 1em; text-align: center; } p.lbuser { color: #555555; font-size: 1.2em; } p.lbpass { color: #555555; font-size: 1.2em; margin-top: 10px; } /*layout is in cache now (the importants images)*/ /* MENU*/ div.topmenucontainer { background-color: #243135; height:1%; width:auto; border-top: 1px solid #3F565C; /*height:50px;*/ margin: 0; padding: 0; } ul#nav, ul#nav ul { list-style-type: none; margin: 0; padding: 0; } ul#nav{ padding-top:10px; padding-left:10px; } ul#nav ul { border-top: 1px solid #C8D3D7; border-right: 1px solid #C8D3D7; border-bottom: 1px solid #ADC0C7; border-left: 1px solid #A5B9C0; } ul#nav li { float: left; margin: 0px; padding: 0px; } ul#nav a { text-decoration: none; display: block; } ul#nav li a { font-size: 1em; font-weight: normal; color: #fff; padding: 12px 15px 15px; display: block; } ul#nav li:hover, ul#nav li.cssHover, ul#nav a.module:hover, ul#nav a.first_module:hover ,ul#nav li .selected:hover,ul#nav ul li a:hover { background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px; color: #fff; } ul#nav li a.selected { background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 0px; color: #000000; font-weight: bold; } ul#nav li ul a { text-align: left; margin: 0px; position: relative; padding: 6px 30px 6px 15px; font-weight: normal; color: #000; border-top: 0 none; border-right: 0 none; border-left: 0 none; } ul#nav li ul { background: #F3F5F5; margin: 0px; padding: 0px; position: absolute; width: auto; height: auto; display: none; position:absolute; z-index:999; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #374B51; /* Info: The opacity property is CSS3, however, will be valid when the CSS 3 specifications are official. Until then the validator of course will say it’s not valid because it isn’ yet part of any official standards. 1) http://jigsaw.w3.org/css-validator 2) More Options chose CSS3 3) is full validate ;) */ opacity:0.95;/* CSS 3 */ } ul#nav li li { float: none; margin: 0px; padding: 0px; } ul#nav li:hover ul ul, ul#nav li.cssHover ul ul { display: none; } ul#nav li:hover ul, ul#nav li.cssHover ul { display: block; } a.module { background: #E1E8EA; } a.first_module { background: #E1E8EA; border-top: 1px solid #BBCCD0; } ul#nav li.sep { line-height: 2px; border-bottom: 1px solid #333333; } /* Nav Tools */ div.MainMenu { margin-right: auto; margin-left: auto; float:left; height: auto; width: auto; } div.navt_menu { position: absolute; z-index:1110; right: 0px; } div.navt_show { background: transparent url(themes/NCleanGrey/images/layout/atalhos.gif) no-repeat left top; float: left; width: 22px; height: 85px; cursor: pointer; margin: 0px; padding: 0px; } div.navt_hide { background:transparent url(themes/NCleanGrey/images/layout/atalhos.gif) no-repeat right top; float: left; width: 22px; height: 85px; cursor: pointer; margin: 0px; padding: 0px; } #navt_container { float: left; width: 20em; background-image: url(themes/NCleanGrey/images/layout/itenmenucontainer.gif); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-color: #FFFFFF; } #navt_tabs div { color: #3D5258; background: #EBF0F1; padding: 5px; border-right: 1px solid #ccc; border-left: 1px solid #E4E4E4; border-bottom: 1px solid #CFCFCF; width: auto; text-align: center; float: left; padding: 5px; cursor: pointer; font-weight: bold; margin-top: 2px; } #navt_tabs div:hover, #navt_tabs div.cssHover { background-color: #FFFFFF; } #navt_tabs div.active { background-color: #FFFFFF; } #navt_content { color: #666666; margin:10px 5px; padding: 5px; } #navt_content a { color: #666666; } .visible { display: block; } .invisible { display: none; } /* Page Tabs - used for all page tabs */ #page_tabs { overflow: hidden; margin-top:20px; margin-left:20px; height:1%; /*IE6*/ } #page_tabs div { color: #000000; font-size: 1em; background: #F9F9F9 url(themes/NCleanGrey/images/layout/tabs.png) repeat-x left 0px; text-align: center; float: left; cursor: pointer; white-space: nowrap; padding: 11px; border-right: 1px solid #DBDBDB; border-left: 1px solid #B5B5B5; margin-top: 1px; margin-right: 1px; } /*if have icons in tabs fixed to height:14px;*/ #page_tabs div img { height:14px; margin-top:2px; margin-left:5px; margin-right:5px; } #page_tabs div:hover, #page_tabs div.cssHover { background-position: left -45px; } #page_tabs div.active { background-position:left -95px; border-right: 1px solid #666; border-left: 1px solid #666; border-bottom: none; margin-right: 1px; margin-left: 1px; font-weight: bold; } #page_content { background: transparent; padding: 20px 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top: 1px solid #F4F4F4; } /* top*.php files */ a.itemlink { color: #384654; font-weight: bold; font-size: 1.1em; } a.itemsublink { color: #384654; } div.itemmenucontainer { color: #666666; background: transparent; padding: 20px 10px 10px; width: 582px; background-image: url(themes/NCleanGrey/images/layout/itenmenucontainer.gif); background-repeat: no-repeat; background-position: right top; min-height:70px; margin: 0 10px; } div.itemoverflow { overflow: hidden; } div.itemoverflow img { border: none; } div.itemoverflow a { border: none; } p.itemicon { float: left; margin-right: 10px; } p.itemtext { float: left; width: 39em; } div.shortcuts { width: 11.8em; margin-left:0px; margin-right:0px; } div.shortcuts h2 { border-bottom: 1px solid #ccc; margin: 0 0 0.3em 0; } div.shortcuts h3 { padding-top: 1em; } div.shortcuts ul { margin: 0.5em 0 0 0; padding-left: 0; } div.shortcuts li { background-image: url(themes/NCleanGrey/images/icons/topfiles/shortcut.gif); background-repeat: no-repeat; background-position: 1em 0.5em; padding-top: 0.5em; padding-left: 3em; padding-bottom: 0.5em; list-style: none; line-height: 1.3em; } div.shortcuts a { color: #384654; } /* All pages - Content */ #MainContent { background: transparent; padding-top: 5px; padding-bottom: 5px; } div.hstippled { font-size: 1px; height: 1px; } div.breadcrumbs{ margin:0px; background: #F2F5F7; border-bottom: 1px solid #E2E9EB; padding: 10px 10px 10px 20px; color: #243135; height:1%; } a.breadcrumbs { color: #243135; } /*p.breadcrumbs { color: #243135; }*/ /*FOOTER*/ #footer { color: #fff; text-align: center; padding: 20px; clear:both; background: #314348 url(themes/NCleanGrey/images/layout/bg_banner.png) repeat-x left top; width: auto; margin-top: 5px; } #footer a { color: #fff; text-decoration: underline; } /* Standard pages output */ div.pagecontainer { padding: 10px; border: 1px solid #CADADD; background: transparent; margin-right: 10px; margin-left: 10px; height:1%; /*IE6*/ } div.pagecontainer p { margin-bottom: 1em; } div.pageerrorcontainer , div.pageerrorinstalldir { margin: 10px; padding: 10px; border: 1px solid #FD9999; color: #000; width: auto; background: #FEDADA; font-weight: bold; height:1%; /*IE6*/ } div.pageerrorcontainer a:link { color: #DE2C27; text-decoration: underline; } div.pagemcontainer { margin: 10px; padding: 10px; border: 1px solid #BDD3A3; background: #D6E4C5; height:1%;/* IE6*/ } div.pageoverflow { clear: left; padding-top: 1px; width:auto; overflow: hidden; } div.pageoverflow a, div.pagecontainer a { color: #384654; } div.pageoverflow img { border: 0px; } div.pageoptions { padding-top: 1px; } img.pageicon { border: none; } img.systemicon { border: none; vertical-align: middle; } a.pageoptions { color: #384654; vertical-align: 3px; } a.pageback { color: #384654; } .pageback { margin: 10px; } div.pagecontainer .pageheader { padding-bottom:7px; padding-left:2px; color: #384654; font-weight: bold; font-size: 1.2em; margin-bottom: 5px; border-bottom: 1px solid #D6DFE2; clear:both; } div.pagecontainer .pagetext { color: #384654; float: left; padding-top: 8px; padding-right: 1em; margin-left: 10%; width: 15em; margin-bottom: 0.5em; text-align:right; } textarea.pagetextarea { width: 48em; height: 30em; } div.pagecontainer span.helptext { font-size: 0.8em; font-weight: normal; padding: 2px; position: absolute; z-index:10; margin-top:-4px; right: 35px; } div.pagecontainer .pageinput { color: #384654; float: left; padding-top: 8px; margin-bottom: 0.5em; } p.pageinputwysiwyg { padding-top: 5px; } p.pagemessage { margin-bottom: 0; padding: 5px; font-weight: bold; /*background: #D6E4C5;*/ } .pageshowrows { width:50%; color: #384654; text-align: right; float: right; margin-right: 5px; } p.pagesubtitle { color: #384654; font-weight: bold; padding-top: 5px; } p.pageoptions { color: #384654; padding-top: 5px; } .pagerows { font-size: 1.3em; } table.pagetable { font-size: 1em; margin-bottom: 5px; border: 1px solid #E6ECEE; width: 100%; margin-right: auto; margin-left: auto; /* sugest - #241*/ border-spacing:0px; /* end*/ } table.pagetable th { color: #fff; background: #243135 url(themes/NCleanGrey/images/layout/bg_titles.png) repeat-x left top; height: 50px; text-align: left; white-space: nowrap; padding-left: 5px; padding-right: 5px; } table.pagetable th a { color: #C6D5D9; } table.pagetable th.active { color: #C6D5D9; } table.pagetable th.active a { color: #C6D5D9; text-decoration: underline; } table.pagetable th a:hover { color: #fff; text-decoration: underline; } table.pagetable tr { height: 2.5em; } table.pagetable td { color: #384654; padding-left: 5px; padding-right: 5px; } table.pagetable a { color: #384654; } table.pagetable th.pagepos { text-align: center; } .move { width: 60px; text-align: left; padding-left: 5px; } .checkbox { padding-left: 10px; } th.pagew10 { width: 10%; } th.pagew25 { width: 25%; } th.pagew50 { width: 50%; } th.pagew60 { width: 60%; } th.pagew70 { width: 70%; } th.pageicon { width: 16px; } td.pagew30 { width: 30%; } td.pagepos { text-align: center; } tr.row1 { background-color: #fff; } tr.row2 { background: #EDF2F3; } /* sugest - #241 standby for now! */ /* tr.row1:hover { background: #dddddd; } tr.row2:hover { background: #dddddd; } */ /* end*/ tr.row1hover { background: #E4ECED; } tr.row2hover { background: #D9E3E6; } td.pageicon { background-color: #fff !important; } td.icons_wide { width: 25px; } iframe.imageframe { margin-top: 10px; border: none; width: 100%; } iframe.preview { background-color: #fff; margin: 10px; border: solid 1px #666; width: 95%; height: 400px; } input.standard { } input.pagebutton { cursor: pointer; background: transparent url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px; color:#fff; } input.pagebuttonhover { background: transparent url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 0px; cursor: pointer; } input.pagecheckbox { border: none; } textarea.pagebigtextarea { height: 40em; width: 55em; } textarea.pagesmalltextarea { height: 15em; width: 48em; } textarea.pageheadtags { height: 5em; } ul.pageerror { margin: 0; padding-left: 10px; } ul.pageerror li { padding: 10px 10px 10px 35px; margin-left: 5px; background: url(themes/NCleanGrey/images/icons/system/stop.gif) no-repeat left center; } div.pageerrorcontainer a { color: #fff; } .clearb { clear: both; } .loginerror { color: #ce374e; } .imageframe { height: 300px; } .ajaxbutton { clear: both; padding-top: 5px; padding-left: 1px; } ul.sortableList { list-style-type: none; padding: 10px; margin: 5px; width: 95%; color: #243135; } ul.sortableList li { cursor: move; padding:10px; margin: 2px 0px; border: 1px solid #8AA3B7; background: #fff url(themes/NCleanGrey/images/layout/nav.png) repeat-x scroll left -55px; font-weight: bold; color: #FFFFFF; } ul.sortableList li li { background: #F2F5F7; font-weight: normal; border: 1px solid #D9E1E8; color: #243135; } ul.sortableList li li li { background: #fff; color: #243135; } ul.sortableList li li li li { background: #F2F5F7; font-weight: normal; color: #243135; } ul.sortableList li li li li li { background: #fff ; color: #243135; } .important { color: red; font-weight: normal; } /*FILEMANGER MESSAGES*/ span.fm-messages{ margin-left:20px; padding: 0px 2px 2px 10px; display:block; } /*ICONS SYSINFO*/ .icon-extra{ padding-left:10px; clear:left; margin:-6px 0 0 10px; } /*h2, 3, 4, etc inside*/ div.pagecontainer .h-inside{ float: left; padding-top: 8px; padding-right: 1em; margin-left: 10%; width: 18em; margin-bottom: 0.5em; text-align:right; } /*ICONS VIEW SITE AND LOGOUT ADMIN*/ div#nav-icons_all { margin:0px; padding:0px; float:right; width:100px; height:auto; /*background:red;*//*debug*/ } div#nav-icons_all ul#nav-icons { margin:0px; list-style-type: none; padding:0px; text-indent: -999em; } div#nav-icons_all ul#nav-icons li { padding:0px; float:left; height: 1%; /*IE6*/ margin-left:10px; } div#nav-icons_all ul#nav-icons li.viewsite-icon a { display:block; padding: 10px 0; width: 35px; background: transparent url(themes/NCleanGrey/images/icons/extra/nav-icons.gif) no-repeat 0px 0px ; } div#nav-icons_all ul#nav-icons li.logout-icon a { display:block; padding: 10px 0; width: 35px; background: transparent url(themes/NCleanGrey/images/icons/extra/nav-icons.gif) no-repeat -45px 0px ; } /*hover*/ div#nav-icons_all ul#nav-icons li.viewsite-icon a:hover { background-position: 0px -37px ; } div#nav-icons_all ul#nav-icons li.logout-icon a:hover { background-position: -45px -37px ; } /*since 1.4*/ .group { padding-right: 5px; padding-bottom: 5px; padding-top: 5px;} .group_memberships { margin:0; height:1%; /*IE*/ padding:5px 10px; background:#F0F3F4; border: 1px solid #DCE4E7; } #copy_paste_in_forum{ width:80%; margin:0 10%; }