/* ----------------------------------------- RESET ----------------------------------------- */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal} caption, th{text-align:left} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} q:before, q:after{content:''} strong, strong em{font-weight:bold} em{font-style:italic} a img{border:none} h1, h2, h3, h5, h5, h6{font-weight:normal; font-family: 'Varela Round', sans-serif;} /* ----------------------------------------- LAYOUT ----------------------------------------- */ .aligncenter{display:block; margin:0 auto} .alignleft{float:left} .alignright{float:right} .floatLeft{float:left} .floatRight{float:right} .clear{clear:both} /* ----------------------------------------- STRUCTURE ----------------------------------------- */ html, body{height:100%} body{font-size: 110%; font-family: 'PT Serif', serif; color:#222; margin:0 auto -80px; text-align:center} #page-wrap{position:relative; width:90%; max-width: 960px; margin:0 auto; padding-left:10px; padding-right:10px; text-align:left} .content{width: 68.5%; max-width:680px; float:left;} /* ----------------------------------------- TYPOGRAPHY ----------------------------------------- */ p, address, caption, cite, pre, code, dfn, em, strong, th, var, dt, dd, tr, td {color:#222; line-height:1.3; margin-top:1.2em; margin-bottom:1.2em; text-align:left} th, td, tr {padding: .4em; text-align: center; font-size: 90%; border-color: #669900;} th {font-weight: bold; border-top: 2px solid #669900;} #wikitext a, #wikitext a:visited, #wikitext a em, #wikitext a:visited em, #wikitext a strong, #wikitext a:visited strong, #wikitext a span, #wikitext a:visited span, .blogit-page-navigation a, .blogit-page-navigation a:visited, .postMeta-post a, .postMeta-post a:visited{color: #004799; text-decoration:none} #wikitext a:hover, #wikitext a:hover em, #wikitext a:hover strong, #wikitext a:hover span, .blogit-page-navigation a:hover, .postMeta-post a:hover{border-bottom:1px solid #c9c9c9; color:#cc0033; text-decoration:none} #wikitext a.urllink {background: url(/pub/skins/equilibrium/images/external_link.png) center right no-repeat; background-size: 10px 10px; padding-right: 0.8em;} #wikitext a.wikilink[href*="Profiles"], #wikitext a.createlinktext[href*="Profiles"] {background: url(/pub/skins/equilibrium/images/profile.png) center right no-repeat; background-size: 10px 10px; padding-right: 0.8em;} h1 {font-size:1.4em; font-weight:bold} h4, h2, #sidebar .sidehead, #wikitext h2.section-head{font-size:1.8em; color:#222; text-transform:uppercase; padding-bottom:4px; border-bottom:4px solid #cc0033; margin-top:28px; margin-bottom:28px; font-weight:bold} h1.page-head{border-bottom:4px solid #cc0033; color:#222; font-size:2.2em; font-weight:bold; padding-bottom:4px} h1 a{text-decoration:none; color:#222} .sitetitle:hover, .sitetitle a:hover, #top ul a:hover, #top ul a:hover span, #sidebar ul a:hover{color: #ffffff !important; background-color: #669900;} .post h2, #wikitext h2, #wikitext h3, #wikitext h4{text-transform:none; padding-bottom:0; border-bottom:0; margin-bottom: 1em; margin-top:1.0em} #wikitext h2 {border-bottom:1px solid #cc0033; margin-top:1.5em} #wikitext h3 {font-size: 1.5em} #wikitext h4 {font-size: 1.2em} .post ul li, .post ol li, #wikitext ul li, #wikitext ol li{margin: 0.35em 0 0.35em 1.6em} #reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px} #wikitext .post-head a:link, #wikitext .post-head a:visited { text-decoration:none; border:none;} @-webkit-keyframes font-effect-fire-animation-keyframes{0%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}25%{text-shadow:0 -.05em .2em #FFF,0 -.05em .17em #FE0,.04em -.12em .22em #FC0,.04em -.13em .27em #F90,.05em -.23em .33em #F70,.07em -.28em .47em #F70,.1em -.3em .8em #F50,.1em -.3em .9em #F40}50%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1e$}75%{text-shadow:0 -.05em .2em #FFF,0 -.06em .18em #FE0,.05em -.15em .23em #FC0,.05em -.15em .3em #F90,.07em -.25em .4em #F70,.09em -.3em .5em #F70,.1em -.3em .9em #F50,.1em -.3em 1em #F40}100%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}}@-moz-keyframes font-effect-fire-animation-keyframes{0%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}25%{text-shadow:0 -.05em .2em #FFF,0 -.05em .17em #FE0,.04em -.12em .22em #FC0,.04em -.13em .27em #F90,.05em -.23em .33em #F70,.07em -.28em .47em #F70,.1em -.3em .8em #F50,.1em -.3em .9em #F40}50%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}75%{text-shadow:0 -.05em .2em #FFF,0 -.06em .18em #FE0,.05em -.15em .23em #FC0,.05em -.15em .3em #F90,.07em -.25em .4em #F70,.09em -.3em .5em #F70,.1em -.3em .9em #F50,.1em -.3em 1em #F40}100%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}}@-o-keyframes font-effect-fire-animation-keyframes{0%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}25%{text-shadow:0 -.05em .2em #FFF,0 -.05em .17em #FE0,.04em -.12em .22em #FC0,.04em -.13em .27em #F90,.05em -.23em .33em #F70,.07em -.28em .47em #F70,.1em -.3em .8em #F50,.1em -.3em .9em #F40}50%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1e$}75%{text-shadow:0 -.05em .2em #FFF,0 -.06em .18em #FE0,.05em -.15em .23em #FC0,.05em -.15em .3em #F90,.07em -.25em .4em #F70,.09em -.3em .5em #F70,.1em -.3em .9em #F50,.1em -.3em 1em #F40}100%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}}@keyframes font-effect-fire-animation-keyframes{0%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}25%{text-shadow:0 -.05em .2em #FFF,0 -.05em .17em #FE0,.04em -.12em .22em #FC0,.04em -.13em .27em #F90,.05em -.23em .33em #F70,.07em -.28em .47em #F70,.1em -.3em .8em #F50,.1em -.3em .9em #F40}50%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1e$}75%{text-shadow:0 -.05em .2em #FFF,0 -.06em .18em #FE0,.05em -.15em .23em #FC0,.05em -.15em .3em #F90,.07em -.25em .4em #F70,.09em -.3em .5em #F70,.1em -.3em .9em #F50,.1em -.3em 1em #F40}100%{text-shadow:0 -.05em .2em #FFF,.01em -.02em .15em #FE0,.01em -.05em .15em #FC0,.02em -.15em .2em #F90,.04em -.2em .3em #F70,.05em -.25em .4em #F70,.06em -.2em .9em #F50,.1em -.1em 1em #F40}}.font-effect-fire-animation{-webkit-animation-duration:.8s;-webkit-animation-name:font-effect-fire-animation-keyframes;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-duration:.8s;-moz-animation-name:font-effect-fire-animation-keyframes;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-o-animation-duration:.8s;-o-animation-name:font-effect-fire-animation-keyframes;-o-animation-iteration-count:infinite;-o-animation-direction:alternate;animation-duration:.8s;animation-name:font-effect-fire-animation-keyframes;animation-iteration-count:infinite;animation-direction:alternate;color:#ffe} /* ----------------------------------------- TOP ----------------------------------------- */ #top{margin-top:55px; padding-bottom:70px; margin-bottom: 3em; width: 100%;} #siteheader {float: left; position: relative; width: 45%; max-width: 680px;} .logo a, #siteheader .sitetitle {float:left} #siteheader .sitetag {float: left; clear: left} #siteheader .sitetitle{font-size:1.3em; font-weight:bold; color:#000; font-family: 'Varela Round', sans-serif; font-weight:bold; line-height:1.2; margin-top:0; margin-bottom: 0;} #siteheader .sitetitle a{display: block; font-size:2.6em; color:#000; border-bottom: none; text-decoration:none} #siteheader .sitetag {font-family: 'Varela Round', sans-serif; font-weight:bold; font-size:1.4em; margin-left: 0.10em; text-transform:uppercase} #nav, #top ul{float:right; margin-top:1.2em} #sitenav ul {margin-top: 1em !important;} #sitenav ul a.wikilink, #sitenav ul a.selflink {border-left: 1px solid #cc0033;} #sitenav ul a:link{margin-left: 0 !important; padding-left: 15px !important; padding-right: 10px !important;} #nav ul, #top ul{list-style-type:none;} #nav li, #top li{display:inline;} #top li span{font-family: 'Varela Round', sans-serif;} #nav a:link, #nav a:visited, #top ul a:link, #top ul a:visited{padding:5px; display:block; color:#353434; margin-left:10px; float:left; text-decoration:none; font-size:1.4em; font-weight:bold; text-transform:uppercase} ul#nav li.current_page_item a:link, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover, ul#nav li.current_page_item a:active, #top ul li.current_page_item a:link, #top ul li.current_page_item a:visited, #top ul li.current_page_item a:hover, #top ul li.current_page_item a:active {text-decoration:none} /* ----------------------------------------- FEATURED ----------------------------------------- */ .front-post, .featured .post-wrap{width:327px; margin-bottom:3.5em; margin-right:25px; float:left} .front-post-last{width:100%; float:left} .featured-content, .featured .post-content{position:relative; width:100%} /*margin-bottom:3.5em*/ .featured-content p, .featured .post-content p{margin-top:1em} .featured-post, .featured .post-head{overflow:hidden; width:100%; margin-bottom:1.2em} /*height:231px; */ .featured-title h2, #wikitext .featured .title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0} .featured-title h2 a, .featured .title h2 a{font-size:1.1em; display:block; text-decoration:none; border-bottom:0} .featured-title, .featured .title{display:block; z-index:101; width:100%; top:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; float:left; z-index:2} .featured-image, .featured .post-head img{position:relative; width:100%; z-index:1; margin:0 !important} /*height:231px; */ .featured .content-wrap img {display:none} .featured-content h2, .featured .post-content h2{margin-top:15px} .featured-content h2 a, .featured .post-content h2 a{text-decoration:none} .featured-content h2 a:hover, .featured .post-content h2 a{color:#000} /* ----------------------------------------- SIDEBAR ----------------------------------------- */ #sidebar{float:right; width: 28%; max-width: 260px; padding-left:20px; overflow:hidden} #sidebar p{padding-left:0.2em; padding-right:0.2em;} #sidebar p a{border-bottom:1px solid #c9c9c9; color:#004799; text-decoration:none} #sidebar p a:hover, #sidebar p a:hover{color:#cc0033; text-decoration:none} #sidebar li {list-style-type: none; border-bottom: 1px solid #C9C9C9; line-height:2.0em; } #sidebar li a{display:block; width:100%; margin:0; padding:0.2em; list-style:none; font-size:1.4em; font-family: 'Varela Round', sans-serif; list-style-type:none; text-decoration:none; color:#222} #sidebar li a{color:#222; text-decoration:none} #sidebar h2, #sidebar .sidehead{font-size:1.8em; color:#222; text-align:right; text-transform:uppercase; border-bottom:4px solid #669900; margin-top:1.03em; margin-bottom:0} /* ----------------------------------------- LATEST ----------------------------------------- */ #front-bottom{margin-top:36px} #latest-wrap, .latest{float:left; width:680px} .latest-post-wrap, .latest .post-wrap{float:left; width:162px; margin-right:8px} .latest-post, .latest .post-head{overflow:hidden; width:162px} .latest-image, .latest .post-head img{position:relative; width:100%; z-index:1; margin:0 !important} .latest .content-wrap img {display:none} .latest-title h2, #wikitext .latest .title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1em; text-transform:none; padding-bottom:0; border-bottom:0} .latest-title h2 a, .latest .title h2 a{display:block; text-decoration:none} .latest-title, .latest .title{display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; float:left; z-index:2} .latest-content, .latest .post-content{position:relative; width:162px; margin-bottom:20px} /*height:200px; */ .latest-content h2, .latest .post-content h2{margin-top:15px} .latest-content h2 a, .latest .post-content h2{text-decoration:none} .latest-content h2 a:hover, .latest .post-content h2:hover{color:#000} .latest-content p, .latest .post-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left} .row-wrap{float: left} .no-right-margin{margin-right:0 !important} /* ----------------------------------------- FOOTER ----------------------------------------- */ #push{height:80px} #footer{clear: both; padding-top:10px; border-top:1px solid #C9C9C9; width:90%; max-width: 960px; margin:60px auto 0; height:80px;} #footer div, #footer p{text-align: center; font-size:1em; color:#cc0033; line-height:1.5em; margin-bottom:0; margin-top:0} #footer div a, #footer p a{border-bottom:1px solid #c9c9c9; color:#004799; text-decoration:none} #footer div a:hover, #footer a:hover{color:#cc0033; text-decoration:none} /* ----------------------------------------- POSTMETA ----------------------------------------- */ .postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9} .postMeta-featured, .featured .postMeta, .latest .postMeta{margin-top:8px; font-size:1.2em; width:100%; margin-bottom:0; padding-bottom:0; border-bottom:none} .postMeta-front{margin-top:8px; font-size:1.2em} .postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; border-bottom:1px solid #c9c9c9; padding-bottom:10px} .postMeta span.date, .postMeta-post span.date, .postMeta-featured span.date, .postMeta-front span.date{color:#cc0033; float:left} .postMeta-post span.date, .postMeta-post span.comments{clear:both;} .postMeta span.comments a, .postMeta-post span.comments a, .postMeta-featured span.comments a, .postMeta-featured span.date a, .postMeta-front span.comments a, .postMeta-front span.date a{float:left; color:#cc0033; text-decoration:none} .postMeta-post span.date a, .postMeta span.date a{color:#cc0033; text-decoration:none} .postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments{color:#cc0033;float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px} /* ----------------------------------------- POSTS ----------------------------------------- */ .post-category{color:#cc0033; float:right; margin-bottom:8px} .post-tags{color:#cc0033; float:left; margin-bottom:8px} .post-category p, .post-tags p{color:#cc0033; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none} /*.post img, #wikitext img{margin:0.5em 1em;} */.post blockquote p {margin:0 2.6em; font-style:italic} /* ----------------------------------------- COMMENTS ----------------------------------------- */ #comments {clear:both; overflow:hidden} #comments .comment-heading{margin-top: 40px; margin-bottom:26px; text-transform:none; border:none} #comments .commentwrap, #wikitext .commentwrap{border-top:1px solid #C9C9C9; padding-bottom:25px; padding-top:15px} #comments .commentpost, #wikitext .commentpost{float:right; width:510px; padding:0.3em} #comments .commentpost p, #wikitext .commentpost p{margin-top:0} #comments .commentmetadata, #wikitext .commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em} #comments .commentmetadata li, #wikitext .commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0; font-size:1em;} #comments .commentmetadata li a, #wikitext .commentmetadata li a{border-bottom:1px solid #c9c9c9; text-decoration:none} #comments .warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px} #wikitext fieldset{display: block; margin: 0 auto; width: 300px; padding: 5px 30px 5px 20px; border-radius: 20px; border: 1px solid #669900} #wikitext legend{font-family: 'Varela Round', sans-serif; font-size:1.9em; text-align: center; display: block; background-color: #ffffff;} #comments label input, #wikitext label {display: block; text-align: left; font-weight: bold;} #comments label input, #wikitext input{border:1px solid #E5E5E5; padding:5px 5px; margin-bottom:12px} #wikitext input#authid, #wikitext input#authpw{width: 100%;} #comments label span, #comments span.label{line-height:27px} #comments label, #comments .label, #wikitext label, #wikitext input{font-family: 'Varela Round', sans-serif; font-size:1.1em} #comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left} #comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px} #comments textarea, #wikitext textarea{padding:4px 0px; width:100%; border:1px solid #E5E5E5} .button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase} .children {margin-left: 50px} .children div {border:none} .children .commentwrap {border-top: 1px solid #C9C9C9;} .children .commentmetadata {padding-right:0px} .children .commentpost {text-align:left; float:right; width:78%} /* ----------------------------------------- SEARCH ----------------------------------------- */ #searchform{width: 100%; margin-top:1em; height:2.3em;} #s, #searchsubmit{display:block; line-height:normal !important; font-family: 'Varela Round', sans-serif; border:1px solid #E5E5E5; font-size:1.1em; padding: 5px 0;} #s{width: 82%; float:left;} #searchsubmit{width: 17%; float: right; font-weight: bold; text-transform:uppercase; background-color:#f0f0f0; cursor: pointer;} /* ----------------------------------------- PMWIKI ----------------------------------------- */ #footer .credits {clear: left; margin-top: 2.5em; font-size:1em; color: #4d4d4d;} #footer .credits a {color: #cc0033} #top .createlink, #top ul .createlink { display: none !important} .pageactions {position:absolute;right:5px;top:-70px} .pageactions li a {font-size:110% !important; color: #004799 !important; text-transform: lowercase !important} .pagegroup {display:inline; margin-top: 0; margin-left: 0.1em; color: #cc0033; font-size:1.1em; text-transform: lowercase;text-decoration: none} a.createlinktext { text-decoration:none; border-bottom:none; } a.createlink { text-decoration:none; position:relative; top:-0.5em; font-weight:bold; font-size:smaller; border-bottom:none; } .blogit-page-navigation{clear:both; padding:20px 0} .blogit-older-entries a, .blogit-newer-entries a {font-size:130%; font-weight: bold;} .blogit-older-entries a {float:right;} .blogit-newer-entries a {float:left;} .blogit-listmore {text-align:right;} .blogit-readmore {display: block; margin-top: 10px; padding-bottom: 10px; font-weight: bold;} .wikimessage {color: red; font-weight: bold; font-size: 110%; } #captcha { display: inline; font-weight: bold;} #captcha input { width: 50px; } #wikitext dd, #wikitext .indent { margin-left:4em; } #wikitext .outdent {margin: 1em 40px .5em 40px; text-indent:-40px; } #wikitext .quickref {background-color: #fff; font-size: 80% !important; margin-top: 4em} #wikitext .quickref p, #wikitext .quickref .outdent, #wikitext .quickref div, #wikitext .quickref strong {font-size:1em; margin:0; text-align:left; text-indent:0; line-height: 2em} #wikitext .quickref br {display:none} #wikitext code.escaped, #wikitext pre {font-size:105%; background-color: #f6f6f6; overflow: auto; height: auto; width: 90%; margin: 1.5em auto; padding: .15em; color: #666} #wikitext hr {border:1px solid #C9C9C9; margin:3em 0} #wikiedit img {margin:0} #wikiedit a {border:0} #wikiedit #text {width:99%} .difftime, .difftype {font-size: 1em !important} .postMeta-post .blogit-edit {float:right; margin-right:5px; padding-right:5px; border-bottom: none !important } .force_contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .force_contain { display: inline-block; _height: 1%; } /* Hides from IE-mac \*/ .force_contain { display: block; } /* End hide from IE-mac */ /* MEDIA QUERIES */ @media (max-width:400px) { .pageactions{visibility:hidden} .createli{visibility:hidden} #top{margin-top:10px;} body{-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} } @media (max-width:680px) { #siteheader{width: 100% !important} #sitenav ul{float: left; margin-top: 1em; margin-bottom: 1em;} } @media (max-width:720px) { #page-wrap{width:90%; max-width:100%;} #top{margin-bottom: 4.5em} #siteheader {width: 35%;} .content{width: 100%; float: none; max-width: 100%;} #sidebar{width:100%; float: none; max-width:100%; padding-left: 0;} .tip{padding-left: 20px !important; padding-top: 60px !important; background-position: center 20px !important;} .important{padding-left: 20px !important; padding-top: 60px !important; background-position: center 20px !important;} .warning{padding-left: 20px !important; padding-top: 60px !important; background-position: center 20px !important;} } @media (max-width:770px) { #siteheader {width: 35%;} } /* Copyright 2006-2007 Patrick R. Michaud (pmichaud@pobox.com) This file is wsextra.css; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */ /* The "rollover" style handles rollover images and text. It works by using absolute positioning to cause the "rollover" component to display on top of the "non-rollover" component, and sets the rollover as invisible (via opacity) until the mouse hovers over the component. */ .rollover { position:absolute; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } .rollover:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } /* These are here for browsers that don't understand "opacity". */ .rollover * { visibility:hidden; } .rollover:hover * { visibility:visible; } /* A sidenote is a fixed-width frame with smaller text. */ .sidenote { width:200px; font-size: smaller; } /* A postit is a sidenote with a yellow background. */ .postit { background-color: #ffffa1; } /* These are bold title styles for sidenotes and postits. */ .notetitle { font-weight:bold; } .postit .notetitle { padding: 0px 4px; background-color: #ffe53e; } /* A "left-right indent", indenting both sides. */ .lrindent { margin-left:40px; margin-right:40px; } /* This provides a rounded background for a component. */ .round { min-height:50px; padding: 10px 20px 10px 20px; margin-top: 1em; background-color: #f7f7f7; border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; } /* The "tip", "important", and "warning" styles provide colored backgrounds and associated icons. */ .tip { padding-left: 90px; background: #f0ffd3 url(/pub/wsplus/tip.png) no-repeat 20px; border: 1px solid #669900; } .important { padding-left: 90px; background: #fff4dd url(/pub/wsplus/important.png) no-repeat 20px; border: 1px solid #f45e00; } .warning { padding-left: 90px; background: #ffdfe8 url(/pub/wsplus/warning.png) no-repeat 20px; border: 1px solid #cc0033; } /* many other useful styles */ .uppercase { text-transform: uppercase; } /* all uppercase */ .lowercase { text-transform: lowercase; } /* all lowercase */ .capitalize { text-transform: capitalize; } /* ucfirst */ .small-caps { font-variant: small-caps; } /* small-caps */ .smaller { font-size: smaller; } /* smaller text */ .larger { font-size: larger; } /* larger text */ .b, .bold { font-weight: bold; } /* bold text */ .i, .italic { font-style: italic; } /* italic text */ .u, .underline { text-decoration: underline; } /* underline */ .absolute { position: absolute; } /* absolute positioning */ .relative { position: relative; } /* relative positioning */ /* a style for code blocks */ .code { font-family:'Lucida Console','Andale Mono','Courier New',Courier, monospace; font-size: 0.9em; line-height:1.2em; white-space: pre; } .code .vspace { margin-top:0px; } .code pre { font-size:100%; } /* outline numbering for ordered lists -- use %outline% on the first list item to enable it. */ ol.outline { list-style-type:upper-roman; } ol.outline ol { list-style-type:upper-alpha; } ol.outline ol ol { list-style-type:decimal; } ol.outline ol ol ol { list-style-type:lower-roman; } ol.outline ol ol ol ol { list-style-type:lower-alpha; }