0byt3m1n1
Path:
/
data
/
applications
/
aps
/
xoops
/
2.5.1a-0
/
standard
/
htdocs
/
modules
/
system
/
themes
/
zetadigme
/
css
/
[
Home
]
File: style.css
/* $Id: style.css 3963 2009-11-30 01:08:59Z kris_fr $ */ /* IMPORTANT, PLEASE RESPECT THIS SEMANTIC ORDER !!! : position box; width; heigth; margin; background-color; background-image; padding; content (color, style font, ...); border ... */ @import url(reset.css); @import url(tooltip.css); /*========== xo_footerstatic.html ==========*/ #xo-footerstatic * { margin: 0; padding: 0;} #xo-footerstatic { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background: none; color: #333; font-size: 11px; } body>#xo-footerstatic { position: fixed;} #xo-footerstatic #controls { margin: 0; background-color: #fff; line-height: 39px; text-shadow: 1px 1px 2px #ccc; border: 1px solid #bbb; border-bottom: none; } #xo-footerstatic #controls { margin-top: 1px; background-color: #E7F4F7; padding: 3px 10px 0 10px; } #xo-footerstatic .separate { margin-left: 3px; border-left: 1px solid #bbb;} #xo-footerstatic #controls ul, li { margin: 0; padding: 0;} #xo-footerstatic #controls ul { list-style: none; font-weight:bold;} #xo-footerstatic #controls li { display: inline-block; height: 29px; line-height: 27px; padding-right: 6px; } #xo-footerstatic .icon { vertical-align: text-bottom;} #xo-footerstatic .icon-chat { padding-top: 3px;} #xo-footerstatic .chat, .icon-chat { float: right;} #xo-footerstatic .text { vertical-align: top;} /*========== General definitions ==========*/ html { } body { width: 100%; margin: 0; background-color: #C6C7C9; padding: 0; line-height: 1.2em; font-size: .7em; font-family: "Lucida Grande", Verdana, sans-serif;} img {border: none;} hr { width: 95%; height: 3px; border: 3px #E18A00 solid;} ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} li { margin-left: 2px; padding-bottom: 5px; list-style: circle inside; color: #000;} h1, h2, h3, h4, th, li, .head {text-shadow: 1px 1px 2px #ccc;} h1 { font-size: 1.8em; padding-bottom:.5em;} h2 { font-size: 1.4em;} h3 { font-size: 1.3em;} h4 { padding-bottom:.8em; padding-top:.6em; font-size: 1.2em; font-weight:bold;} a:link { background-color: transparent; text-decoration: none; color: #4177A6; font-weight: bold;} a:visited { background-color: transparent; text-decoration: none; color: #4177A6; font-weight: bold;} a:hover { background-color: transparent; color: #FF4500; font-weight: bold;} strong {font-weight:bold;} .shadow {text-shadow:1px 1px 2px #ccc;} /*========== Layout ==============*/ #xo-canvas-content { width: 95%; max-width: 1400px; margin: 10px auto; margin-bottom: 50px; background-color: #fff; padding: 8px; border-color: #b6b7b8; border-style: solid; border-width: 1px 2px 2px 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5) ; -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); } #xo-content { line-height:1.4em;} #xo-index { width: 100%; height:auto; border: 0;} #xo-modules {width: 40% !important;} #xo-menusystem { width: 60% !important;} #xo-logger-output {margin-bottom : 45px;} /*========== content ==============*/ .bg_menu {} .bg_content {} .hbar_middle {} .hbar_left {} .hbar_right {} .bg1 {} .bg2 {} .bg3 {} .bg4 {} .bg5 {} /*========== xo_banner.html ==========*/ #xo-main-logo { padding-left: 10px;} #xo-version {position: absolute; top: 30px; padding-left: 270px; font-size: 2.2em; color: #fff; /*text-shadow: 1px 1px 2px #ccc;*/ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } #xo-banner{ height:80px; background: #f1f1f1 url(../img/xo-banner_bg.png) repeat-x left bottom; padding: 0; color: #7BADEA;} /*========== xo_bluemove.html ==========*/ #xo-banner-ad { display:block; position: absolute; top: 0; right: 220px; width: 400px; height: 70px; padding: 6px; z-index: 110; } #xo-banner-ad1 { /* banner promo for xoops 2.5.0 beta/RC */ display: block; position: absolute; top: 4px; right: 210px; width: 468px; height: 60px; padding: 6px; } /*========== xo_userbar.html ==========*/ #xo-userbar { float: right; height: 30px; background-color: inherit; padding-top: 0; padding-right: 1em; color: #666;} #xo-userbar a { background-color: inherit; color: #32529C; text-decoration: none;} #xo-userbar a:hover { background-color: inherit; color: #EAAD7B;} a#xo-uname { background-color: inherit; color: #ff0000; font-size: 1.1em; font-weight: bold;} /*========== xo_searchbar.html ==========*/ #xo-searchbar { position:relative; float: right; margin-top: 3.5em; margin-right : 1em;} #xo-searchbar input[type=submit] { margin-left: 5px; background-color: transparent; padding: 2px 7px 2px 7px; border: 1px solid silver; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5) ; -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); } #xo-searchbar input[type=text]{ max-width: 110px; background-color: transparent; padding: 2px; font-size: 1em; text-shadow: 1px 1px 2px #ccc; border: 1px solid silver;; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5) ; -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); } #xo-searchbar input { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px;} #xo-searchbar input[type=text]:hover, #xo-searchbar input[type=submit]:hover { border: 1px solid #ddd;} /*========== Code and Quote Definition ==========*/ .xoopsCode { background-color: #FAFAFA; font-size: .9em; color: #006600; border: #c2cdd6 1px dashed;} .xoopsQuote { background-color: #FAFAFA; line-height: 1.25em; text-align: justify; font-size: .9em; color: #444; border: #c2cdd6 1px dashed;} /* Links for Quotes */ .xoopsQuote a:link, .xoopsQuote a:visited { background-color: transparent; color: #444; font-weight: bold;} .xoopsQuote a:hover, .xoopsQuote a:active { background-color: transparent; color: #1778cb;} /*========== Redirect messages ==========*/ .errorMsg,.confirmMsg, .resultMsg { margin-bottom: 1em; margin-left:20%; margin-right:20%; padding: .8em; text-align:center; text-shadow: 1px 1px 2px #ccc; border: 2px solid #ddd; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5) ; -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5);} .errorMsg { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; } .confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; } .resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; } .errorMsg a { background-color: transparent; color: #D12F19; } .confirmMsg a { background-color: transparent; color: #817134; } .successMsg a { background-color: transparent; color: #529214; } /*========== General small ==========*/ .fontSmall { background-color: transparent; font-size : .8em;} /*a.fontSmall { color: #006699;} a.fontSmall:hover { color: #C23030; text-decoration: underline;}*/ /*========== forms elements ==========*/ select { color: #333; background-color: #fff; font-size: 1em; border: 2px inset #f1f3f8 !important;} select[name=timezone_offset] { font-size: .9em;} input[type=checkbox], input[type=radio] { margin: 3px; padding:2px;} input[type=submit], input[type=reset], input[type=button], .xo-formbuttons, .formButton, button { margin: 3px 0 3px 0; background: #D3D2D6 url(../img/button_bg.png) repeat-x left bottom; padding: 2px 7px 2px 7px !important; color: #405A80; font-size: 1em; font-weight: bold; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;; box-shadow: 0 0 20px #bbb; -moz-box-shadow: 0 0 20px #bbb; -webkit-box-shadow: 0 0 20px #bbb; cursor: pointer; } input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,.xo-formbuttons:hover, .formButton:hover, button:hover { background: #E6EBFF url(../img/button-hover_bg.png) repeat-x left bottom; color: #333; cursor: pointer; } input[type=text], input[type=password], input[type=checkbox], input[type=file], textarea { border: 1px solid #ddd; margin: 2px 5px 2px 0; padding-left: .2em; color: inherit; background-color: #fff; } input[type=text], input[type=password], input[type=file] { background:#fff url(../img/form-input.png) no-repeat left top; color: #333;} input[type=text]:hover, input[type=password]:hover, input[type=file]:hover { color: #333; background-color: #E9E9E9; } input[type=text]:focus, input[type=password]:focus, input[type=checkbox]:hover, input[type=file]:focus, textarea:focus { background-color: #F4FAFF; color: #333; border-color: #139EE8; outline: 1px solid #139EE8; } input[type=radio] { margin: 0 5px 0 5px;} textarea {width:95%;} /*========== table ==========*/ caption {font-weight: bold;} .outer {border: 1px solid #ccc;} .outer a {text-shadow: 1px 1px 2px #ccc;} .outer th {font-size:1.1em; font-weight:bolder;} .head {background-color: #EBEBEB; padding: 5px; font-weight: bold;} .even {background-color: #fff; padding: 5px; border-bottom: 1px solid #ccc; } .odd {background-color: #EFEFEF; padding: 5px; border-bottom: 1px solid #ccc; } .foot, tfoot {background-color: #E1E7EF; padding: 5px; font-weight: bold;} tr.head td {background-color: #BDE3FB; padding: 5px; font-weight: bold;} tr.even td {background-color: #fff; padding: 5px; border-bottom: 1px solid #ccc;} tr.odd td {background-color: #EFEFEF; padding: 5px; border-bottom: 1px solid #ccc; } tr.foot td {background-color: #E1E7EF; padding: 5px; font-weight: bold;} th, thead { background: #56BAFA url(../img/table-caption3.png) repeat left; padding: 2px 4px 2px 4px;} th { vertical-align : middle; color: #fff;} td.head {max-width: 300px !important; vertical-align:top;} /*========== xo_systembar.html ==========*/ #xo-globalnav {height:30px; margin:0; background: #1479D6 url(../img/navbar-bg.png) repeat-x left bottom; font-weight: normal; font-size:1em;} #navbarCP{ display:block; width:auto; padding: 1px 0 0; } #nav {list-style:none; margin-left: 1em;} #nav ul {padding: 0; margin: 0; list-style: none; position: absolute; overflow: visible; z-index:999;} #nav ul {display:none; border: 1px solid #ccc; margin-top: 5px;} #nav li {margin: 0; position: relative; float: left; margin-left: 3em; display: block; height: auto;} #nav ul li {background: #fff; width: 14em; margin-left: 0;} #nav ul li {} #nav ul ul li {} #nav ul ul li:last-child {border-width: 1px;} #nav a { display: block; font-weight: normal; text-decoration :none; color:#fff;} #nav ul li a {padding: 4px; display: block; color: #666; font-weight: normal; background: url(../img/item.png) no-repeat left; padding-left: 20px;} #nav a:hover, #nav li:hover {} #nav ul li:hover, #nav ul li a:hover {color: #000; background-color: #E7F4F7; border-color: #ADD8E6;} #nav ul ul, #nav ul ul ul { display: none; position: absolute; margin-top: -1.6em; margin-left: 14em; border: 1px solid #ccc;} #nav ul li>ul, #nav ul ul li>ul { margin-top:-1.35em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul {display:none;} #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul {display:block;} /*========== xo_toolsbar.html ==========*/ #navOptionsCP{margin-top: -10px; padding: 0 5px 0 5px; height: 30px;} #navOptionsCP a{ float: right; margin-right: 2px; padding-right: .75em;} #navOptionsCP a:hover { opacity: .5; filter: alpha(opacity=50);} #toolbar img {width: 16px; height: 16px;} /*========== xo_menusystem.html and xo_modules.html ==========*/ .CPbigTitle{ height: 40px; background: no-repeat left top; padding: 10px 0 0 50px; vertical-align: middle; color: #1E90FF; font-size: 1.8em; font-weight: bold; text-shadow: 0 1px 0 #eee, 0 2px 0 #e9e9e9, 0 3px 0 #ddd, 0 4px 0 #d9d9d9, 0 5px 0 #ccc, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); border-bottom: 3px solid #1E90FF; } .CPindexOptions{ padding: 4px; vertical-align: top;} .CPmediumTitle{ color: #FF4500; font-weight: bold; font-size: 1.2em; text-shadow: 1px 1px 2px #ccc;} .cpicon{ margin: 5px; text-align: center;} .cpicon a { display: block; float: left; width: 110px !important; height: 100px !important; margin: 5px; padding: 2px 5px 1px 5px; vertical-align: middle; color: #666; text-decoration : none; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); } .cpicon a:hover{ background-color: #E9F0F7; color: #1E90FF; opacity: .5; border: 1px solid #1E90FF;} .cpicon img { margin-top: 8px; margin-bottom: 8px; } .cpicon span { display: block; font-weight: bold;} .cpicon span.uno{ color: Blue; text-decoration: underline;} .cpicon span.unor{ color: #CC0000; text-decoration: underline;} /*============= system_preferences.html ==============*/ .xo-catsetting a { display: block; float: left; width: 120px !important; height: 120px !important; margin: .75em !important; /*padding: 2px 5px 1px 5px;*/ vertical-align: middle !important; color: #666; text-decoration : none; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); } .xo-catsetting a img { margin: 1em 2.5em 0 2.5em;} .xo-catsetting a:hover{ background-color: #E9F0F7; color: #1E90FF; opacity: .5; border: 1px solid #1E90FF;} /*========== xo_accordion.html ==========*/ #xo-accordion { height: auto; line-height: 1.4em;} #xo-accordion h2 { padding-bottom: .5em; font-size: 1.3em; font-weight: bold; text-align: center; color: #f00;} #xo-accordion dl { padding: 10px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5) ; } #xo-accordion a.ie { text-decoration: none; } #xo-accordion dl dt { margin: 0;} #xo-accordion dl dt a, #xo-accordion dl a.ie dt { display: block; background: #1479D6 url(../img/table-caption3.png) repeat-x left bottom !important; padding: 0 4px 4px 0 !important; text-align:center; font-weight: bold; color:#fff; text-decoration: none; text-shadow: 1px 1px 2px #ccc;} #xo-accordion dd a { color: #666; text-shadow: 1px 1px 2px #ccc;} #xo-accordion dd a:hover { color: #1E90FF;} #xo-accordion dl dd { margin: 0; height: 0; overflow: hidden; -moz-transition: height 1s ease; -o-transition: height 1s ease; -webkit-transition: height 1s ease;} #xo-accordion dl dd p { margin: 0;padding: 10px;} #xo-accordion dl dd#Section1:target {height: 26em;} #xo-accordion dl dd:target {height: 8em;} #xo-accordion dl a.ie:hover dd,#xo-accordion dl a.ie:focus dd{ height: auto; color: #ccc !important;} #xo-accordion dl a.ie { text-decoration: none; } #xo-accordion dl a.ie dd { display: none; } #xo-accordion dd table { text-shadow: 1px 1px 2px #ccc;} .xgiftshop {text-align: center;} .menu_body {padding: 4px; text-shadow: 1px 1px 2px #ccc;} .menu_body h3 { padding:4px; text-align: center;} /* Fix IE6 hover bug */ #xo-accordion dl a.ie:hover {} #xo-accordion dl a.ie dt { display: block; background: url(../img/tab_bg.png) repeat left; padding: 4px; font-weight: bold; text-decoration: none; text-align:center;} #xo-accordion dl a.ie:hover dd,#xo-accordion dl a.ie:active dd,#xo-accordion dl a.ie:focus dd{ display: block; height: auto; color:#000 !important; text-shadow: 1px 1px 2px #ccc;} /*========== xo_block.html ==========*/ #xo-blockcp { width: 100%; text-align:center;} #xo-block { display: block; float: left; width: 23% !important; min-height:110px; height: auto; margin: 1em; border: 1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius: 10px;} .xo-blocktitle { background: url(../img/table-caption3.png) repeat left; padding: 5px; font-size:1.1em; font-weight:bolder; text-align:center; text-shadow: 1px 1px 2px #ccc; color:#fff;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .xo-blockcontent { margin : 0; padding :5px; line-height: 1.3em; } /*========== xo_footer.html ==========*/ #xo-footer {height: 16px; background-color: #F1F1FC; padding: 4px; text-align: center; color: #666; font-size: .9em; font-weight: bold; box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; -moz-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; -webkit-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } /*========== others styles ==========*/ #fileTree { overflow: auto;border: 1px solid #ccc;} /* Table sorter */ table.tablesorter thead tr .header { background-image: url(../img/unsort.gif); background-repeat: no-repeat; background-position: center right; background-color: #5DA5F0; box-shadow: 0 20px 10px -10px rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; -webkit-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; border-bottom: 1px solid #ccc; } table.tablesorter thead tr .headerSortUp { background-image: url(../img/asc.gif); background-repeat: no-repeat; background-position: center right; } table.tablesorter thead tr .headerSortDown { background-image: url(../img/desc.gif); background-repeat: no-repeat; background-position: center right; } /*==================== for jGrowl =========================*/ .jGrowl {margin: 120px auto; width:450px;} .jGrowl .jGrowl-notification,.jGrowl .jGrowl-closer { text-shadow: 1px 1px 2px #ccc; /*border: 4px solid #666;*/ border-radius : 10px; -webkit-border-radius : 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -moz-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5); -webkit-box-shadow: 2px 2px 10px rgba(102, 102, 102, .5) ; } .jGrowl-notification .header { font-size : 1.2em; /*padding-top: .75em;*/ padding-bottom: .75em;} #xo-module-log {text-align: center;} .logger {margin: 0 auto !important; text-align: left;} a.menuMain {display: block; font-size:1.1em; text-align:left; padding:.5em;}