/* Theme Name: dekkai Theme URI: http:/www.dek-kai.org Description: Theme for dek-dai.org Version: 0.1 Author: ticreate */ /* CSS RESET */ 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, 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%;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* GENERAL */ body {padding: 10px 0 5px; background: #dddddd url(images/bg2.gif) repeat} body,p,td,th {color: #000; font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Sans-Serif; font-size: 13px; line-height: 17px;} /*body,p,td,th {color: #000; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }*/ p {padding: 0 0 12px 0;} a {color: #DB1616; text-decoration: none;} a:visited {color: #9E1E18;} a:hover {color: #DB5E5E;} a:active {color: #D83535;} h1 {line-height: 18px; font-size: 17px; margin: 0 0 12px 0; font-weight: bold;} h2, h3 {line-height: 17px; font-size: 14px; margin: 10px 0; font-weight: bold;} h3 {color: #000;} .small {font-size: 9px; line-height: 13px;} small {font-size: 9px; line-height: 13px;} .medium {font-size: 10px; line-height: 15px;} .center {text-align: center;} .clear {clear: both; height: 0;} .clear5 {clear: both;height: 5px;} .clear10 {clear: both;height: 10px;} .date {font-size: 10px; color: #777;} .date-single {font-size: 10px; color: #777; margin-bottom: 10px;} img.aligncenter {display: block; margin-left: auto; margin-right: auto;} img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;} img.excerpt { border:1px solid #AAAAAA; float:left; margin:4px 7px 4px 0;} .alignright {float: right;} .alignleft {float: left} #container{width: 800px; padding: 10px; margin: 0 auto; background: #EBF1C0; border-style: dashed;} /* HEADER */ #headercontainer{height: 340px; width: 820px; margin: 10px auto 0; background: #EBF1C0;} #headercontainer #logo {height 200px; width: 238px; background: url(images/logodekkai.png) no-repeat; top: 0; left: 0;} #headercontainer #header{height: 270px; width: 800px; background: url(images/banner_new2.png) no-repeat; margin: 0px 10px 0 10px;} #header #loginfirst {margin: 170px 0 0 0; float:left; font-size:62.5%;} /* Login Form =================================== */ .login { color: #fff; margin: 10px 40px; } .login a, .login a:visited { color: #fff; text-decoration: none; } .login a:hover, .login h1 a:active{ text-decoration: underline; } .login p { padding: 0 0 5px; } .login label { display: block; float: left; padding-right: 10px; } .login #submit { font-size: 1.2em; margin-top: 13px; float: left; } p.login { font-weight: normal; font-size: 1.2em; } form.login input { margin-top: 3px; border: 1px solid #999; } #searchbox{width:128px; float: right; margin-top: 4px; margin-right: 5px; text-align: right;} #searchform {margin: 0; padding: 0;} #searchform #s {width: 108px; padding: 0;} #breadcrumb{height: 26px; background: url(ds/bg-breadcrumb.jpg) no-repeat;margin: 5px 0;} #breadcrumb #bc-txt {float: left;color: #fff;font-size: 10px;padding-top: 5px;padding-left: 10px;width: 500px;} /* GALLERY */ /* #gallery{width: 880px; height: 450px; background: url(ds/bg-gallery.gif) no-repeat;padding: 10px;} #gallery #mainpic {width: 880px; height: 400px; padding-bottom: 5px;} #gallery #caption {background-color: #555; color: #fff;width: 880px;height: 16px;padding-top: 2px;padding-left: 4px;} #gallery #caption a{color: #fff;} #gallery #caption a:hover {color: #fc6;} #gallery a img.thumb{width: 25px; height: 25px; border: 1px solid #666;margin-right: 5px;} #gallery a:hover img.thumb{ border: 1px solid #fff;} #gallery a.selected img.thumb { border: 1px solid #fff;} */ /* HOME */ #sidebar {float: left; width: 180px; margin-right: 19px;} .side-top {width: 180px;height: 30px;background: url(images/box_1col180_head.png) no-repeat; } .side-mid {width: 170px;background: url(images/side-mid-190.png) repeat-y;padding: 5px 10px;} .side-bot {width: 190px;height: 6px;background: url(images/side-bot-190.png) no-repeat; margin: 0 0 10px;} .side-top h2 {padding: 7px 10px 0px 30px; margin:0; color: #fff;} #content {float: right; width: 600px;} .boxmain-top {width: 600px;height: 30px;background: url(images/box600_head.png) no-repeat;} .boxmain-mid {width: 580px;background: url(images/box600_body.png) repeat-y;padding: 5px 10px;} .boxmain-bot {width: 600px;height: 10px;background: url(images/box600_bot.png) no-repeat; margin: 0 0 10px;} .boxmain-top h2 {padding: 7px 10px 0px 30px; margin:0; color: #fff;} #content2L {float: left;} #content2L .box1col-top {width: 290px;height: 30px;background: url(images/box_1_top.png) no-repeat;} #content2L .box1col-mid {width: 270px;background: url(images/box_1_body.png) repeat-y;padding: 5px 10px;} #content2L .box1col-bot {width: 290px;height: 10px;background: url(images/box_1_bottom.png) no-repeat; margin: 0 0 10px;} #content2L .box1col-top h2 {padding: 7px 10px 0px 30px; margin:0; color: #fff;} #content2R {float: right;} #content2R .box1col-top {width: 290px;height: 30px;background: url(images/box_1_top.png) no-repeat;} #content2R .box1col-mid {width: 270px;background: url(images/box_1_body.png) repeat-y;padding: 5px 10px;} #content2R .box1col-bot {width: 290px;height: 10px;background: url(images/box_1_bottom.png) no-repeat; margin: 0 0 10px;} #content2R .box1col-top h2 {padding: 7px 10px 0px 30px; margin:0; color: #fff;} #footer1 {width: 800px;height: 55px;background: url(images/footer.png) no-repeat; margin: 0; padding: 15px 5px 5px 5px;} .textfooter {text-align: center; color: #fff; font-size: 11px;} .textfooter2 {text-align: center; color: #fff; font-size: 11px;} #columnist-top {width: 600px; height: 35px; background: url(images/columnist.png) no-repeat;} #doc-top {width: 600px; height: 35px; background: url(images/doc.png) no-repeat;} #teacher-top {width: 600px; height: 35px; background: url(images/teacher.png) no-repeat;} #games-top {width: 600px; height: 35px; background: url(images/games.png) no-repeat;} #story-top {width: 600px; height: 35px; background: url(images/story.png) no-repeat;} #vdo-top {width: 600px; height: 35px; background: url(images/vdo.png) no-repeat;} #pr-top {width: 600px; height: 35px; background: url(images/pr.png) no-repeat;} #bb-top {width: 600px; height: 35px; background: url(images/bb.png) no-repeat;} #pic-top {width: 600px; height: 35px; background: url(images/pic.png) no-repeat;} #song-top {width: 600px; height: 35px; background: url(images/song.png) no-repeat;} #columnist-top-s {width: 190px; height: 35px; background: url(images/columnist_s.png) no-repeat;} #doc-top-s {width: 190px; height: 35px; background: url(images/doc_s.png) no-repeat;} #teacher-top-s {width: 190px; height: 35px; background: url(images/teacher_s.png) no-repeat;} #games-top-s {width: 190px; height: 35px; background: url(images/games_s.png) no-repeat;} #link-top-s {width: 190px; height: 35px; background: url(images/link.png) no-repeat;} .storymain ul li {border-bottom:1px solid #CCCCCC; margin-bottom:5px; padding-bottom:5px;} /*index #content .mainpost #boxmain-top span */ #boxmain-top h2 a {color: #fff; text-decoration: none;} #boxmain-top h2 a:visited {color: #fff;} #boxmain-top h2 a:hover {color: #fff;} #boxmain-top h2 a:active {color: #fff;} /*.imgstory {float: left; width: 80px; height: 80px; border: 1px solid #666; margin: 0px 10px 10px 10px;}*/ #game_download {width: 150px; height: 137px; background: url(images/games_download.png) no-repeat; margin-left: 10px;} #game_download a {width: 150px; height: 137px; background: url(images/games_download.png) no-repeat; margin-left: 10px;} #piccamp {} /*.frameL {float: left; width: 250px; height: 120px; margin: 5px 10px 0 0; padding: 10px 10px 10px 10px;} .frameR {float: right; width: 250px; height: 120px; margin: 5px 0 0 0; padding: 10px 10px 10px 10px;} */ #piccamp1 {width: 80px; height: 80px; border: 1px solid #666; margin: 5px; background: url(images/mar49.jpg) no-repeat;} #piccamp2 {width: 80px; height: 80px; border: 1px solid #666; margin: 5px; background: url(images/mar50.jpg) no-repeat;} #piccamp3 {width: 80px; height: 80px; border: 1px solid #666; margin: 5px; background: url(images/oct50.jpg) no-repeat;} #piccamp4 {width: 80px; height: 80px; border: 1px solid #666; margin: 5px; background: url(images/mar51.jpg) no-repeat;} .piccolumnist {float: left; width: 40px; height: 40px; border: 1px solid #666; margin: 5px 5px 40px 0;} .storysub {padding: 0 0 0 20px; font-size: 80%;} .line580 {width: 580px;height: 1px; background: url(images/line580.gif) margin: 2px auto;} .viewall {text-align: right; color: #555; font-size: 70%;} /*list*/ #music ul li {list-style-image: url(images/music.png); list-style-position: outside; margin:0 0 0 20px;} #doc ul li {list-style-image: url(images/icon_document_white.png); list-style-position: outside; margin:0 0 0 20px;} #forumwp ul li {list-style-image: url(images/icon_comments_green.png); list-style-position: outside; margin:5px 0 0 40px;} #games ul li {} /*littel pic*/ .update {background: url(images/update.gif) no-repeat; z-index:1;} /*columnist*/ .columnist {height: 120px;} .columnist ul li {list-style-position: inside; list-style-type:circle;} #columnist-ass {width: 50px; height: 50px; background: url(images/columnist-ass.jpg) no-repeat; float: left; margin: 0 5px 70px 0;} #columnist-au {width: 50px; height: 50px; background: url(images/columnist-au.jpg) no-repeat; float: left; margin: 0 5px 70px 0;} #columnist-book {width: 50px; height: 50px; background: url(images/columnist-book.jpg) no-repeat; float: left; margin: 0 5px 70px 0;} #columnist-sansab {width: 50px; height: 50px; background: url(images/columnist-sansab.jpg) no-repeat; float: left; margin: 0 5px 70px 0;} #columnist-nui {width: 50px; height: 50px; background: url(images/columnist-nui.jpg) no-repeat; float: left; margin: 0 5px 70px 0;} #columnist-amm {width: 50px; height: 50px; background: url(images/columnist-amm.jpg) no-repeat; float: left; margin: 0 5px 70px 0;} /*link*/ #link {width: 130px; margin: 0 auto;} #gamesdownload{width: 150px; margin: 0 auto;} /*forum in home.php*/ /************************************************ Tables ************************************************/ /* table { overflow: hidden; width: 100%; margin: 0 0 15px 0; padding: 1; background: transparent; border: 1px solid #ccc; } tr { background: #f3b598; } #profile-page table { border: none; } #profile-page tr { background: transparent; } tr.alt { background: #f9f9f9; } tr:hover { background: #f9f9f9; } td { border: 2px #f3b598; padding: 7px 7px; } */ /*page*/ #contentpage {float: left; width: 601px; margin-right: 19px;} #sidebarpage {float: right; width: 180px; } #rjn-home-2 h3{font-size: 13px;margin: 5px 0;} #rjn-home-2 #rjn-cover {float: left;width: 300px;} #rjn-home-2 #rjn-cover .cover-border{ border: 3px solid #666;} #rjn-descs {float: right; width: 570px;} /* PAGE */ #rjn-body-1{width: 900px;height: 5px;background: url(ds/bg-page-1.gif) no-repeat;} #rjn-body-2{width: 870px;background: url(ds/bg-page-2.gif) repeat-y;padding: 10px 15px;} #rjn-body-3{width: 900px;height: 5px;background: url(ds/bg-page-3.gif) no-repeat;} #rjn-body-2 h3{font-size: 13px;margin: 5px 0;} #rjn-body-2 #rjn-sidebar {float: left;width: 260px;} #rjn-body-2 #rjn-sidebar h2{margin: 10px 0 5px;} #rjn-body-2 #rjn-sidebar h2 .small {font-size: 12px;} #rjn-body-2 #rjn-sidebar ul{ list-style-position: outside; list-style-type: circle; margin-left: 15px; list-style-image: url(ds/arr-2.gif);} #rjn-body-2 #rjn-sidebar .thumb{ border: 2px solid #666;margin-right: 10px;} #rjn-body {float: right; width: 590px;} /* TOP STORY */ #topstory-1{width: 900px;height: 5px;background: url(ds/bg-topstory-1.gif) no-repeat;} #topstory-2{width: 880px;background: url(ds/bg-topstory-2.gif) repeat-y;padding: 5px 10px;} #topstory-3{width: 900px;height: 5px;background: url(ds/bg-topstory-3.gif) no-repeat;} #topstory-2 h1 {font-size: 20px; margin: 0 0 5px;} #topstory-2 h1 a {color: #fff;} #topstory-2 h1 a:hover {color: #93daf2;} #topstory-2 .excerpt p{color: #cfe2f3;padding: 0;} #ts-main{float: left;width: 590px;} #ts-sidebar{float: right;width: 260px;} #ts-sidebar li{color: #ddd;} #ts-sidebar li a{color: #fff;} #ts-sidebar li a:hover{color: #c3defe;} /* FORUM */ #forumbody {padding: 10px;} /* MAIN MENUS */ #mainmenu {float: right; width: 660px; padding-top: 40px;} #mainmenu #mainnav { margin:0; padding:0; height: 25px; } #mainmenu #mainnav li { display:inline; } #mainmenu #mainnav li a { float:left; height:0px; padding-top:25px; overflow:hidden; } #mainmenu #mainnav li a { background-image: url(ds/nav.gif); background-repeat:no-repeat; } /* BUTTONS */ #mainmenu #mainnav li#m1 a { width: 70px; background-position:0px 0px; } #mainmenu #mainnav li#m2 a { width: 120px; background-position:-70px 0px; } #mainmenu #mainnav li#m3 a { width: 120px; background-position:-190px 0px; } #mainmenu #mainnav li#m4 a { width: 105px; background-position:-310px 0px; } #mainmenu #mainnav li#m5 a { width: 105px; background-position:-415px 0px; } #mainmenu #mainnav li#m6 a { width: 140px; background-position:-520px 0px; } /* OVER STATES */ #mainmenu #mainnav li#m1 a:hover { background-position:0px -25px; } #mainmenu #mainnav li#m2 a:hover { background-position:-70px -25px; } #mainmenu #mainnav li#m3 a:hover { background-position:-190px -25px; } #mainmenu #mainnav li#m4 a:hover { background-position:-310px -25px; } #mainmenu #mainnav li#m5 a:hover { background-position:-415px -25px; } #mainmenu #mainnav li#m6 a:hover { background-position:-520px -25px; } /* PRESSED STATES */ #mainmenu #mainnav li#m1 a:active { background-position:0px -50px; } #mainmenu #mainnav li#m2 a:active { background-position:-70px -50px; } #mainmenu #mainnav li#m3 a:active { background-position:-190px -50px; } #mainmenu #mainnav li#m4 a:active { background-position:-310px -50px; } #mainmenu #mainnav li#m5 a:active { background-position:-415px -50px; } #mainmenu #mainnav li#m6 a:active { background-position:-520px -50px; } /* SELECTED STATES */ #mainmenu.m1 #mainnav li#m1 a { background-position:0px -75px; } #mainmenu.m2 #mainnav li#m2 a { background-position:-70px -75px; } #mainmenu.m3 #mainnav li#m3 a { background-position:-190px -75px; } #mainmenu.m4 #mainnav li#m4 a { background-position:-310px -75px; } #mainmenu.m5 #mainnav li#m5 a { background-position:-415px -75px; } #mainmenu.m6 #mainnav li#m6 a { background-position:-520px -75px; } /* COMMENT */ .commentlist { padding: 0; } .commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;} .commentlist p { font-size: 12px; line-height: 15px; padding-bottom: 15px; } .commentlist h3 { font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666; } .commentlist .comment-box {margin-left: 50px;padding-right: 10px;} .commentlist li, #commentform input, #commentform textarea {} .commentlist li .avatar {float: left;} .commentlist li { border: 1px solid #E4E4E4; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 5px; margin: 10px 0pt 3px; background: #F3F3F3; } .commentlist li.alt { background: #FEFEFE; } .commentlist li cite { font-style: normal; font-weight:bold; } .comment-number { float:right; color:#eee; background: #ccc; text-align:center; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size: 20px; font-weight:normal; line-height:18px; width:25px; padding: 8px; } #commentform p {} .commentmetadata {font-weight: normal;} select {width: 130px;} #commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;} #commentform textarea {width: 100%; padding: 2px;} #commentform #submit {margin: 0; float: right;} h3#comments {margin-top: 25px;} .commentlist {padding: 0;} .commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;} .commentlist h3 {font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666;} #commentform p {margin: 5px 0;padding: 0;} .nocomments {text-align: center; margin: 0; padding: 0;} .commentmetadata {font-size: 9px; color: #777;margin: 0; padding: 3px 0; display: block;} acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} /* FOOTER */ /*#footer { font-size:10px; color: #666; background: url(ds/bg-footer.gif) no-repeat; height: 20px;padding-top: 5px;padding-left: 10px;margin-top: 5px;} #footer a{color: #333;}*/ blockquote { background-color: #eee; padding: 15px 20px 3px; border: 1px dashed #666; margin-bottom: 17px; line-height:17px; } blockquote .rt { display:block; text-align:right; } .shortBox { width:100px; border:1px solid #999; margin:2px; } .longBox { width:200px; border:1px solid #999; margin:2px; } .longBoxArea { width:300px; height:75px; border:1px solid #999; margin:2px; } .box { border:1px solid #999; } .entry ul { list-style-position: outside; list-style-type: disc; margin-left: 15px; padding: 0px; } .entry p img { display:block; margin-left:auto; margin-right:auto; border:1px solid #666; } h4 { padding: 0 0 12px 0; line-height: 15px; } .rjn-desc h4 { font-weight:normal; } #ts-sidebar ul { list-style-image:url(ds/arr-2.gif); list-style-position:outside; list-style-type:circle; margin-left:15px; } #pad {height:140px;} #menu {padding:0 0 0 10px; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #menu li {float:left; margin-right:1px;} #menu li a {display:block; float:left; height:30px; line-height:30px; background:#333; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 30px 0 20px;} #menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ #menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;} #menu li:hover {position:relative; z-index:200;} #menu li:hover > a {color:#fff; background:#c60;} #menu li:hover > a.sub {color:#fff; background-color:#c60;} #menu li.current a {color:#fff; background:#840;} #menu li a.sub {background: #333 url(images/down-arrow.gif) no-repeat right center;} #menu li.current a.sub {color:#fff; background:#840 url(images/down-arrow.gif) no-repeat right center;;} #menu :hover ul {left:0; top:30px; width:120px; background:#444;} /* keep the 'next' level invisible by placing it off screen. */ #menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #menu :hover ul :hover ul {left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;} #menu :hover ul li {margin:0; border-top:1px solid #666;} #menu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;} #menu :hover ul li a.fly {background:#333 url(images/right-arrow.gif) no-repeat right center;} #menu :hover ul :hover {background-color:#c60; color:#fff;} #menu :hover ul :hover a.fly {background-color:#c60; color:#fff;} #menu :hover ul li.currentsub a {background:#840; color:#fff;} #menu :hover ul li.currentsub a.fly {background:#840 url(images/right-arrow.gif) no-repeat right center; color:#fff;} #menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;} #menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;} #menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}