File Manager
/*
CMS Made Simple - NCleanGrey Theme version 1.5-cmsms1.9x
2008/2010 (c) Nuno Costa - nuno@cmsmadesimple.org [criacaoweb.net]
*/
/* GRID SYSTEM
* Fluid Grid based on Based on 960 Grid System - http://www.960.gs
* Helper Styles for Module Developer, make aligning modules easier.
* (To bad Robert didn't request this earlier i could of saved myself
* from writing a bunch of Styles)
* For Demo see /admin/themes/OneEleven/doc/grid.html
*/
/* Container - Wrapping all grids inside,
* use .cf class to clear floated elements
*/
.c_full { width: 100% }
/* Global Grid style, the actual grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display: inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%
}
/* Alpha = no margin left, Omega = no margin right */
.alpha { margin-left: 0 }
.omega { margin-right: 0 }
/* Grids up to 12 columns */
.c_full .grid_1 { width: 6.333% }
.c_full .grid_2 { width: 14.667% }
.c_full .grid_3 { width: 23.0% }
.c_full .grid_4 { width: 31.333% }
.c_full .grid_5 { width: 39.667% }
.c_full .grid_6 { width: 48.0% }
.c_full .grid_7 { width: 56.333% }
.c_full .grid_8 { width: 64.667% }
.c_full .grid_9 { width: 73.0% }
.c_full .grid_10 { width: 81.333% }
.c_full .grid_11 { width: 89.667% }
.c_full .grid_12 { width: 98.0% }
/* Prefix to add extra space left
* Example (same for other like suffix, push or pull): <div class='grid_1 prefix_1'>
*/
.c_full .prefix_1 { padding-left: 8.333% }
.c_full .prefix_2 { padding-left: 16.667% }
.c_full .prefix_3 { padding-left: 25.0% }
.c_full .prefix_4 { padding-left: 33.333% }
.c_full .prefix_5 { padding-left: 41.667% }
.c_full .prefix_6 { padding-left: 50.0% }
.c_full .prefix_7 { padding-left: 58.333% }
.c_full .prefix_8 { padding-left: 66.667% }
.c_full .prefix_9 { padding-left: 75.0% }
.c_full .prefix_10 { padding-left: 83.333% }
.c_full .prefix_11 { padding-left: 91.667% }
/* Suffix to add extra space right */
.c_full .suffix_1 { padding-right: 8.333% }
.c_full .suffix_2 { padding-right: 16.667% }
.c_full .suffix_3 { padding-right: 25.0% }
.c_full .suffix_4 { padding-right: 33.333% }
.c_full .suffix_5 { padding-right: 41.667% }
.c_full .suffix_6 { padding-right: 50.0% }
.c_full .suffix_7 { padding-right: 58.333% }
.c_full .suffix_8 { padding-right: 66.667% }
.c_full .suffix_9 { padding-right: 75.0% }
.c_full .suffix_10 { padding-right: 83.333% }
.c_full .suffix_11 { padding-right: 91.667% }
/* Push to right */
.c_full .push_1 { left: 8.333% }
.c_full .push_2 { left: 16.667% }
.c_full .push_3 { left: 25.0% }
.c_full .push_4 { left: 33.333% }
.c_full .push_5 { left: 41.667% }
.c_full .push_6 { left: 50.0% }
.c_full .push_7 { left: 58.333% }
.c_full .push_8 { left: 66.667% }
.c_full .push_9 { left: 75.0% }
.c_full .push_10 { left: 83.333% }
.c_full .push_11 { left: 91.667% }
/* Pull to left */
.c_full .pull_1 { left: -8.333% }
.c_full .pull_2 { left: -16.667% }
.c_full .pull_3 { left: -25.0% }
.c_full .pull_4 { left: -33.333% }
.c_full .pull_5 { left: -41.667% }
.c_full .pull_6 { left: -50.0% }
.c_full .pull_7 { left: -58.333% }
.c_full .pull_8 { left: -66.667% }
.c_full .pull_9 { left: -75.0% }
.c_full .pull_10 { left: -83.333% }
.c_full .pull_11 { left: -91.667% }
/* Margin top */
.m_top_5 { margin-top: 5px !important }
.m_top_10 { margin-top: 10px !important }
.m_top_15 { margin-top: 15px !important }
.m_top_25 { margin-top: 25px !important }
.m_top_30 { margin-top: 30px !important }
.m_top_35 { margin-top: 35px !important }
.m_top_45 { margin-top: 45px !important }
.m_top_60 { margin-top: 60px !important }
.m_top_90 { margin-top: 90px !important }
.m_top_120 { margin-top: 120px !important }
/* Margin bottom */
.m_bottom_5 { margin-bottom: 5px !important }
.m_bottom_10 { margin-bottom: 10px !important }
.m_bottom_15 { margin-bottom: 15px !important }
.m_bottom_25 { margin-bottom: 25px !important }
.m_bottom_30 { margin-bottom: 30px !important }
.m_bottom_35 { margin-bottom: 35px !important }
.m_bottom_45 { margin-bottom: 45px !important }
.m_bottom_60 { margin-bottom: 60px !important }
.m_bottom_90 { margin-bottom: 90px !important }
.m_bottom_120 { margin-bottom: 120px !important }
/* Padding top */
.p_top_5 { padding-top: 5px !important }
.p_top_10 { padding-top: 10px !important }
.p_top_15 { padding-top: 15px !important }
.p_top_30 { padding-top: 30px !important }
.p_top_45 { padding-top: 45px !important }
.p_top_60 { padding-top: 60px !important }
.p_top_90 { padding-top: 90px !important }
.p_top_120 { padding-top: 120px !important }
.p_top_130 { padding-top: 130px !important }
/* Padding bottom */
.p_bottom_5 { padding-bottom: 5px !important }
.p_bottom_10 { padding-bottom: 10px !important }
.p_bottom_15 { padding-bottom: 15px !important }
.p_bottom_30 { padding-bottom: 30px !important }
.p_bottom_45 { padding-bottom: 45px !important }
.p_bottom_60 { padding-bottom: 60px !important }
.p_bottom_90 { padding-bottom: 90px !important }
.p_bottom_120 { padding-bottom: 120px !important }
.p_bottom_130 { padding-bottom: 130px !important }
/* CLEARFIX */
* html .cf {
height: 1%;
overflow: visible
}
*+ html .cf { min-height: 1% }
.cf:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden
}
/************General tags************/
* {
margin: 0;
list-style: none;
outline: none;
}
img{border:none;}
legend{
font-weight: bold;
font-size: 1.2em;
color: #464646;
padding: 5px 5px 10px;
}
fieldset{
border: 1px solid #CCCCCC;
padding: 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 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: #333;
}
a:hover img {
background: transparent;
}
body {
font-size: 70%;
font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background:#F0F0F0;
text-align:center;
}
body.body-login{
background:#fff
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1.2em;
}
.pagecontainer h3
{
margin-top:10px;
margin-bottom:10px;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: .9em;
}
blockquote, input, li, select, th, td {
font-size: 1em;
}
p {
font-size: 1em;
margin: 0px;
}
form {
margin: 0px;
display: inline;
}
input{
font-size: 1.2em;
border: 1px solid #ccc;
background: #F0F0F0;
margin-right: 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
input:hover,input:focus, textarea:hover, select:hover, checkbox:hover
{
border: 1px solid #A4A4A4;
background: #fff;
}
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 0;
color:#fff;
padding:5px 10px 6px 10px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:none;
}
input[type="button"]:hover,input[type="submit"]:hover {
cursor: pointer;
background: url(themes/NCleanGrey/images/layout/nav.png) repeat-x left -50px;
}
input[type="checkbox"] {
background: #fff;
border:none;
}
textarea {
font-size: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
background: #F0F0F0;
width: 48em;
height: 30em;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
select,menu {
font-size: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
background: #F0F0F0;
padding:2px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
div
{
text-align: left;
}
th, td
{
text-align: left;
}
code, tt, pre
{
font-size: 120%;
}
/************ Full Page Container ************/
#ncleangrey-container
{
border-bottom:solid 1px #ccc;
margin:0px;
background-color: #fff;
text-align: left;
min-width:700px;
width:auto !important;
width:700px;
}
/* Top - banner */
#logocontainer {
height: 80px;
margin: 0;
background: #ccc url(themes/NCleanGrey/images/layout/banner.png) repeat-x left top;
border-bottom: 1px solid #D6D6D6;
width:auto;
overflow:hidden;
text-shadow:0 1px 0 #FFFFFF;
}
/* Top - logo */
#logocontainer img {
float:left;
padding: 0px;
margin: 0 0 0 10px;
}
/* Top - logo - text */
div.logotext {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
font-weight: bold;
font-size: 1.0em;
text-align: right;
margin-right: 10px;
padding: 10px 10px 10px 10px;
width:auto;
}
/* Login - Clear */
.clear:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clear {height: 1%;}
.clear {display: block;}
/************ Layer login ************/
div.login-all {
margin: 100px 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-style:italic;
font: bold 1.3em Arial,Verdana;
color: #464646;
text-shadow:0 1px 0 #FFFFFF;
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: #666;
font-weight: bold;
font-size: 1em;
padding-bottom: 25px;
}
.centerLogin span {
padding-left: 50px;
margin-top: 50px;
font-weight: bold;
}
.login {
background: #fff url(themes/NCleanGrey/images/layout/itenmenucontainer.gif) no-repeat left top;
float: right;
width: 350px;
margin:0;
padding-bottom: 50px;
}
div.forgot-pw {
background: transparent url(themes/NCleanGrey/images/icons/extra/forgot-pass.gif) no-repeat left top;
margin-left: -30px;
margin-top: 15px;
height:50px;
padding-top:4px;
padding-left:30px;
}
div.forgot-pw a, div.forgot-pw a:hover, div.forgot-pw a:visited{
color: #464646;
font-weight: bold;
}
div.top {
font: bold 1.3em Arial,Verdana;
width: auto;
border-style: none;
border-width: 0px;
color:#464646;
text-align: right;
padding: 11px 10px 11px 0;
margin:5px 5px 0 5px;
}
div#copy {
font-size:110%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
clear: both;
text-align: center;
}
div#copy a{
font-weight: bold;
color: #464646;
text-decoration:underline;
}
div#copy a:hover{
color: #000;
text-decoration:underline;
}
.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 #FEE2E2;
color: #000;
width: auto;
background: #FEF5F5 url(themes/NCleanGrey/images/icons/system/stop.gif) no-repeat 5px 5px;
font-weight: bold;
height:1%; /*IE6*/
}
div.acceptLogin {
margin: 2px 2px 5px 2px;
padding: 10px 10px 10px 35px;
border: 1px solid #E8EFDE;
color: #000;
width: auto;
background: #F9FBF7 url(themes/NCleanGrey/images/icons/system/accept.gif) no-repeat 5px 5px;
height:1%; /*IE6*/
}
div.warningLogin {
margin: 2px 2px 5px 2px;
padding: 10px 10px 10px 35px;
border: 1px solid #FDEAD0;
color: #000;
width: auto;
background: #FEF4E7 url(themes/NCleanGrey/images/icons/system/warning.gif) no-repeat 5px 5px;
height:1%; /*IE6*/
}
.lbfieldstart{
margin:0 0 5px 0;
padding:0 8px 8px 8px;
border-bottom:1px solid #F0F0F0;
}
div.lbfieldstext {
float: left;
margin-left: 10px;
margin-top: 10px;
font-size: 0.8em;
text-align:right;
}
div.login-fields {
float: left;
margin-left: 5px;
padding-left: 5px;
}
div.login-fields input.loginsubmit {
margin-top: 5px;
width:85px;
}
div.formcontainer #lbpassword, div.formcontainer #lbusername, div.formcontainer #lbpasswordagain {
margin-top: 5px;
width:165px;
}
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;
}
/********* MENU *********/
div.topmenucontainer {
background: #000 url(themes/NCleanGrey/images/layout/dark.png) repeat-x 0px 0px;
height:1%;
width:auto;
margin: 0;
padding: 0;
}
ul#nav, ul#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav{
padding-left:10px;
}
ul#nav ul {
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
}
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: bold;
color: #fff;
padding: 12px 17px 14px;
display: block;
border-right: 1px solid #666;
}
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: #fff;
border-right: 1px solid #999;
border-left: 1px solid #ccc;
}
ul#nav li ul a {
text-align: left;
margin: 0px;
position: relative;
padding: 7px 30px 7px 15px;
font-weight: normal;
color: #000;
border-top: 0 none;
border-right: 0 none;
border-left: 0 none;
border-bottom: 1px solid #E5E5E5;
}
ul#nav li ul {
background: #fff;
margin: 0 0 0 -1px;
padding: 0px;
position: absolute;
width: auto;
height: auto;
display: none;
position:absolute;
z-index:999;
opacity:0.95;
-moz-border-radius:0px 0px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
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;
}
ul#nav ul li a.selected,
ul#nav li ul a.module.selected,
ul#nav li ul a.first_module.selected
{
background:#ccc;
color: #000;
border-right: 0 none;
border-left: 0 none;
border-top: 1px solid #fff;
border-bottom: 0 none;
}
ul#nav li ul a.module {
background: #E5E5E5;
border-top: 1px solid #fff;
}
ul#nav li ul a.first_module{
color: #000;
background: #E5E5E5;
border-top: 1px solid #fff;
}
ul#nav li.sep {
line-height: 2px;
border-bottom: 1px solid #333333;
}
/********** Nav Tools **********/
div.navt_menu {
opacity:0.90;
position: absolute;
z-index:1110;
right: 0px;
top:125px;
}
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;
border-top: 1px solid #B5B5B5;
margin-top: 1px;
margin-right: 1px;
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
}
/*if we have icons into the tabs let's fix 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;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
/********** top*.php files - Sections **********/
a.itemlink {
color: #000;
font-weight: bold;
font-size: 1.1em;
}
a.itemsublink {
color: #000;
}
#MainContent .sections {
margin-left:230px;
clear:both;
}
div.MainMenu {
margin-right:10px;
float:left;
height: auto;
width: 99%;
}
.MainMenu .itemmenucontainer {
float:left;
color: #666666;
width: 99%;
background: url(themes/NCleanGrey/images/layout/greyLight.png) repeat-x left 0px;
min-height:70px;
height:auto !important;
height:70px;
margin: 0 0 0 1%;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:solid 1px #DFDFDF;
margin-bottom:10px;
padding-bottom:10px;
}
div.itemoverflow {
width:auto;
margin: 0px 10px 5px 10px;
}
div.itemoverflow a.title-itemlink{
padding:7px 0 10px 0;
display:block;
font-size:1.2em;
font-weight:bold;
font-family:arial;
color:#464646;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;
}
div.itemoverflow a.title-itemlink:hover{
color:#000;
}
div.itemoverflow img {
border: none;
}
div.itemoverflow a {
border: none;
}
p.itemicon {
float: left;
margin-right: 10px;
}
p.itemtext {}
.itemmenucontainer.shortcuts {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
border:solid 1px #DFDFDF;
width: 200px;
margin:0 0 0 -220px;
color: #666666;
background: url(themes/NCleanGrey/images/layout/body.jpg) repeat-x left top;
min-height:100px;
height:auto !important;
height:100px;
overflow: hidden;
clear:left;
float:left;
padding: 10px 5px;
text-shadow:0 1px 0 #FFFFFF;
}
div.shortcuts h2 {
border-bottom: 1px solid #999;
margin: 0 0 10px 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: #464646;
}
/********** All pages - Content **********/
#MainContent {
background: transparent;
padding-top: 5px;
padding-bottom: 5px;
}
div.hstippled {
font-size: 1px;
height: 1px;
}
div.breadcrumbs{
margin:0px;
background: #F0F0F0;
border-bottom: 1px solid #E5E5E5;
padding: 10px 10px 10px 20px;
color: #464646;
height:1%;
}
a.breadcrumbs {
color: #464646;
}
p.breadcrumbs {}
/********** FOOTER **********/
#footer {
font-size:110%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top:solid 1px #fff;
color: #666;
text-align: center;
padding: 10px;
clear:both;
min-width:600px;
width:auto !important;
width:600px;
height:auto;
text-shadow:0 1px 0 #FFFFFF;
}
#footer a {
color: #333;
text-decoration: underline;
}
#footer a:hover {
color: #666;
}
/*
#footer .icons-license{
display:block;
padding:5px 0px 5px 5px;
margin-top:45px;
margin-right:0px;
text-align:right;
font-size:90%;
font-family:Arial, Verdana;
}
*/
/* Standard pages output */
div.pagecontainer {
padding: 10px;
background: transparent;
margin-right: 10px;
margin-left: 10px;
height:1%; /*IE6*/
}
div.pagecontainer p {
margin-bottom: 1em;
}
div.pageerrorcontainer , div.pageerrorinstalldir {
margin: 10px 20px;
padding: 10px;
border: 1px solid #FEE2E2;
color: #000;
width: auto;
background: #FEF5F5;
font-weight: bold;
height:1%; /*IE6*/
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
div.pageerrorcontainer a:link {
color: #ED9492;
text-decoration: underline;
}
div.pagemcontainer {
margin: 10px 20px;
padding: 10px;
border: 1px solid #E8EFDE;
background: #F9FBF7;
height:1%;/* IE6*/
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
div.pageoverflow {
clear: left;
padding-top: 1px;
width:auto;
overflow: hidden;
}
div.pageoverflow a, div.pagecontainer a {
color: #464646;
}
div.pageoverflow img {
border: 0px;
}
div.pageoptions {
padding-top: 1px;
}
img.pageicon {
border: none;
}
img.systemicon {
border: none;
vertical-align: middle;
}
a.pageoptions {
color: #464646;
/*vertical-align: 3px;*/
}
a.pageback {
color: #464646;
}
.pageback {
margin: 10px;
}
div.pagecontainer .pageheader {
padding-bottom:5px;
padding-left:2px;
color: #464646;
font-weight: bold;
font-size: 1.3em;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
clear:both;
}
div.pagecontainer .pageheader img.itemicon {
margin-bottom:-7px;
margin-left:-2px;
}
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 .pagetext {
color: #464646;
/*float: left;*/
margin: 1em 0 0.2em 0;
padding: 0;
margin-left: 20%;
width: auto;
font-weight: bold;
/*margin-bottom: 0.5em;*/
/*background:green;*/
/*text-align:right;*/
}
div.pagecontainer .pageinput {
color: #464646;
/* float: left;*/
padding: 0;
margin: 0;
margin-left: 20%;
/* margin-bottom: 0.5em;*/
width: auto;
text-align:left;
/* background:red;*/
}
p.pageinputwysiwyg {
padding-top: 5px;
}
p.pagemessage {
margin-bottom: 0;
padding: 5px;
font-weight: bold;
}
.pageshowrows {
width:50%;
color: #464646;
text-align: right;
float: right;
margin-right: 5px;
}
p.pagesubtitle {
color: #464646;
font-weight: bold;
padding-top: 5px;
}
p.pageoptions {
color: #464646;
padding-top: 5px;
}
.pagerows {
font-size: 1.3em;
}
table.pagetable {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
font-size: 1em;
border: 1px solid #ccc;
width: 100%;
margin: 5px auto;
}
table.pagetable th {
color: #464646;
text-shadow:0 1px 0 #FFFFFF;
background: #CCCCCC url(themes/NCleanGrey/images/layout/banner.png) repeat-x left -33px;
height: 45px;
text-align: left;
white-space: nowrap;
padding-left: 5px;
padding-right: 5px;
}
table.pagetable th a {
color: #000;
}
table.pagetable th.active {
color: #333;
}
table.pagetable th.active a {
color: #333;
text-decoration: underline;
}
table.pagetable th a:hover {
color: #333;
text-decoration: underline;
}
table.pagetable tr {
height: 2.5em;
}
table.pagetable td {
color: #333;
padding-left: 5px;
padding-right: 5px;
}
table.pagetable a {
color: #000;
}
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%;
}
table.pagetable th.pageicon {
min-width:1px;
width: 1px;
border: 0 none ;
}
td.pagew30 {
width: 30%;
}
td.pagepos {
text-align: center;
}
tr.row1 {
background-color: #fff;
}
tr.row2 {
background: #E5E5E5;
}
tr.row1:hover { background:#ccc; }
tr.row2:hover { background:#ccc; }
tr.row1hover {
background: #ccc;
}
tr.row2hover {
background: #ccc;
}
td.pageicon {
background-color: #fff !important;
}
td.icons_wide {
width: 25px;
}
/*** File Manager ***/
#filesarea img {
max-width: 32px;
}
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 0;
color:#fff;
}
input.pagebuttonhover {
background: transparent url(themes/NCleanGrey/images/layout/nav.png) repeat-x left 50px;
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.pagewarning {
margin: 2px 2px 5px 2px;
padding: 10px 10px 10px 35px;
border: 1px solid #FDEAD0;
background: #FEF4E7 url(themes/NCleanGrey/images/icons/system/warning.gif) no-repeat 5px 10px;
height:1%;/* IE6*/
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}
div.pageerrorcontainer a {
color: #fff;
}
.clearb {
clear: both;
}
.loginerror {
color: #ce374e;
}
.imageframe {
height: 300px;
}
.ajaxbutton {
clear: both;
padding-top: 5px;
padding-left: 1px;
}
/***********REORDER CONTENT ************/
.reorder-pages{
margin: 20px 10px;
width: 95%;
}
ul.sortableList .ui-draggable-dragging, ul.sortable .placeholder
{
border: 2px dashed #ccc;
background:#F0F0F0;
}
ul.sortableList {
list-style-type: none;
padding:0;
}
ul.sortableList div.label {
border:solid 1px #F0F0F0;
word-wrap:break-word;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
cursor: move;
padding:5px 10px 5px 5px;
background: #fff url(themes/NCleanGrey/images/layout/greyLight.png) repeat-x scroll left 0px;
text-shadow:0 1px 0 #FFFFFF;
font-weight: bold;
color:#464646;
width:450px;
}
ul.sortableList li div.label em{
display:block;
color:#666;
font-size:90%;
}
ul.sortableList li div.label span{
float:left;
width:17px;
height:17px;
display:block;
margin-top:4px;
margin-left:8px;
margin-right:15px;
background:transparent url(themes/NCleanGrey/images/icons/extra/reorder.gif) no-repeat 0px 0px;
}
ul.sortableList li
{
margin-top: 15px;
margin-left: 40px;
width:450px;
}
/*END REORDER*/
.important {
color: red;
font-weight: normal;
}
/*FILEMANGER MESSAGES*/
span.fm-messages{
margin-left:20px;
padding: 0px 2px 5px 10px;
display:block;
}
/*ICONS SYSINFO*/
.icon-extra{
padding-left:0.8em;
clear:left;
margin:0.8em 0 0 0.8em;
}
/*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:5px 0px 0px 0px;
padding:0px;
float:right;
width:100px;
height:24px;
height:auto;
}
div#nav-icons_all ul#nav-icons
{
margin:0px;
list-style-type: none;
padding:0px;
text-indent: -9999em;
}
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;
width: 24px;
height:24px;
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;
width: 24px;
height:24px;
background: transparent url(themes/NCleanGrey/images/icons/extra/nav-icons.gif) no-repeat -25px 0px ;
}
/*hover*/
div#nav-icons_all ul#nav-icons li.viewsite-icon a:hover
{
background-position: 0px -25px ;
}
div#nav-icons_all ul#nav-icons li.logout-icon a:hover
{
background-position: -25px -25px ;
}
/*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%;
}
/* ------- Notifications ------- */
.full-Notifications
{
clear:both;
margin:10px 10px 0 15px;
}
.full-Notifications a, .full-Notifications a:visited
{
color: #464646;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}
.full-Notifications a:hover, .full-Notifications a:active
{
color: #000;
}
div.notifications-show {
background: transparent url(themes/NCleanGrey/images/icons/Notifications/notifications_icons.gif) no-repeat left top;
float: left;
width:20px;
height:20px;
float:left;
margin:0 5px;
cursor: pointer;
margin: 0px;
padding: 0px;
}
div.notifications-hide {
background:transparent url(themes/NCleanGrey/images/icons/Notifications/notifications_icons.gif) no-repeat right top;
float: left;
width: 20px;
height: 20px;
cursor: pointer;
margin: 0px;
padding: 0px;
}
.Notifications-title
{
margin: 0;
font: 1.0em Arial, Helvetica, sans-serif;
color: #333;
padding: 3px 0px 1px;
float:left;
height:10px;
margin-right:5px;
}
.full-Notifications ul#Notifications-area
{
margin: 20px 0px 0px -20px;
padding: 0 5px 0 0;
height: 1%;/*IE*/
float:left;
/*border-top: 1px solid #E2E2E2;*/
list-style: none;
width:550px;
}
.NotificationsItem
{
margin: 5px 5px 5px 0px;
padding:2px 0px 2px 30px;
height: 1%;/*IE*/
width: auto;
}
.NotificationsPriority1
{
background: url(themes/NCleanGrey/images/icons/Notifications/1.gif) no-repeat left top;
}
.NotificationsPriority2
{
background: url(themes/NCleanGrey/images/icons/Notifications/2.gif) no-repeat left top;
}
.NotificationsPriority3
{
background: url(themes/NCleanGrey/images/icons/Notifications/3.gif) no-repeat left top;
}
/* ------- Dashboard page ------- */
.clear-db:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clear-db
{
height: 1%;
}
.clear-db {display: block;
}
.full-content
{
margin:7px 0;
padding:0;
}
/*CORE*/
.coredashboardcontent
{
padding:0px 1px;
border:1px solid #93AEB7;
width:98%;
margin:5px 1% 5px 1%;
}
.dashboardheader-core
{
background: #fff url(themes/NCleanGrey/images/layout/nav.png) repeat-x 0px -50px;
color:#fff;
width:auto;
font-size: 1.2em;
font-weight: bold;
padding:4px;
}
.dashboardcontent-core
{
color:black;
width:auto;
background: #F8F8F8;
padding:10px 5px;
}
/*NOT CORE*/
.moduledashboardcontent
{
padding:0px 1px;
border:1px solid #AAC0C6;
width:48%;
float:left;
margin:5px 0 5px 1%;
}
.dashboardheader
{
background: #fff url(themes/NCleanGrey/images/layout/nav.png) repeat-x 0px 0px;
color:black;
width:auto;
font-size: 1.2em;
font-weight: bold;
padding:4px;
}
.dashboardcontent
{
color:black;
width:auto;
background: #fff;
padding:5px;
}
/*TOOLTIPS*/
a.admin-tooltip {
font-weight:bold;
text-decoration:none;
}
a.admin-tooltip-box {
padding: 2px;
margin: 2px;
border: 1px solid #aaaaaa;
cursor: help;
}
a.admin-tooltip:hover {
background:#ffffff;
text-decoration:none;
} /*BG color is a must for IE6*/
a.admin-tooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:150px;
font-weight:normal;
}
a.admin-tooltip:hover span {
display:inline;
position:absolute;
background:#ffffff;
border:1px solid #cccccc;
color:#6c6c6c;
}
/* FILE MANAGER */
.ui-progressbar { height:2em; text-align: right; border-radius: 4px;}
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-progressbar-value {
color: #333;
text-align: right;
padding-right: 10px;
border: 1px solid #eee;
border-radius: 4px;
background:#b3f83d
}
File Manager Version 1.0, Coded By Lucas
Email: hehe@yahoo.com