diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..034b48c --- /dev/null +++ b/css/base.css @@ -0,0 +1,311 @@ +html, body{background:#111111;color:#F0F0F0;font:1em "Open Sans", sans-serif;height:99%;margin:0;padding:0;width:100%;} +body > div{margin-bottom:15px;} +h1{font-size:1.7em;margin-bottom:1.2em;} +h2{font-size:1.5em;margin-bottom:1.1em;} +h3{font-size:1.2em;margin-bottom:1.0em;} +h4, h5, h6{font-size:1.1em;margin-bottom:0.9em;} +div{color:#D6D6D6;} +div ul b{color:#E6E6E6;} +a{color:#6464E6;text-decoration:none;cursor:pointer;} +a:visited{color:#E664E6;} +a:hover, a:focus, a:active{color:#9696E6;text-decoration:underline;} +p, ul, ol{margin:1em 0;} +h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, blockquote, .box small{margin-left:15px;margin-right:15px;} +h1, h2, h3, h4, h5, h6{color:#F0F0F0;margin-top:0.5em;margin-bottom:1.2em;} +p{line-height:150%;} +p img{padding:0;max-width:100%;} +ul, ol{list-style:disc inside;padding:0 1em;} +ul li, ol li{margin:0.5em 0;} +ul ul, ol ul, ul ol , ol ol{margin-top:0em;margin-bottom:0em;} +ol{list-style-type:decimal;} +input, button, textarea, pre{border:1px solid #222222;background-color:#070707;color:#E6E6E6;padding:2px 3px;} +input:focus, textarea:focus{border-color:#646464;background-color:#070707;} +textarea{padding:5px 3px;} +img{border:0;} +strong{font-weight:bold;} +em{font-style:italic;} +small{font-size:10px;} +.box p small, p small{font-size:inherit;margin:0;} +select{background-color:#0E0E0E;color:#F0F0F0;border-color:#303030;border-radius:2px;} +option{background-color:#0E0E0E;color:#F0F0F0;} +option:nth-child(even){background-color:#0E0E0E;} +table{width:inherit;max-width:95%;} +label{font-weight:normal;} +hr{background-color:#999;border:0 none;color:#999;height:1px;margin:2em 15px;} /* TODO */ +caption{text-align:left;margin-bottom:0.5em;text-indent:0.5em;color:#690;} /* TODO */ +tbody, tfoot, thead, tr{} +th, td{} +th{background-color:#eee;} /* TODO */ +th, td{padding:0.2em;} +td{border:1px dotted #222222;} +th:first-child, td:first-child{border-left:none;} +th:last-child, td:last-child{border-right:none;} +pre{font-family:monospace;background-color:#070707;border:1px dotted #333;overflow:auto;} /* TODO */ +blockquote{border-left:5px solid #690;color:#ddd;padding:10px;} +.ui-oo-content-wrapper .ui-oo-box-shadow > div.grid_5,.content-wrapper .box > div.grid_5{width:260px;} +.row_auto{height:auto;} +.row_1{min-height:2em;} +.row_8{min-height:16em;} +.row_9{min-height:18em;} +.row_10{min-height:20em;} +.row_11{min-height:22em;} +.row_12{min-height:24em;} +.row_13{min-height:26em;} +.row_14{min-height:28em;} +.row_15{min-height:30em;} +.row_16{min-height:32em;} +.row_17{min-height:34em;} +.row_18{min-height:36em;} +.row_19{min-height:38em;} +.row_20{min-height:40em;} +.row_21{min-height:42em;} +.row_22{min-height:44em;} +.row_23{min-height:46em;} +.row_24{min-height:48em;} +.row_25{min-height:50em;} +.row_26{min-height:52em;} +.row_27{min-height:54em;} +.row_28{min-height:56em;} +.row_29{min-height:58em;} +.row_30{min-height:60em;} +#header, #subheader, #flash-messages, #content, #footer{} +#subheader, #flash-messages, #footer{overflow:hidden;} +#content > div, #subheader, #content, #content .column > div, .ui-oo-box-shadow, .box{margin-bottom:15px;} +#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{} +#header{font-size:0.8em;font-weight:bold;margin:0 0 25px;border-bottom:1px solid #222222;} +#header, #global-navigation li.selected{background: url('../images/gradient-dark-nav_mod.png') repeat-x scroll bottom left;} /* background:#666 */ +#header, #global-navigation li{height:30px;} +#header-content{} +#header ul#global-navigation{list-style:none inside;width:700px;float:left;} +#header ul#global-navigation, #global-navigation li{border-color:#222222;border-style:solid;margin:0;} +#global-navigation li:first-child{border-left-width:1px;} +#global-navigation li{float:left;border-right-width:1px;} +#global-navigation li a{color:#F0F0F0;display:block;height:100%;margin:0 15px;padding-top:7px;text-decoration:none;width:100%;font-size:1.2em;font-weight:800;} +#global-navigation li a:hover, #global-navigation li a:focus{color:#6464E6;} +#global-favorites{float:right !important;border-left-width:1px;} +#header-logo{float:left;margin-top:2px;margin-right:25px;} +#header-home{float:left;margin:0 0px;color:#F0F0F0;padding-top:7px;text-decoration:none;} +#header-home:hover, #header-home:focus{color:#6464E6;} +#header #global-search-form{color:#F0F0F0;float:right;margin-top:4px;position:relative;} +.lable-overley label{position:absolute;top:4px;left:5px;} +#header #global-search-form input{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #222222;border-color:#222222;color:#E6E6E6;width:150px;} +#header #global-search-form input:focus{color:#E6E6E6;border-color:#646464;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} +.lable-overley label{font-size:10px;} +#subheader{font-size:0.8em;margin-top:-15px;min-height:17px;} +#subheader a{text-decoration:none;} +#breadcrump{font-size:0.9em;color:#E6E6E6;} +#breadcrump img{float:left;margin-right:5px;border-bottom:1px solid transparent;} +#breadcrump a{color:#E6E6E6;} +#breadcrump a:hover, #breadcrump a:focus{text-decoration:underline;} +#login-wrapper{text-align:right;height:1em;} +.main ul, .main ol{list-style-position:outside;} +.main li{padding-left:0;} +/* TODO - login-form */ +#login-form{display:none;width:250px;height:auto;font-size:0.7em;position:absolute;top:31px;right:0;padding-bottom:10px;color:#f6f6f6;background:#333 url('images/gradient-darker.png') repeat-x scroll bottom left;border-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;border-width:1px;border-style:solid;border-color:transparent #333 #111;opacity:0.95;-moz-opacity:0.95;-webkit-box-shadow:0 1px 3px #999;-moz-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999;} +#login-form input{width:213px;font-size:1.5em;padding:2px 3px;border:3px solid #222;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;} +#login-form input:focus{color:#39c;border-color:#39c;-webkit-box-shadow:0 1px 3px #222;-moz-box-shadow:0 1px 3px #222;box-shadow:0 1px 3px #222;} +#login-form input[type="submit"]{border-color:#f6f6f6;-webkit-box-shadow:0 0px 2px #000;-moz-box-shadow:0 1px 1px #111;box-shadow:0 1px 1px #111;color:#eee;cursor:pointer;background:#9f3 url('images/gradient-dark-nav.png') repeat-x scroll 0 -15px;font-weight:bold;text-shadow:0 0px 3px #333;width:225px;} +#login-form input[type="submit"]:hover{border-color:#39c;} +#login-form p{margin:15px;clear:left;position:relative;} +#login-form label{display:block;position:absolute;top:8px;left:7px;color:#666;width:100px;font-size:13px;} +#login-form .slim-footer{text-align:center;margin-bottom:0;} +#login-form .slim-footer a{text-decoration:none;color:#eee;font-weight:bold;} +#login-form .slim-footer a:hover{text-decoration:underline;} +#local-user-actions{} +#local-user-actions ul{margin:0;list-style:none inside;} +#flash-messages{} +#flash-messages .ui-widget + .ui-widget{margin-top:15px;} +#footer-content, #footer-legal{color:#646464;font-size:0.9em;} +#footer{padding:10px;font-size:0.7em;clear:both;} +#footer ul{margin:0;padding:0.5em;} +#footer-legal{border-top:1px solid #646464;color:#646464;font-size:0.7em;margin-top:25px;padding-top:5px;text-align:center;} +.main{min-height:500px;} +.ui-oo-content-wrapper, .content-wrapper{font-size:0.8em;} +.ui-oo-content-wrapper .ui-oo-box-shadow.navigation > *, .content-wrapper .box.navigation > *{margin:0.5em 15px 1em;} +.ui-oo-content-wrapper .ui-oo-box-shadow > * >:first-child,.content-wrapper .box > * >:first-child{margin-top:0;} +.ui-oo-content-wrapper .ui-oo-box-shadow > * > h1,.content-wrapper .box > * > h1{margin-top:2em;margin-bottom:0.7em;} +.ui-oo-content-wrapper .ui-oo-box-shadow > * > h2,.content-wrapper .box-shadow > * > h2{margin-top:1.8em;margin-bottom:0.7em;} +.ui-oo-content-wrapper .ui-oo-box-shadow > * > h3,.content-wrapper .box > * > h3{margin-top:1.5em;margin-bottom:0.7em;} +.ui-oo-content-wrapper .ui-oo-box-shadow > * > h4,.content-wrapper .box > * > h4{margin-top:1em;margin-bottom:0.5em;} +.ui-oo-content-wrapper .box .ui-oo-box-shadow > * > h5,.content-wrapper .box > * > h5{margin-top:1em;margin-bottom:0.5em;} +.ui-oo-content-wrapper .box .ui-oo-box-shadow > * > h6,.content-wrapper .box > * > h6{margin-top:1em;margin-bottom:0.5em;} +.box .ui-oo-box-shadow,.box{border-width:1px;border-style:solid;border-color:red green blue;background-color:#070707;padding:15px 0;} /* FIXME */ +.box .ui-oo-box-shadow a,.box a{color:#6464E6;} +.ui-oo-box-shadow a:hover,.box a:hover{color:#E664E6;} +.box.grey{background-color:#eee;} /* TODO */ +.container_16 div div, .container_12 div div{} +.container_16.sibling_p4 div:first-child{margin-left:240px;} +.ui-oo-box-shadow.alpha,.ui-oo-box-shadow.omega,.box.alpha, .box.omega{margin-bottom:15px;} +div.navigation{padding-top:0;position:relative;} +ul.navigation{list-style:none inside;padding-left:0;width:85%;} +ul.navigation li{} +.navigation a{color:#E6E6E6;text-decoration:none;display:block;} +.navigation a:hover, .navigation a:focus{color:#6464E6;} /* background:transparent url('images/right_btn.png') no-repeat scroll bottom right; */ +div.navigation h1{font-size:1.2em;color:#069;} /* TODO */ +div.col_2{width:50%;} +.ui-helper-hidden{display:none;} +.ui-helper-hidden-accessible{position:absolute;left:-99999999px;} +.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;} +.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} +.ui-helper-clearfix{display:inline-block;} +* html .ui-helper-clearfix{height:1%;} +.ui-helper-clearfix{display:block;} +.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);} +.ui-widget{} +.ui-widget-header{} +.ui-widget-content{} +.ui-state-default{} +.ui-state-hover{} +.ui-state-focus{} +.ui-state-active{} +.ui-state-highlight, .ui-state-error{padding:0 0.7em;} +.ui-state-highlight{background-color:#fbf9ee;border:1px solid #fcefa1;color:#333;} /* TODO */ +.ui-state-error{background-color:#fef1ec;border:1px solid #c00;color:#c00;} /* TODO */ +.ui-state-error-text{} +.ui-state-disabled{cursor:default !important;} +.ui-priority-primary{} +.ui-priority-secondary{} +.ui-corner-all{} +.ui-corner-tl{} +.ui-corner-tr{} +.ui-corner-bl{} +.ui-corner-br{} +.ui-corner-top{} +.ui-corner-bottom{} +.ui-corner-right{} +.ui-corner-left{} +.box, .ui-oo-box-shadow,.ui-corner-all{border-color:#222222;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;} +.ui-corner-t, .ui-corner-b{} +.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;} +.ui-oo-box-shadow,.ui-widget-shadow, input:focus, textarea:focus, .box-shadow, .global-navigation-menu{box-shadow:0 1px 3px #070707;-webkit-box-shadow:0 1px 3px #070707;-moz-box-shadow:0 1px 3px #070707;} +.text-shadow{text-shadow:0 1px 3px #999;} /* TODO */ +.ui-oo-fold-icon,.fold-icon{display:block;width:9px;height:9px;float:right;background:transparent url('images/unfold-indikator.png') no-repeat scroll 0 0;} +h1.large{font-size:7em;margin-top:0!important;margin-bottom:0!important;} +p.large{font-size:1.5em;} +.space-top-large{padding-top:6em;} +.space-top-medium{padding-top:3em;} +.space-top-small{padding-top:1em;} +.box-header, .box-subheader, .box-footer{color:#E6E6E6;padding:3px 0;margin-left:0!important;margin-right:0!important;min-height:15px;margin-top:-15px;width:100%;font-size:12px;} +.box-header, .box-subheader, .box-footer, .header-tabs li.selected{background:#212121 url('../images/gradient-light-short_mod.png') repeat-x scroll 0 -20px;} +.box-header a, .box-subheader a, .box-footer a{color:#6464E6;} +.box-header li, .box-subheader li, .box-footer li{color:#6464E6;margin:0.2em 0;} +.box-header{border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-left-radius:5px;-khtml-border-top-right-radius:5px;margin-bottom:15px!important;border-bottom:1px solid #222222;} +h2.box-header, h2.box-subheader{text-indent:15px;font-size:1em;} +.navigation h2.box-header, .navigation h2.box-subheader{margin-top:0!important;} +.box-subheader{border-top:1px solid #222222;border-bottom:1px solid #222222;} +.box-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;border-top:1px solid #222222;position:absolute;bottom:0px;left:0;margin-bottom:0!important;} +.navigation .box-footer{position:relative;margin-bottom:-15px!important;} +.box-header ul, .box-footer ul{list-style:none inside;padding:0;font-size:0.8em;margin:0 0 0 15px;} +.box-header ul li, .box-footer ul li{float:left;} +.box-header a, .box-footer a{text-decoration:none;margin-right:7px;text-shadow:0 1px 1px #0A0A0A;} +.header-tabs{font-size:1.2em;overflow:hidden;min-height:23px;} +.box-header.header-tabs, .box-footer.header-tabs{padding:0;} +.header-tabs li{margin:0;padding:0;border-right:1px solid #222222;} +.header-tabs li:first-child{border-left:1px dotted #222222;} +.header-tabs .advanced_tabs li:first-child{border-left:none;} +.header-tabs a{display:block;min-height:23px;margin:0 0.5em -0.3em;padding-top:0.3em;} + /* TODO: */ +.header-tabs li.selected{background:#f6f6f6 url('images/gradient-dark.png') repeat-x scroll 0 -10px;background:#333 url('images/gradient-dark.png') repeat-x scroll 0 -10px;background:white url('images/gradient-dark-nav.png') repeat-x scroll bottom left;border-color:#ccc;} +.header-tabs li.selected a{color:#fff;text-shadow:none;} /* TODO */ +.aside ul{list-style:none inside;} +#display #lp-pr-image{margin-top:42px;margin-left:150px;} +#display > div{margin-bottom:15px;} +#display-content{height:450px;} +#display-content.ui-oo-box-shadow,#display-content.box{padding:0;overflow:hidden;} + /* TODO: */ +#quicklinks-wrapper{background:#222 url('images/bg_display-sidebar.png') no-repeat scroll 0 0;height:450px;border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-top-right-radius:5px;-khtml-border-bottom-right-radius:5px;} +#quicklinks, #quicklinks .headline, #quicklinks .description{} +#quicklinks{list-style:none inside;} +#quicklinks li{margin-bottom:25px;} +#quicklinks a{text-decoration:none;cursor:pointer;display:block;height:120px;} +#quicklinks .top, #quicklinks .content, #quicklinks .bottom, #quicklinks .headline, #quicklinks .description{display:block;} +#quicklinks .top, #quicklinks .content, #quicklinks .bottom{} +#quicklinks .top, #quicklinks .bottom{height:20px;} +#quicklinks .top{background-position:0 0;} +#quicklinks .content{background-position:0 -10px;min-height:100px;} +#quicklinks .bottom{background-position:0 -130px;} +#quicklinks .description{margin-left:100px;} +#quicklinks a img{opacity:0.5;-moz-opacity:0.5;} +#quicklinks a:hover img{opacity:1;-moz-opacity:1;} +#quicklinks .headline{font-weight:bold;font-size:1.2em;margin-bottom:0.5em;text-shadow:#000 0px 1px 1px;} /* TODO */ +#quicklinks .headline, #quicklinks .description{margin-left:30px;} +#quicklinks a{color:#ccc;text-shadow:#000 0px 1px 1px;} /* TODO */ +#quicklinks a:hover{color:#fff;text-shadow:#000 0px 1px 3px;} /* TODO */ +#quicklinks .content img{float:left;margin:10px 15px 25px 0;} +.ui-oo-border-top,.border-top{border-top:1px dotted #999;} /* TODO */ +.hidden{display:none;} +.alignright{float:right;} +.alignleft{float:left;} +.aligncenter, .textcenter, .centered{text-align:center;} +.textright{text-align:right;} +.textleft{text-align:left;} +img.aligncenter, img.centered{display:block;margin-left:auto !important;margin-right:auto !important;} +img.alignright, img.alignleft{padding:4px;display:inline;} +img.alignright{margin:0 0 2px 7px;} +img.alignleft{margin:0 7px 2px 0;} +.clear-left{clear:left;} +.clear-both{clear:both;} +.clear-right{clear:right;} +.no-shadow{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} +.button, button, input[type="submit"]{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-color:#383838;background:#1C1C1C;color:#F0F0F0;} /* background:... url('images/gradient-medium-short.png') repeat-x scroll 0 0 */ +.button:hover, button:hover, input[type="submit"]:hover{background-color:#343434;border-color:#646464;color:#F0F0F0;cursor:pointer;} +form *[disabled="disabled"], form *[disabled=""], form *[disabled="true"]{background-color:#181818;border-color:#646464;color:#646464;} +.main .button, .main button, .main input[type="submit"]{background:#1C1C1C;color:#fcfcfc;} /* url('images/gradient-light-short-green.png') repeat-x scroll 0 -5px */ +.main .button:hover, .main button:hover, .main input[type="submit"]:hover{border-color:#646464;cursor:pointer;color:#F0F0F0;} +.column_2{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;} +.column_3{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px;} +.column_4{-moz-column-count:4;-moz-column-gap:20px;-webkit-column-count:4;-webkit-column-gap:20px;column-count:4;column-gap:20px;} +#global-navigation{color:fuchsia !important;} /* TODO */ +#global-navigation li.selected{background-color:#690;} /* TODO */ + /* TODO - global-navigation-menu */ +.global-navigation-menu{background:#fff;border:1px solid #888;border-color:#DDDDDD #CCCCCC #BBBBBB;border-top:none;width:23em;padding:0;display:none;position:absolute;z-index:10;} +.global-navigation-menu, .global-navigation-menu li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;} +.global-navigation-menu li{display:block;clear:both;margin:0;} +.global-navigation-menu li:nth-child(even){background-color:#eee;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;} +.global-navigation-menu li:last-child{border-bottom:none;} +.global-navigation-menu li a{min-height:56px;display:block;text-decoration:none;} +.global-navigation-menu li:hover a{color:#fff;} +.global-navigation-menu li:hover{background:#690;} +.global-navigation-menu li img{float:left;width:48px;height:48px;margin:4px;margin-right:8px;} +.global-navigation-menu li span.global-navigation-icon{float:left;display:block;width:24px;height:24px;margin:4px;margin-right:8px;padding:0;background-image:url('../images/globalnav/globalnav-im.png');background-color:transparent;background-attachment:scroll;background-repeat:no-repeat;} +span.global-navigation-icon.release-stable{background-position:0 0;} +span.global-navigation-icon.release-devel{background-position:0 -24px;} +span.global-navigation-icon.packages{background-position:0 -48px;} +span.global-navigation-icon.derivatives{background-position:0 -72px;} +span.global-navigation-icon.help{background-position:-24px 0;} +span.global-navigation-icon.wiki{background-position:-24px -24px;} +span.global-navigation-icon.video{background-position:-24px -48px;} +span.global-navigation-icon.forums{background-position:-24px -72px;} +span.global-navigation-icon.lists{background-position:-24px -96px;} +span.global-navigation-icon.irc{background-position:-24px -120px;} +span.global-navigation-icon.connect{background-position:-48px 0;} +span.global-navigation-icon.users{background-position:-48px -24px;} +span.global-navigation-icon.planet{background-position:-48px -48px;} +span.global-navigation-icon.news{background-position:-48px -72px;} +span.global-navigation-icon.lizards{background-position:-48px -96px;} +span.global-navigation-icon.spotlight{background-position:-48px -120px;} +span.global-navigation-icon.shop{background-position:-48px -144px;} +span.global-navigation-icon.events{background-position:-48px -168px;} +span.global-navigation-icon.documentation{background-position:-72px 0;} +span.global-navigation-icon.features{background-position:-72px -24px;} +span.global-navigation-icon.buildservice{background-position:-72px -48px;} +span.global-navigation-icon.bugs{background-position:-72px -72px;} +span.global-navigation-icon.studio{background-position:-72px -96px;} +.global-navigation-menu li span{font-weight:bold;padding-top:4px;display:block;margin-left:36px;margin-right:3px;} +.global-navigation-menu li:hover span{text-shadow:0 1px 2px #666;} +.global-navigation-menu li span.desc{color:#666;letter-spacing:0.1em;line-height:1.5em;font-size:0.8em;font-weight:normal;padding-top:2px;padding-bottom:4px;text-shadow:none;} +.global-navigation-menu li:hover span.desc{color:#fff;} +#status-icon{margin-right:3em;margin-top:1em;} +#status-icon.large{width:250px;height:250px;} +.page-maintainance{background:transparent url() no-repeat scroll 0 0;} +.page-maintainance.xlarge{background-image:url('../images/icons/special/maintainance-256.png');} +.page-maintainance.large{background-image:url('../images/icons/special/maintainance-128.png');} +.page-maintainance.medium{background-image:url('../images/icons/special/maintainance-64.png');} +.page-maintainance.small{background-image:url('../images/icons/special/maintainance-32.png');} +.page-maintainance.tiny{background-image:url('../images/icons/special/maintainance-16.png');} +.plainlinks a{background:none !important;padding:0 !important;} +.dropdown-menu-content{position:absolute;list-style:none inside;margin:0;padding:0;clear:both;font-size:12px;background-color:white;border:1px solid #999;box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;} +.dropdown-menu-content li{padding:0.2em 0.5em;} + +/* Custom */ +h4.mw-specialpagesgroup{background:#222222;} diff --git a/css/base.fluid.fix.css b/css/base.fluid.fix.css new file mode 100644 index 0000000..4316794 --- /dev/null +++ b/css/base.fluid.fix.css @@ -0,0 +1,9 @@ +.box-footer { +/* this does not work with fluid 960gs */ +/* position: absolute;*/ +/* bottom: 0px;*/ +/* left: 0;*/ +/* margin-bottom: 0!important;*/ + position: relative; + margin-bottom: -15px!important; +} \ No newline at end of file diff --git a/css/grid.css b/css/grid.css new file mode 100644 index 0000000..2650973 --- /dev/null +++ b/css/grid.css @@ -0,0 +1,497 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* =Containers +--------------------------------------------------------------------------------*/ + +.container_12, +.container_16 +{ + width: 92%; + margin-left: 4%; + margin-right: 4%; +} + +/* =Grid >> Global +--------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 +{ + display: inline; + float: left; + margin-left: 1%; + margin-right: 1%; +} + +.container_12 .grid_3, +.container_16 .grid_4 +{ + width: 23%; +} + +.container_12 .grid_6, +.container_16 .grid_8 +{ + width: 48%; +} + +.container_12 .grid_9, +.container_16 .grid_12 +{ + width: 73%; +} + +.container_12 .grid_12, +.container_16 .grid_16 +{ + width: 98%; +} + +/* =Grid >> Children (Alpha ~ First, Omega ~ Last) +--------------------------------------------------------------------------------*/ + +.alpha +{ + margin-left: 0; +} + +.omega +{ + margin-right: 0; +} + +/* =Grid >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .grid_1 +{ + width: 6.333%; +} + +.container_12 .grid_2 +{ + width: 14.666%; +} + +.container_12 .grid_4 +{ + width: 31.333%; +} + +.container_12 .grid_5 +{ + width: 39.666%; +} + +.container_12 .grid_7 +{ + width: 56.333%; +} + +.container_12 .grid_8 +{ + width: 64.666%; +} + +.container_12 .grid_10 +{ + width: 81.333%; +} + +.container_12 .grid_11 +{ + width: 89.666%; +} + +/* =Grid >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .grid_1 +{ + width: 4.25%; +} + +.container_16 .grid_2 +{ + width: 10.5%; +} + +.container_16 .grid_3 +{ + width: 16.75%; + max-width: 180px; +} + +.container_16 .grid_5 +{ + width: 29.25%; +} + +.container_16 .grid_6 +{ + width: 35.5%; +} + +.container_16 .grid_7 +{ + width: 41.75%; +} + +.container_16 .grid_9 +{ + width: 54.25%; +} + +.container_16 .grid_10 +{ + width: 60.5%; +} + +.container_16 .grid_11 +{ + width: 66.75%; +} + +.container_16 .grid_13 +{ + width: 79.25%; +} + +.container_16 .grid_14 +{ + width: 85.5%; +} + +.container_16 .grid_15 +{ + width: 91.75%; +} + +.container_16 .grid_77 +{ + width: 100%; +} + +/* =Prefix Extra Space >> Global +--------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 +{ + padding-left: 25%; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 +{ + padding-left: 50%; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 +{ + padding-left: 75%; +} + +/* =Prefix Extra Space >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 +{ + padding-left: 8.333%; +} + +.container_12 .prefix_2 +{ + padding-left: 16.666%; +} + +.container_12 .prefix_4 +{ + padding-left: 33.333%; +} + +.container_12 .prefix_5 +{ + padding-left: 41.666%; +} + +.container_12 .prefix_7 +{ + padding-left: 58.333%; +} + +.container_12 .prefix_8 +{ + padding-left: 66.666%; +} + +.container_12 .prefix_10 +{ + padding-left: 83.333%; +} + +.container_12 .prefix_11 +{ + padding-left: 91.666%; +} + +/* =Prefix Extra Space >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 +{ + padding-left: 6.25%; +} + +.container_16 .prefix_2 +{ + padding-left: 12.5%; +} + +.container_16 .prefix_3 +{ + padding-left: 18.75%; +} + +.container_16 .prefix_5 +{ + padding-left: 31.25%; +} + +.container_16 .prefix_6 +{ + padding-left: 37.5%; +} + +.container_16 .prefix_7 +{ + padding-left: 43.75%; +} + +.container_16 .prefix_9 +{ + padding-left: 56.25%; +} + +.container_16 .prefix_10 +{ + padding-left: 62.5%; +} + +.container_16 .prefix_11 +{ + padding-left: 68.75%; +} + +.container_16 .prefix_13 +{ + padding-left: 81.25%; +} + +.container_16 .prefix_14 +{ + padding-left: 87.5%; +} + +.container_16 .prefix_15 +{ + padding-left: 93.75%; +} + +/* =Suffix Extra Space >> Global +--------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 +{ + padding-right: 25%; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 +{ + padding-right: 50%; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 +{ + padding-right: 75%; +} + +/* =Suffix Extra Space >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 +{ + padding-right: 8.333%; +} + +.container_12 .suffix_2 +{ + padding-right: 16.666%; +} + +.container_12 .suffix_4 +{ + padding-right: 33.333%; +} + +.container_12 .suffix_5 +{ + padding-right: 41.666%; +} + +.container_12 .suffix_7 +{ + padding-right: 58.333%; +} + +.container_12 .suffix_8 +{ + padding-right: 66.666%; +} + +.container_12 .suffix_10 +{ + padding-right: 83.333%; +} + +.container_12 .suffix_11 +{ + padding-right: 91.666%; +} + +/* =Suffix Extra Space >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 +{ + padding-right: 6.25%; +} + +.container_16 .suffix_2 +{ + padding-right: 16.5%; +} + +.container_16 .suffix_3 +{ + padding-right: 18.75%; +} + +.container_16 .suffix_5 +{ + padding-right: 31.25%; +} + +.container_16 .suffix_6 +{ + padding-right: 37.5%; +} + +.container_16 .suffix_7 +{ + padding-right: 43.75%; +} + +.container_16 .suffix_9 +{ + padding-right: 56.25%; +} + +.container_16 .suffix_10 +{ + padding-right: 62.5%; +} + +.container_16 .suffix_11 +{ + padding-right: 68.75%; +} + +.container_16 .suffix_13 +{ + padding-right: 81.25%; +} + +.container_16 .suffix_14 +{ + padding-right: 87.5%; +} + +.container_16 .suffix_15 +{ + padding-right: 93.75%; +} + +/* =Clear Floated Elements +--------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +html body * span.clear, +html body * div.clear, +html body * li.clear, +html body * dd.clear +{ + background: none; + border: 0; + clear: both; + display: block; + float: none; + font-size: 0; + list-style: none; + margin: 0; + padding: 0; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.positioniseverything.net/easyclearing.html */ + +.clearfix:after +{ + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix +{ + display: inline-block; +} + +* html .clearfix +{ + height: 1%; +} + +.clearfix +{ + display: block; +} diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..c325980 --- /dev/null +++ b/css/reset.css @@ -0,0 +1,10 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;} +body{background:#fff;line-height:1;} +ol, ul{list-style:none;} +blockquote, q{quotes:none;} +blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} +:focus{outline:0;} +ins{text-decoration:none;} +del{text-decoration:line-through;} +table{border-collapse:collapse;border-spacing:0;} +a img{border:none;} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..34f0d0e --- /dev/null +++ b/css/style.css @@ -0,0 +1,639 @@ +body { + color: #000000; + min-width: 1000px; +} + +#header ul#global-navigation { + width: auto; /* to get space for advanced search */ +} + +div.tright { + clear: right; + float: right; + margin-left: 0.7em; + margin-right: 15px; +} + +div.thumb { + border: 1px solid #ddd; + padding: 5px 5px 0; +} + +.thumbcaption { + font-size: 0.8em; +} +.magnify { + float: right; +} + + +#wikitextframe { + height: 700px; + width: 100%; + overflow: visible; +} + + +/* Styles for wiki user actions under the main navigations */ +#local-user-actions { + height: 1em; + text-align: right; +} + +#local-user-actions a { + margin-right: 10px; + text-decoration: none; +} + +#pt-personal { + display: none; + position: absolute; + z-index: 9999; + list-style: none inside; + margin: 0; + padding: 0; + font-size: 12px; + + background: white; + background: #fff url('../css/images/gradient-light-short-02.png') repeat-x scroll 0 -23px; /*TODO: fix path for different applications */ + + border: 1px solid transparent; + border-color: transparent #f6f6f6 #eee; + + -moz-box-shadow: 0 1px 2px #ddd; + -webkit-box-shadow: 0 1px 2px #ddd; + box-shadow: 0 1px 2px #ddd; + + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -khtml-border-bottom-left-radius: 5px; + -khtml-border-bottom-right-radius: 5px; + +} + +#pt-personal li { + margin: 0 10px; + padding: 2px 0; +} + +#pt-personal li a { + margin: 3px; + display: block; + width: 100%; + text-decoration: none; +} + +#actions-trigger { + padding-right: 1.2em; + background: transparent url('../css/images/unfold-indicator-single.png') no-repeat scroll 4em 0.4em; /* toggle indicator */ + +} + +.ui-oo-content-wrapper .ui-oo-box-shadow > * > h2, .content-wrapper .box-shadow > * > h2 { + margin-top:1em; +} + +/* Don't display things that shouldn't be displayed */ +#siteSub { + display: none; +} +#jump-to-nav { + display: none; +} +.printfooter { + display: none; +} + +/* Preferences page */ +#preferences { + margin: 0; + clear: both; + padding: 1.5em; +} +#preferences legend { + display: none; +} +#preftoc { + width: 100%; + clear: both; + display: block; +} +#preftoc li { + float: left; + white-space: nowrap; + padding-right: 10px; + list-style-type: none; + list-style-image: none; + border: 1px solid #ddd; + background: #fff url('../css/images/gradient-light-short.png') repeat-x scroll 0 -20px ; +} +#preftoc a { + color: #666; + text-decoration: none; +} +#preftoc li.selected { + margin-top: 5px; + font-weight: bold; +} + +/* fieldsets */ +fieldset { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 1em 0 1em 0; + padding: 0 1em 1em; + line-height: 1.5em; +} +fieldset.nested { + margin: 0 0 0.5em 0; + padding: 0 0.5em 0.5em; +} +legend { + padding: .5em; + font-size: 95%; +} + +/* contentSub */ +/* #contentSub, #contentSub2 { + font-size: 84%; + line-height: 1.2em; + margin: 0 0 1.4em 1em; + width: auto; +} */ + +/* END OFF: Styles for wiki user actions under the main navigations */ + +td { + border: none; +} + +h4.mw-specialpagesgroup { + margin:1em; + padding:4px; +} + +#contentSub, #contentSub2, hr, #toolbar, #editform, #editoptions, #catlinks, .mw-searchresult, #search, +.special_info, .shell, .flash_video, div.mw-geshi, #successbox, #prefcache, dl { + margin-left: 1em; + margin-right: 1em; +} + +#contentSub { + position: relative; +} + +hr { + color: #AAAAAA; + background-color: #AAAAAA; +} + +h1 .editsection, h2 .editsection, h3 .editsection { + /* position: 1; */ + font-size:small; + font-weight:normal; +} + +.toc { + background:url("../geeko_tail.gif") no-repeat scroll right top #F6F6F6; + /* display: block; */ + font-size: 95%; + border: 1px solid #E0E0E0; + margin: 1px; + min-width: 30em; + /* margin-top: 7px; */ +} + +.toc a { + text-decoration: none; +} + +.special_info, .toc { + padding-right: 4em; +} + +#toc h2, .toc h2 { + display: inline; +} + +/* trying to move the flaggedrev box out of the way */ +.flaggedrevs_short { + border: 1px solid #DDDDDD; + -moz-border-radius: 5px 5px 5px 5px; + line-height: 1; + position: absolute; + right: 0; + max-width: 320px; +} + +.flaggedrevs_basic, .flaggedrevs_quality, .flaggedrevs_pristine, +.flaggedrevs_notice, .flaggedrevs_editnotice, .flaggedrevs_diffnotice, +.flaggedrevs_warning, .flaggedrevs_preview { + margin: 1em; +} + +#catlinks { + border-top: 2px solid #D9E5BF; + padding: 0.5em 0 0 2em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.shell, div.mw-geshi { + background-color:#F6F6F6; + border:1px dotted #669900; + font-family:monospace; + border:1px solid #666666; + padding: 0.3em; + margin-bottom: 1em; +} + +.image { + +} + +.CategoryTreeTag { + margin:0.5ex 0 0 1em; +} + + +.lable-overley label { + left:20px; +} + +table { + max-width: none; +} + +.editsection { + font-weight: normal; + margin-left: 1em; + margin-right: 1em; +} + +ul, ol { + list-style: disc outside none; +} + +ol { + list-style-type: decimal; +} + +.center { + text-align: center; +} + +pre { + margin-bottom: 1em; +} + +div.minutes { + background: none repeat scroll 0 0 #F0F0F4; + border: 1px solid #669900; + color: #000000; + margin: 0 0 1em 1em; + padding: 0 0.5em; + white-space: pre; +} + +/* Kategorie-Auswahl scrollbar */ +#SelectCategoryList { + height:20em; + overflow:auto; + border: 1px solid #E0E0E0; + margin-bottom:10px; + margin-left: 0; +} + +#SelectCategoryList li { margin: 0.1em 0; } + + +/* expand templates inputbox */ +textarea#input { + border: 1px solid #2f6fab; + color: Black; + background-color: white; + width: 100%; + padding: 0.1em; + overflow: auto; + +} + +dt { + font-weight: bold; +} + +/* fix screenshot galleries */ +table.gallery td { vertical-align: top; } + +blockquote { + padding-left: 5px; +} + + +/* formatting our search page */ +div.searchresults { + border: none; +} + +.mw-search-formheader { + margin-left: 15px; + margin-right: 15px; + background-color: #F3F3F3; + border: 1px solid silver; + margin-top: 1em; +} + +.mw-search-formheader div.search-types { + float:left; + padding-left:0.25em; +} + +.mw-search-formheader div.search-types ul { + list-style:none outside none !important; + margin:0 !important; + padding:0 !important; +} + +.mw-search-formheader div.search-types ul li { + float: left; + margin:0; + padding:0; +} + +.mw-search-formheader div.search-types ul li.current a { + color:#333333; + cursor:default; +} + +.mw-search-formheader div.search-types ul li a { + background:none repeat scroll 0 0 transparent !important; + padding:0.5em !important; +} + +.mw-search-formheader div.search-types ul li a { + display:block; + padding:0.5em; +} + +.mw-search-formheader div.results-info { + float:right; + padding-right: 0.5em; +} + +.mw-search-formheader div.results-info ul { + list-style:none outside none !important; + margin:0 !important; + padding:0 !important; +} + +fieldset#mw-searchoptions { + background-color:#F9F9F9; + border-color:silver !important; + border-right:1px solid silver !important; + border-style:solid !important; + border-width:0 1px 1px !important; + border:1px solid #2F6FAB; + padding: 1em; + margin-left:15px !important; + margin-right:15px !important; +} + + +fieldset#mw-searchoptions legend { + display:none; +} +fieldset#mw-searchoptions h4 { + float:left; + margin:0; + padding:0; +} + +fieldset#mw-searchoptions div#mw-search-togglebox { + float:right; +} + +fieldset#mw-searchoptions div.divider { + border-bottom:1px solid #DDDDDD; + clear:both; + margin-bottom:0.5em; + padding-top:0.5em; +} + +fieldset#mw-searchoptions table { + float:left; + margin-right:3em; +} + +fieldset table { + background:none repeat scroll 0 0 transparent; +} + +.box-description { + background: #0A0A0A; + border: solid 1px #171717; + padding: 0px; + margin-left: 10px; + margin-right: 10px; +} + +.error { + color: red; + font-weight: bold; + margin-left: 15px; +} + +thumb tright { + margin-bottom: 10px; +} + +.img_text_align { + vertical-align: text-bottom; +} + +.img_text_align_spaced { + padding-top: 3px; + vertical-align: text-bottom; +} + +.img_thumb_128 { + min-width: 128px; + max-width: 128px; + width: 128px; +} + +.img_thumb_150 { + min-width: 150px; + max-width: 150px; + width: 150px; +} + +.a_bigger_text { + font-weight: bold; +} + +.a_bigger_text strong { + font-weight: bold; + font-size: 1.1em; +} + +.p_bigger_text { + font-size: 1.4em; +} + +.p_extra_spaced br { + margin-bottom: 6px; +} + +#rslides_container { + margin: 0 auto; + position: relative; + width: 1076px; + background: #191919; + margin-bottom: 25px; +} +.rslides { + position: relative; + list-style: none; + overflow: hidden; + width: 1000px; + padding: 0; + margin: 0; + left: 38px; +} +.rslides li { + -webkit-backface-visibility: hidden; + position: absolute; + display: none; + width: 100%; + left: 0; + top: 0; +} +.rslides li:first-child { + position: relative; + display: block; + float: left; +} +.rslides img { + display: block; + height: auto; + float: left; + width: 100%; + border: 0; +} + +.centered-btns_nav { + z-index: 10; + position: absolute; + -webkit-tap-highlight-color: rgba(0,0,0,0); + top: 50%; + left: 0; + opacity: 0.7; + text-indent: -9999px; + overflow: hidden; + text-decoration: none; + height: 61px; + width: 38px; + background: transparent url(../images/themes.gif) no-repeat left top; + margin-top: -45px; +} +.centered-btns_nav:active { + opacity: 1.0; +} +.centered-btns_nav.next { + left: auto; + background-position: right top; + right: 0; +} + +.transparent-btns_nav { + z-index: 3; + position: absolute; + -webkit-tap-highlight-color: rgba(0,0,0,0); + top: 0; + left: 0; + display: block; + background: #fff; /* Fix for IE6-9 */ + opacity: 0; + filter: alpha(opacity=1); + width: 48%; + text-indent: -9999px; + overflow: hidden; + height: 91%; +} +.transparent-btns_nav.next { + left: auto; + right: 0; +} + +.large-btns_nav { + z-index: 10; + position: absolute; + -webkit-tap-highlight-color: rgba(0,0,0,0); + opacity: 0.6; + text-indent: -9999px; + overflow: hidden; + top: 0; + bottom: 0; + left: 0; + background: #191919 url(../images/themes.gif) no-repeat left 50%; + width: 38px; +} +.large-btns_nav:active { + opacity: 1.0; +} +.large-btns_nav.next { + left: auto; + background-position: right 50%; + right: 0; +} + +.centered-btns_nav:focus, +.transparent-btns_nav:focus, +.large-btns_nav:focus { + outline: none; +} +.centered-btns_tabs, +.transparent-btns_tabs, +.large-btns_tabs { + margin-top: 10px; + text-align: right; +} +.centered-btns_tabs li, +.transparent-btns_tabs li, +.large-btns_tabs li { + display: inline; + float: none; + _float: left; + *float: left; + margin-right: 5px; +} +.centered-btns_tabs a, +.transparent-btns_tabs a, +.large-btns_tabs a { + text-indent: -9999px; + overflow: hidden; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + background: #ccc; + background: rgba(0,0,0, .2); + display: inline-block; + _display: block; + *display: block; + -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); + -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); + box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); + width: 6px; + height: 6px; +} +.centered-btns_here a, +.transparent-btns_here a, +.large-btns_here a { + background: #222; + background: rgba(0,0,0, .8); +} + diff --git a/css/style.fluid.css b/css/style.fluid.css new file mode 100644 index 0000000..6b23b79 --- /dev/null +++ b/css/style.fluid.css @@ -0,0 +1,11 @@ +/* + * Title: openSUSE.org stylesheet (Bento-Theme) + * Author: Robert Lihm + * Copyright (c) 2009 AUTHORS.txt (http://www.opensuse.org) + * Licensed under the MIT (MIT-LICENSE.txt) license. + */ + +@import url("reset.css"); /* reset default browser settings */ +@import url("grid.css"); /* add fluid 960 Grid System */ +@import url("base.css"); /* Basic CSS - Common styles */ +@import url("base.fluid.fix.css"); /* Fixes for Bento with fluid 960gs */