style:oplayware-v2
html,body { min-height: 101%; } /* http://oplayware.some.randomhash.net/local--files/tmpl:_style/background.jpg */ /* Some Tests */ blockquote{ border: 1px dashed black; padding: 0 1em; background-color: white; } /* OTHER WIDGETS */ /* tabview */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */ /* default space between tabs */ .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li { margin:0 0.5em 0 0; /* horizontal tabs */ } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { margin:0 0 0.5em; /* vertical tabs */ } /* default width for side tabs */ .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; } .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav { width:auto; } .yui-navset .yui-navset-left, .yui-navset-left { padding:0 0 0 6em; } /* map to nav width */ .yui-navset-right { padding:0 6em 0 0; } /* ditto */ .yui-navset-top, .yui-navset-bottom { padding:auto; } /* core */ .yui-nav, .yui-nav li { margin:0; padding:0; list-style:none; } .yui-navset .yui-nav li em { font-style:normal; } .yui-navset { position:relative; /* contain absolute positioned tabs (left/right) */ zoom:1; } .yui-navset .yui-content { zoom:1; } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, /* in case nested */ .yui-navset .yui-navset-bottom .yui-nav li { display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */ } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { display:block; } .yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */ .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a { display:block; display:inline-block; vertical-align:bottom; /* safari: for overlap */ zoom:1; } .yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a { display:block; } .yui-navset-bottom .yui-nav li a { vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */ } .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { display:block; } /* position left and right oriented tabs */ .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; } .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav { position:static; } .yui-navset .yui-navset-left .yui-nav, .yui-navset-left .yui-nav { left:0; right:auto; } .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { right:0; left:auto; } /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */ /* .yui-navset defaults to .yui-navset-top */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */ border:solid #2647a0; /* color between tab list and content */ border-width:0 0 5px; Xposition:relative; zoom:1; } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { margin:0 0.16em 0 0; /* space between tabs */ padding:1px 0 0; /* gecko: make room for overflow */ zoom:1; } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { margin:0 0.16em -1px 0; /* for overlap */ } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background:#d8d8d8 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x; /* tab background */ border:solid #a3a3a3; border-width:0 1px; color:#000; position:relative; text-decoration:none; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border:solid #a3a3a3; border-width:1px 0 0; cursor:hand; padding:0.25em .75em; left:0; right: 0; bottom: 0; /* protect from other orientations */ top:-1px; /* for 1px rounded corners */ position:relative; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background:#2647a0 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1400px; /* selected tab background */ color:#fff; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background:#bfdaff url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x left -1300px; /* selected tab background */ outline:0; } .yui-navset .yui-nav .selected a em { padding:0.35em 0.75em; /* raise selected tab */ } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color:#243356; /* selected tab border color */ } .yui-navset .yui-content { background:#ffffff; /* content background color */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border:1px solid #808080; /* content border */ border-top-color:#243356; /* different border color */ padding:0.25em 0.5em; /* content padding */ } /* left and right orientations */ .yui-navset-left .yui-nav, .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { border-width:0 5px 0 0; Xposition:absolute; /* from tabview-core; have to reiterate for skin-sam due to pos:rel on skin-sam yui-nav */ top:0; bottom:0; /* stretch to fill content height */ } .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { border-width:0 0 0 5px; } .yui-navset-left .yui-nav li, .yui-navset .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { margin:0 0 0.16em; /* space between tabs */ padding:0 0 0 1px; /* gecko: make room for overflow */ } .yui-navset-right .yui-nav li { padding:0 1px 0 0; /* gecko: make room for overflow */ } .yui-navset-left .yui-nav .selected, .yui-navset .yui-navset-left .yui-nav .selected { margin:0 -1px 0.16em 0; } .yui-navset-right .yui-nav .selected { margin:0 0 0.16em -1px; } .yui-navset-left .yui-nav a, .yui-navset-right .yui-nav a { border-width:1px 0; } .yui-navset-left .yui-nav a em, .yui-navset .yui-navset-left .yui-nav a em, .yui-navset-right .yui-nav a em { border-width:0 0 0 1px; padding:0.2em .75em; top:auto; left:-1px; /* for 1px rounded corners */ } .yui-navset-right .yui-nav a em { border-width:0 1px 0 0; left:auto; right:-1px; /* for 1px rounded corners */ } .yui-navset-left .yui-nav a, .yui-navset-left .yui-nav .selected a, .yui-navset-left .yui-nav a:hover, .yui-navset-right .yui-nav a, .yui-navset-right .yui-nav .selected a, .yui-navset-right .yui-nav a:hover, .yui-navset-bottom .yui-nav a, .yui-navset-bottom .yui-nav .selected a, .yui-navset-bottom .yui-nav a:hover { background-image:none; /* no left-right or bottom-top gradient */ } .yui-navset-left .yui-content { border:1px solid #808080; /* content border */ border-left-color:#243356; /* different border color */ } /* bottom orientation */ .yui-navset-bottom .yui-nav, .yui-navset .yui-navset-bottom .yui-nav { border-width:5px 0 0; /* color between tab list and content */ } .yui-navset .yui-navset-bottom .yui-nav .selected, .yui-navset-bottom .yui-nav .selected { margin:-1px 0.16em 0 0; /* for overlap */ } .yui-navset .yui-navset-bottom .yui-nav li, .yui-navset-bottom .yui-nav li { padding:0 0 1px 0; /* gecko: make room for overflow */ vertical-align:top; } .yui-navset .yui-navset-bottom .yui-nav li a, .yui-navset-bottom .yui-nav li a { } .yui-navset .yui-navset-bottom .yui-nav a em, .yui-navset-bottom .yui-nav a em { border-width:0 0 1px; top:auto; bottom:-1px; /* for 1px rounded corners */ } .yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content { border:1px solid #808080; /* content border */ border-bottom-color:#243356; /* different border color */ } body { background: white url(http://themes.wdfiles.com/local--files/midnightonyx/footer.png) repeat-x bottom; } #container-wrap { background: url(http://themes.wdfiles.com/local--files/midnightonyx/header.png) repeat-x top; } /* Use 950 pixels width for normal screens, 100% for iPhones */ #container { width: 980px; margin: 0 auto; padding-left: 8px; /* background: url(/local--files/midnightonyx/leftshadow.png) no-repeat 0 89px; */ background: url(http://oplayware.some.randomhash.net/local--files/tmpl:_style/background.jpg) no-repeat 0 89px; position: relative; } @media only screen and (max-device-width: 480px) { #container { width: 100%; } } #content-wrap { padding-right: 8px; /* background: url(http://oplayware.some.randomhash.net/local--files/tmpl:_style/background.jpg) no-repeat right -29px; */ background: url(/local--files/midnightonyx/rightshadow.png) no-repeat right -29px; overflow: hidden; } #main-content { margin: 20px 0 20px 0; padding: 0 15px; min-height: 150px; overflow: hidden; width:750px; } #page-content > *:first-child { margin-top: 0; } #page-title { padding-bottom: 2px; border-bottom: 1px solid black; margin-top: 0; font-size: 180%; } #header { height: 118px; padding-right: 8px; background: url(/local--files/midnightonyx/rightshadow.png) no-repeat right 89px; } #header h1 { float: left; padding: 43px 0 0 16px; } #header h1 span { padding-right: 7px; } #header h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; letter-spacing: 1px; text-transform: none; line-height: 29px; color: black; } #header h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; letter-spacing: 1px; text-transform: none; line-height: 29px; color: black; } #header h2 { padding: 49px 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 26px; color: white; } #header h2:before { content: "|"; color: white; } #header h2 span { padding-left: 7px; font-size: 16px; text-transform: uppercase; color: black; } h1, h2, h3, #page-title { padding: 0; margin: 15px 0; color: black; } #top-bar { width: 100%; height: 29px; right: 0; left: 0; } #top-bar li, #top-bar ul { margin: 0; padding: 0; } #top-bar ul { margin-right: 8px; height: 29px; background: url(http://themes.wdfiles.com/local--files/midnightonyx/link.png) repeat-x top; } #top-bar ul ul { margin-right: 0; } #top-bar li a { border-right: 1px solid white; color: white; font-size: 13px; font-weight: bold; line-height: 29px; padding: 0 15px; text-decoration: none; } #top-bar li a:hover { text-decoration: none; background: white; color: black; } #top-bar li ul { border: none; } #top-bar li ul li a { width: 18em; color: white; background: black; } #top-bar li ul li a:hover { color: black; background: white; } #top-bar ul li.sfhover ul{ width: 20em; background-color: black; } #top-bar ul li.sfhover ul li{ height: 29px; } #top-bar ul li.sfhover ul li.sfhover { height: 29px; width: 20em; background-color: black; } #top-bar ul li.sfhover ul a{ width: 20em; background-color: black; } #top-bar ul li.sfhover ul li:hover a{ background-color: white; color: black; } #top-bar ul li ul li ul{ display: none; } #top-bar ul li.sfhover ul li.sfhover ul { display: inherit; position: relative; left: 20em; bottom: 29px; } #top-bar ul li.sfhover ul li.sfhover ul li a{ background-color: black; color: white; } #top-bar ul li.sfhover ul li.sfhover ul li:hover a{ background-color: white; color: black; } #side-bar { border-left:1px dashed black; float:right; margin-top:10px; overflow:hidden; padding:0 15px 0; width:150px; } #search-top-box { right:-53px; top:50px; } #search-top-box .button { visibility: hidden; } #search-top-box input.empty { background-color: #EEEEEE; color: black; } #search-top-box .text { padding:2px 2px 2px 5px; width:220px; } #login-status { right: 8px; top: 8px; } #login-status a { color: black; text-decoration: none; } #login-status #account-topbutton, #account-options li a:hover, .change-textarea-size a { color: white; background: black; } #login-status #account-topbutton:hover, .change-textarea-size a:hover { color: black; background: white; } input.text, textarea { border-color: black; } div.buttons input, input.button, button, file, a.button { background-image: url(http://themes.wikidot.com/local--files/midnightonyx/link.png); border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 26px; color: white; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover, file:hover { background: white; border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: black; height: 26px; } div.page-calendar-box { padding: 0; } a { color: black; text-decoration: underline; } a:hover { background-color: transparent; color: black; text-decoration: none; } a.newpage { color: white; background-color: black; text-decoration: underline; } /* Pop-up hover text over images or links */ /* Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */ .hover{ color: black; text-decoration: underline; } .hover:hover{ background-color: transparent; color: black; text-decoration: none; } .hover span { display: none; } .hover:hover span { position: absolute; display: inline; margin: 15px -20px; height: auto; width: auto; background: white; border: 1px solid black; color: black; padding: 1em; font-size: 12px; } .hover:hover span span { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; } #breadcrumbs { margin-bottom: 1em; } .odate, .like-odate { font-size: 85%; font-weight: bold; color: black; background: transparent; margin: 0; padding-top: 0; padding-bottom: 0; } .member .error-block { display:none; }