/* Theme Name: Quantix - Rebirth Theme URI: Description: Quantix Games site layout v2 Author: Rodolfo Rigo Calabrezi Author URI: Version: 1.1.4 Tags: black, blue, two-columns, threaded-comments, fixed-width, right-sidebar, bottom-sidebar, sticky-post . For use exclusively on Quantix Games site http://www.quantixgames.com -rod (19/04/2010) added image rounded corners support -rod (19/04/2010) fixed black line in IE fullscreen due auto margin problem -rod (20/04/2010) added navigation at footer, read more icon, fixed search results -rod (21/04/2010) fixed links heading to nothing -rod (23/04/2010) added support to the WP editor aligned image -rod (25/04/2010) menu replaced with a more flexible one -rod (05/05/2010) some IE fixes and WP calendar style . */ @media all { body { margin: 0; padding: 0; background: #000 url('images/bg.gif') repeat-y center; font-family: 'Trebuchet MS', Helvetica, sans-serif; } input, textarea { font-family: 'Lucida Console', Monaco, monospace; } a { outline-style: none; } a:active { outline: #FFF dashed 1px; } hr { display: none; } #quantix a { position: absolute; margin-top: 24px; margin-left: 736px; width: 128px; height: 184px; overflow: hidden; } #quantix h1 { display: block; visibility: hidden; } #content { margin: 0 auto 0 auto; padding: 0; width: 961px; background: url('images/content.gif') repeat-y right; } #header { margin-left: 1px; width: 960px; height: 224px; background: url('images/header.gif') no-repeat; } #menu { position: relative; display: block; top: 192px; width: 640px; height: 40px; font-family: 'Lucida Console', Monaco, monospace; font-weight: normal; line-height: 24px; font-size: 16px; letter-spacing: 1px; padding-left: 4px; } #menu .page_item { float: left; list-style-type: none; padding: 0 8px 0 8px; margin: 0; border-left: 1px solid #705840; } #menu .page_item:first-child { border-left: 1px solid #000; } #menu .page_item a { position: relative; color: #F90; text-decoration: none; padding: 8px 4px 8px 4px; } #menu .page_item a:visited { color: #F90; } #menu .page_item a:hover { color: #F90; border-bottom: 2px solid #F90; } #menu .page_item a:active { outline-style: none; } #menu .subpage_item { float: left; position: relative; left: -8px; list-style-type: none; padding: 0; margin: 0; line-height: 26px; } #menu .subpage_item a { position: relative; color: #F90; text-decoration: none; padding: 10px 4px 9px 0; } #menu .subpage_item a:visited { color: #F90; } #menu .subpage_item a:hover { color: #F90; border-bottom: 2px solid #F90; } #menu .subpage_item a:active { outline-style: none; } #menu .current_page_item { color: #FFF; font-size: 22px; letter-spacing: -2px; } #menu .current_page_item a { color: #FFF; padding: 5px 4px 5px 4px; } #menu .current_page_item a:hover { color: #FFF; border-bottom: 2px solid #FFF; } #menu .current_page_item a:visited { color: #FFF; outline-style: none; } #menu .current_subpage_item { color: #FFF; font-size: 13px; letter-spacing: -2px; } #menu .current_subpage_item a { color: #FFF; padding: 10px 4px 9px 0; } #menu .current_subpage_item a:hover { color: #FFF; border-bottom: 2px solid #FFF; } #menu .current_subpage_item a:visited { color: #FFF; outline-style: none; } .icon { background: url('images/icons_left.gif') no-repeat; } .icon-author { background-position: 0 0; } .icon-date { background-position: 0 -48px; } .icon-editpost { background-position: 0 -64px; } .icon-comments { background-position: 0 -96px; } .icon-addcomment { background-position: 0 -112px; } .icon-addlink { background-position: 0 -176px; } .icon-editlinks { background-position: 0 -192px; } .icon-previous { background-position: 0 -224px; } .icon-next { background-position: 0 -240px; } .icon-pages { background-position: 0 -272px; } .icon-tags { background-position: 0 -400px; } .icon-categories { background-position: 0 -480px; } #round-img { position: relative; z-index: 0; padding: 2px; display: inline-block; display: -moz-inline-box; } #round-img img { position: relative; z-index: -1; } #round-left-tl { background: url('images/pic_left_corner_tl.gif') no-repeat top left; display: inline-block; display: -moz-inline-box; } #round-left-tr { background: url('images/pic_left_corner_tr.gif') no-repeat top right; display: inline-block; display: -moz-inline-box; } #round-left-bl { background: url('images/pic_left_corner_bl.gif') no-repeat bottom left; display: inline-block; display: -moz-inline-box; } #round-left-br { background: url('images/pic_left_corner_br.gif') no-repeat bottom right; display: inline-block; display: -moz-inline-box; } #round-img { position: relative; z-index: 0; padding: 2px; display: inline-block; display: -moz-inline-box; } #round-img img { position: relative; z-index: -1; } #round-right-tl { background: url('images/pic_right_corner_tl.gif') no-repeat top left; display: inline-block; display: -moz-inline-box; } #round-right-tr { background: url('images/pic_right_corner_tr.gif') no-repeat top right; display: inline-block; display: -moz-inline-box; } #round-right-bl { background: url('images/pic_right_corner_bl.gif') no-repeat bottom left; display: inline-block; display: -moz-inline-box; } #round-right-br { background: url('images/pic_right_corner_br.gif') no-repeat bottom right; display: inline-block; display: -moz-inline-box; } #postmeta-left { float: left; height: 20px; padding: 0 0 12px 0; color: #705840; font-size: 12px; } #postmeta-left li { float: left; list-style-type: none; height: 16px; margin: 0; padding: 0 20px 0 20px; } #postmeta-right { float: right; height: 20px; padding: 0 0 12px 0; color: #705840; font-size: 12px; } #postmeta-right li { float: left; list-style-type: none; height: 16px; margin: 0 0 0 20px; padding: 0 0 0 20px; } #postmetafooter { border-top: 1px dotted #705840; margin: 12px 0 0 40px; padding: 12px 0 32px 0; } #postfooter { padding: 0 0 32px 0; } #commentlist { clear: both; display: block; padding-left: 40px; } #commentlist li { margin: 0; padding: 0; } #commentmeta { clear: both; display: block; color: #705840; font-size: 12px; } #commentmeta img { border: none; vertical-align: middle; padding-right: 4px; } #commentcontent { clear: both; display: block; padding-bottom: 16px; } #leftcontent, #leftfeedback { clear: both; display: block; padding: 0 0 0 40px; } #leftcontent blockquote { margin: 14px 0 14px 0; padding-left: 16px; border-left: 4px solid #705840; color: #705840; } #leftcontent ul { margin-left: 0; padding-left: 20px; list-style-type: square; color: #705840; } #rightcontent { padding-bottom: 16px; } #rightcontent blockquote { margin: 13px 0 13px 0; padding-left: 16px; border-left: 4px solid #8DF; color: #8DF; } #rightcontent ul { margin-left: 0; padding-left: 20px; list-style-type: square; color: #8DF; } #rightwidget { padding-bottom: 16px; } #rightwidget ul { margin-left: 0; padding-left: 0; } #left { float: left; width: 608px; color: #987; font-size: 14px; text-align: justify; padding: 8px 16px 0 16px; } #left h1 { color: #FFF; line-height: 24px; font-size: 24px; font-weight: normal; border-bottom: 1px solid #705840; margin: 0 0 12px 0; padding: 8px 0 8px 0; } #left h2 { color: #987; line-height: 24px; font-size: 18px; border-bottom: 1px dotted #705840; margin: 20px 0 12px 0; padding: 8px 0 8px 0; } #left a { color: #F90; text-decoration: none; } #left a:hover { color: #F90; text-decoration: underline; } #left a:visited { color: #F90; } #left a img { border: none; } #left input, #left textarea { width: 99%; } #left #submit { width: auto; color: #705840; } #left .align-left { float: left; padding: 0 8px 8px 0; } #left .align-right { float: right; padding: 0 0 8px 8px; } #left .align-center { display: block; text-align: center; } #left #more { float: right; background: url('images/icons_left.gif') no-repeat 0 -272px; margin: 12px 0 12px 20px; padding: 0 0 0 20px; font-size: 14px; } #left #edit { float: right; background: url('images/icons_left.gif') no-repeat 0 -64px; margin: 12px 0 12px 20px; padding: 0 0 0 20px; font-size: 14px; } #right { float: left; width: 288px; color: #CDF; font-size: 13px; padding: 8px 16px 0 16px; } #right h1 { color: #FFF; line-height: 24px; font-size: 20px; border-bottom: 1px dashed #8DF; margin: 0 0 12px 0; padding: 8px 0 8px 0; } #right h2 { color: #DEF; line-height: 24px; font-size: 16px; border-bottom: 1px dotted #8DF; margin: 0 0 12px 0; padding: 8px 0 8px 0; } #right h3 { color: #8DF; line-height: 16px; font-size: 16px; margin: 0 0 0 0; padding: 0 0 4px 0; } #right li { list-style-type: none; margin: 0; } #right a { color: #FC0; text-decoration: none; } #right a:hover { color: #FC0; text-decoration: underline; } #right a:visited { color: #FC0; } #right a img { border: none; } #right #submit { width: auto; color: #29F; } #right .align-left { float: left; padding: 0 8px 8px 0; } #right .align-right { float: right; padding: 0 0 8px 8px; } #right .align-center { display: block; text-align: center; } #right #more { float: right; background: url('images/icons_right.gif') no-repeat 0 -272px; margin: 12px 0 12px 0; padding: 0 0 0 20px; font-size: 14px; } #right #edit { float: right; background: url('images/icons_right.gif') no-repeat 0 -64px; margin: 12px 0 12px 0; padding: 0 0 0 20px; font-size: 14px; } #footer1 { margin-left: 1px; clear: both; width: 960px; height: 20px; background: url('images/footer_1.gif') no-repeat; color: #705840; font-size: 13px; letter-spacing: 1px; } #footer1 #nav { width: 608px; padding: 0 16px 0 16px; } #footer1 a { color: #F90; text-decoration: none; } #footer1 a:hover { color: #F90; text-decoration: underline; } #footer1 a:visited { color: #F90; } #footer1 a:active { color: #F90; outline-style: none; } #footer2 { margin-left: 1px; clear: both; width: 960px; background: url('images/footer_2.gif') repeat-y; color: #CDF; font-size: 13px; } #footer2 h1 { color: #FFF; line-height: 24px; font-size: 20px; border-bottom: 1px dashed #8DF; margin: 0 0 12px 0; padding: 8px 0 8px 0; } #footer2 h2 { color: #DEF; line-height: 24px; font-size: 16px; border-bottom: 1px dotted #8DF; margin: 0 0 12px 0; padding: 8px 0 8px 0; } #footer2 li { list-style-type: none; margin: 0; padding: 0; } #footer2 a { color: #FC0; text-decoration: none; } #footer2 a:hover { color: #FC0; text-decoration: underline; } #footer2 a:visited { color: #FC0; } #footer2 a img { border: none; } #footer2 #submit { width: auto; color: #29F; } #footer2text { float: left; padding: 8px 40px 20px 16px; } #footer2right { float: right; width: 288px; padding: 8px 16px 20px 0; } #footerwidget { width: 288px; float: left; padding: 8px 16px 20px 16px; } #footerwidget ul { margin-left: 0; padding-left: 0; } #footerwidget ul ul { margin-left: 0; padding-left: 20px; } #footer3 { margin-left: 1px; clear: both; width: 960px; height: 40px; background: url('images/footer_3.gif') repeat-y; color: #987; line-height: 18px; font-size: 12px; } #footer3 a { color: #F90; text-decoration: none; } #footer3 a:hover { color: #F90; text-decoration: underline; } #footer3 a:visited { color: #F90; } #footer3 img { border: none; float: left; display: block; } #footer3qg { float: left; padding: 0 0 0 8px; } #footer3text { float: left; padding: 2px 0 0 8px; } #footer3logos { float: right; padding: 0 8px 0 0; } #footer4 { margin-left: 1px; clear: both; width: 960px; height: 20px; background: url('images/bg.gif') repeat-y center; } #holder { clear: both; display: block; width: 100%; height: 1px; } #wp-calendar { width: 100%; border-spacing: 0 0; } #wp-calendar caption { text-align: center; height: 24px; } #wp-calendar th { text-align: center; height: 16px; color: #DEF; } #wp-calendar td { text-align: center; height: 16px; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #today { border: 1px dashed #6BF; } .youtube { padding: 2px; } #error { color: red; } #error h1 { color: red; border-bottom-color: red; } #error textarea { font-size: 10px; width: 100%; } }