/* Theme Name: Xun reborn v2 Theme URI: http://www.xun.com.mx/ Description: Xun reborn theme. Version: 2.0 Author: David Balderas Author URI: http://surface.xun.com.mx/ Tags: xun This theme is for xun website only © 2009 david balderas contreras. all right reserved. */ /*@font-face { font-family: 'phonetica'; src: url('phonetica.eot'); src: local('Phonetica'), url( 'phonetica.ttf' ) format('truetype'); }*/ @font-face { font-family: 'phonetica'; src: url('library/font/phonetica-webfont.eot'); src: local('?'), url('library/font/phonetica-webfont.woff') format('woff'), url('library/font/phonetica-webfont.ttf') format('truetype'), url('library/font/phonetica-webfont.svgz#webfontYqbrO4n1') format('svg'), url('library/font/phonetica-webfont.svg#webfontYqbrO4n1') format('svg'); font-weight: normal; font-style: normal; } /* RESET CSS */ 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, center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline } :focus { outline: 0 } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "\00AB" "\00BB" } input, textarea { margin: 0; padding: 0; font-size: inherit } /* Theme Name: xun2 Author: David Balderas Author URI: http://xun.com.mx Rel: base */ /* **** General ******************************************************************* */ body { background: url(library/images/body-bkg.jpg) repeat-y top center #0D0602; color: #8F8571; font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif } li, dt, dd, p p, p td, p th, input, textarea, button, select, label, ol ol, ol ul, ol dl, ol p, ol td, ol th, ol pre, ol blockquote, ul ul, ul ol, ul dl, ul p, ul td, ul th, ul pre, ul blockquote, dl dl, dl ol, dl ul, dl p, dl td, dl th, dl pre, dl blockquote, td td, td th, td ol, td ul, td dl, td pre, td blockquote, th th, th td, th ol, th ul, th dl, th pre, th blockquote, pre pre, pre th, pre td, pre ol, pre ul, pre dl, pre blockquote, blockquote blockquote, blockquote p, blockquote ol, blockquote ul, blockquote dl, blockquote td, blockquote th, blockquote pre, form ol, form ul, form dl, form td, form th, form blockquote, form pre, form p, ol form, ul form, dl form, td, th form, blockquote form, pre form, p form, .entry-content address address, .entry-content div div, .entry-content address div, .entry-content div address { font: inherit !important } /* **** Fuentes ******************************************************************* */ p, .entry-content ul, .entry-content ol, .entry-content dl, blockquote, table, pre, ul.formList { font-size: 1.2em; line-height: 1.5em } h1, h2, h3, h4, h5, h6, caption { font-family: "phonetica", Georgia, "Times New Roman", Times, serif } blockquote, q, cite, var, thead th, tfoot th { font-family: Georgia, "Times New Roman", Times, serif } pre, code, tt, kbd { font-family: "Courier New", Courier, monospace } /* **** Enlaces ******************************************************************* */ a { color: #D59A55; font: inherit } a:visited { color: #D59A55 } a:hover { color: #FF8000 } a:active { color: #fff } /* **** Bloques de texto ********************************************************** */ p { margin-bottom: 1.5em } address, pre, blockquote { margin-bottom: 1.5em } pre { background: #1A0C04; border: 1px dotted #593E2C; padding: 10px } em, strong, b, i, abbr, sup, sub, del { font: inherit } em, strong { color: #D5CEBF } strong, b { font-weight: bold } em, i, kbd, var { font-style: italic } abbr, acronym { border-bottom: 1px dotted #8F8571 } del, strike { text-decoration: line-through } del { color: #4D473C } ins, u { text-decoration: underline } ins, var { color: #D5CEBF } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color: #D59A55; font-style: normal } sup, sub { position: relative; font-size: 75% } sup { top: -0.5em } sub { bottom: -0.5em } address, .entry-content div { font-size: 1.2em; line-height: 1.5 } /* **** Citas ********************************************************************* */ blockquote { border-left: 2px solid #593E2C; color: #B3A996; font-style: italic; padding: 0.5em 0 0.5em 28px } q { color: #B3A996; font-style: italic } cite { color: #936749; font-style: normal } q:before { content: "\201C" } q:after { content: "\201D" } /* **** Listas ******************************************************************** */ .entry-content ul, .entry-content ol, .entry-content dl { list-style-position: outside; margin-left: 15px; padding: 0 0 1.5em 20px } .entry-content ul li, .entry-content ol ul li { list-style: disc } .entry-content ol li, .entry-content ul ol li { list-style: decimal } .entry-content ol ol, .entry-content ul ul, .entry-content ol ul, .entry-content ul ol { padding-bottom: 0.5em; padding-top: 0.5em } .entry-content dt { color: #936749; margin-left: -10px } .entry-content dd { padding-bottom: 0.5em } li.colorLi { color: #936749 } span.liContent { color: #8F8571 } /* **** Encabezados *************************************************************** */ h1, h2, h3, h4, h5, h6 { color: #936749 } h1 { font-size: 3.6em; line-height: 1.2em; padding: 1em 0 0.5em } h2 { font-size: 3.0em; line-height: 1.2em; padding: 1em 0 0.5em } h3 { font-size: 2.4em; line-height: 1.2em; padding: 1em 0 0.5em } h4 { font-size: 2.0em; line-height: 1.2em; padding: 1em 0 0.5em } h5 { font-size: 1.6em; line-height: 1.2em; padding: 2em 0 1em } h6 { font-size: 1.2em; line-height: 1.2em; padding: 2em 0 1em } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none } /* **** Tablas ******************************************************************** */ table { border: 5px solid #000; border-collapse: separate; color: #191612; margin: 2em auto; width: 100% } td, th { border-bottom: 1px solid #8F8571; padding: 2px 3px; text-align: left } td { background: url(library/images/td-bkg.png) top repeat-x #D5CEBF } th { background: url(library/images/th-bkg.png) top repeat-x #A79D8A } tr.odd td { background-image: url(library/images/td-odd-bkg.png); background-color: #D5CEBF } tr.odd th { background-image: url(library/images/th-odd-bkg.png); background-color: #A79E8B } tr.even td { background-image: url(library/images/td-even-bkg.png); background-color: #B3A996 } tr.even th { background-image: url(library/images/th-even-bkg.png); background-color: #8C816D } tbody tr:hover td { background-image: url(library/images/td-hover-bkg.png); background-color: #D59A55 } tbody tr:hover th { background-image: url(library/images/th-hover-bkg.png); background-color: #A7763F } thead td, thead th, tfoot td, tfoot th { border-color: #191612 } thead th, tfoot th { text-align: center; vertical-align: middle } thead th { background-color: #332419; background-image: url(library/images/thead-th-bkg.png); color: #EACCAA } tfoot th { background-color: #191612; background-image: url(library/images/tfoot-th-bkg.png); color: #EAE6DF } tfoot td { background-color: #4D473C; background-image: url(library/images/tfoot-td-bkg.png); color: #EAE6DF } caption { color: #936749; font-size: 2.4em; line-height: 1.2em; padding-top: 0.5em } table:first-child caption { padding-top: 0 } /* **** Imágenes ****************************************************************** */ .alignleft { float: left; margin: 5px 10px 5px -80px } .alignright { float: right; margin: 5px -80px 5px 10px } .aligncenter { display: block; margin: 5px auto } .size-medium, .size-large { border: 5px solid #000 } .wp-smiley { display: inline } /* **** Formularios *************************************************************** */ form { font-size: 1.2em; line-height: 1.2em } input[type=text], input[type=password], textarea, input.text, input.password { background: #191612; border: 1px solid #593E2C; color: #B3A996; margin: 3px 0; padding: 2px 3px } textarea { height: 6em; width: 95% } select { color: #333; padding: 1px } button, input[type=button], input[type=submit], input[type=reset] { background: url(library/images/button-bkg.png) top repeat-x #700; border: 1px solid #400000; color: #fff } label { display: block; float: left; padding: 6px 20px 0 0; text-align: right; width: 100px } /* Theme Name: xun2 Author: David Balderas Author URI: http://xun.com.mx Rel: layout */ /* **** Layout general ************************************************************ */ #container { margin: 0 auto; width: 940px } #header { background: url(library/images/header-bkg.png) top left no-repeat; height: 140px; height: 300px; margin: 0 auto; position: relative } #content { margin: -140px auto 20px auto; position: relative } #footer { border-top: 1px dotted #593E2C; padding: 20px 0 } #primary { float: left; width: 710px } #sideBar { margin-left: 720px; padding-top: 85px } .single .post, div.page { padding: 5px 160px 60px 0 } /* Theme Name: xun2 Author: David Balderas Author URI: http://xun.com.mx Rel: screen */ /* **** Hide elements ************************************************************* */ div#blogDescription, #header span, hr.secDiv, .searchForm label, #blogTitle span, button.searchBtn span, #paypalBtn button span, #goTopLink span, .nav-arrow, #homeLink404 span { display: none } /* **** General ******************************************************************* */ h1#blogTitle { display: block; left: 19px; position: absolute; top: 18px } h1#blogTitle a { display: block; height: 66px; width: 217px } /* menu */ #top-menu { position: absolute; right: -7px; top: 27px } .top-menu-node { float: left; margin-left: 25px } .top-menu-node a { background-repeat: no-repeat; display: block; height: 36px } #topMnu-index a { background-image: url(library/images/top-menu-inicio.png); width: 101px } #topMnu-comic a { background-image: url(library/images/top-menu-comic.png); width: 114px } #topMnu-archives a { background-image: url(library/images/top-menu-archivos.png); width: 163px } #topMnu-index a:hover, #topMnu-index.active a { background-image: url(library/images/top-menu-inicio-over.png) } #topMnu-comic a:hover, #topMnu-comic.active a { background-image: url(library/images/top-menu-comic-over.png) } #topMnu-archives a:hover, #topMnu-archives.active a { background-image: url(library/images/top-menu-archivos-over.png) } .en-US #topMnu-index a { background-image: url(library/images/top-menu-inicio-en.png); width: 96px } .en-US #topMnu-archives a { background-image: url(library/images/top-menu-archivos-en.png); width: 164px } .en-US #topMnu-index a:hover, .en-US #topMnu-index.active a { background-image: url(library/images/top-menu-inicio-over-en.png) } .en-US #topMnu-archives a:hover, .en-US #topMnu-archives.active a { background-image: url(library/images/top-menu-archivos-over-en.png) } #sub-menu { position: absolute; right: 80px; top: 80px } #sub-menu span { display: inline; font: inherit; text-transform: lowercase } #sub-menu a { color: #8F8571; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size: 1.2em; text-decoration: none } #sub-menu a:hover { color: #FF8000 } #sub-menu .sub-menu-node.active a { color: #fff } .sub-menu-node { float: left; margin-left: 30px } #lang-menu { position: absolute; right: 0; top: 80px } #qtranslate-chooser li { float: left; margin-left: 10px } #qtranslate-chooser li a { border: 1px solid #000; display: block; height: 13px; width: 18px } #qtranslate-chooser li.active a { border-color: #8F8571 } .qtrans_flag_es { background-image: url(library/images/flag-mx.png) } .qtrans_flag_en { background-image: url(library/images/flag-us.png) } /* búsqueda */ form.searchForm { position: relative; width: 220px } input.search { padding-right: 23px; width: 192px } button.searchBtn { background: url(library/images/search-button.png) no-repeat; border: none; cursor: pointer; display: block; height: 24px; padding: 0; position: absolute; right: 2px; top: 6px; width: 20px } .entry-content form.searchForm { margin: 40px 0 } /* footer */ .footBar { float: left; margin-right: 20px; width: 140px } #footBarList { font-size: 1.1em; line-height: 1.2em } .footBar ul li, .widget_categoriesdern ul li, #archives-list li, #categories-list li { color: #936749; list-style: outside disc; margin-left: 15px; padding-bottom: 0.5em } .footBar ul ul, .widget_categoriesdern ul ul, #archives-list ul, #categories-list ul { padding-top: 0.5em } #footBarList h5 { font-size: 1.6em } #donation-box, #footCredits { font-size: 91.6%; line-height: 1.2em } #includetemplate-8 { margin-right: 0; padding-left: 10px; width: 270px } #footLicence { display: block } #footLicence img { padding-bottom: 5px } .footIcon img { padding-top: 10px } #paypalBtn button { border: none; cursor: pointer; display: block; height: 22px; margin-top: 20px; padding: 0; width: 140px } .es-MX #paypalBtn button { background: url(library/images/donar-es.png) no-repeat } .en-US #paypalBtn button { background: url(library/images/donar-en.png) no-repeat } #goTopLink { background: url(library/images/gotop-link.png); clear: both; display: block; height: 30px; margin-left: 860px; width: 75px } .footBar ul#socialLinks li { list-style: none; margin: 0; padding: 0 0 10px 25px } #RSSLink { background: url(library/images/feed.png) no-repeat } #facebookLink { background: url(library/images/facebook.png) no-repeat } #twitterLink { background: url(library/images/twitter.png) no-repeat } /* **** Post listing *************************************************************** */ .home .post, .category-comic .post, .archive .post { float: left; padding-bottom: 60px; padding-right: 20px; width: 220px } .home .post-cont, .category-comic .post-cont, .archive .post-cont { padding: 5px } .p1, .p4, .p7, .p10, #last-posts .p2, #last-posts .p5, #last-posts .p8, #last-posts .p11 { clear: left } .home .p3, .home .p6, .home .p9, .home .p12, .category-comic .p3, .category-comic .p6, .category-comic .p9, .category-comic .p12, .archive .p3, .archive .p6, .archive .p9, .archive .p12 { padding-right: 0 } .attachment-thumbnail { background: url(library/images/thumbs-bkg.png) center no-repeat; display: block; height: 130px; margin-left: -12px; padding: 9px 12px 13px 12px; width: 210px } .category-comic .attachment-medium { background: url(library/images/comic-thumbs-bkg.png) center no-repeat; display: block; height: 320px; margin-left: -12px; overflow: hidden; padding: 9px 12px 13px 12px; width: 208px } h3.entry-title { font-size: 1.6em; line-height: 1.2em } .archive-type, .search-term { color: #D59A55 } #sideBar .widget { padding-bottom: 40px } #sideBar h5 { background: url(library/images/sidebar-title-bkg.png) top left no-repeat; color: #fff; font-size: 1.4em; padding-left: 30px } #sideBarList { font-size: 1.2em; line-height: 1.2em } .tag-cloud-box, #tag-list { text-align: center } .tag-cloud-box a, #tag-list a { font-family: "phonetica", Georgia, "Times New Roman", Times, serif; line-height: 1.5em; text-decoration: none } /* **** Home ********************************************************************** */ #last-issue { background: url(library/images/home-sticky-bkg.png) top repeat-x #191612; border: 1px solid #121212; border-bottom-color: #000; border-top: none; height: 300px; overflow: hidden; padding: 5px } #last-issue .post { float: none; padding-right: 0; width: auto } #last-issue .attachment-full { float: left } #last-issue .post-cont { margin: 0 5px 0 715px } #last-posts { background: url(library/images/new-posts-header.png) top center no-repeat; margin-top: 10px; padding-top: 50px } #last-posts .p4, #last-posts .p7, #last-posts .p10, #last-posts .p13 { border-right: 1px dotted #593E2C; clear: none; padding-left: 20px; padding-right: 10px } .home #sideBar { padding-top: 0 } #blogInfo { padding-top: 20px } .navigation-box { clear: both; padding-top: 20px } .navigation-links { background: url(library/images/dotted.png) left top repeat-x; font-family: "phonetica", Georgia, "Times New Roman", Times, serif; font-size: 1.6em; line-height: 1.2em; padding-top: 20px; } .navigation-links a { text-decoration: none } .nav-next, .nav-previous { display: block; width: 340px } .nav-next { background: url(library/images/nav-back.png) top left no-repeat; float: left; margin-left: 80px; padding: 2px 0 5px 40px } .nav-previous { background: url(library/images/nav-next.png) top right no-repeat; margin-left: 480px; padding: 2px 40px 5px 0; text-align: right } /* **** Post ********************************************************************** */ h1.entry-title { background: url(library/images/dotted.png) left bottom repeat-x; display: block; margin-bottom: 20px; padding: 0 20px 0.5em 20px; width: 900px } .single .post, #post-list, #comments, #respond { border-right: 1px dotted #593E2C } #comments #respond, .page #comments, .page #respond { border: none } .singular .article, .search .hentry { padding-left: 80px; width: 460px } .singular .article p:first-child { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-bottom: 40px } .entry-meta { font-size: 1.2em; line-height: 1.2em; padding-bottom: 1em } .published-time { border: none; color: #936749; padding-right: 5px } .entry-categories { border-left: 1px solid #936749; padding: 0 5px } .edit-post { display: block; text-align: right } .commentNav { height: 20px; font-size: 1.4em; margin-left: 80px; width: 460px } .commentNav a { text-decoration: none } .commentNavPrev, .commentNavNext { width: 220px } .commentNavPrev { float: left } .commentNavPrev a { background: url(library/images/nav-back.png) top left no-repeat; padding: 3px 0 5px 40px } .commentNavNext { margin-left: 240px; text-align: right } .commentNavNext a { background: url(library/images/nav-next.png) top right no-repeat; padding: 3px 40px 5px 0 } #commentsBox { border-bottom: 1px dotted #593E2C; margin: 20px 0 20px 80px; padding: 20px 0; width: 460px } #commentsTitle, #leave-a-reply { background: url(library/images/comments-title.png) top left no-repeat; margin-left: 60px; padding: 10px 0 2em 80px } .comment { border-top: 1px solid #593E2C; padding: 20px 0 } .comment-author, .comment-meta, .comment-entry, .reply, .comment .children { margin-left: 60px } .avatar { background: url(library/images/avatar.jpg); border: 3px solid #000; float: left; margin-left: -60px } .comment .children { margin-right: -30px; padding-top: 20px } .comment-author a, .comment-meta a { text-decoration: none } .comment-author, .comment-meta, cite.fn, .reply, .commentNav, .registeredUser, .cancel-comment-reply, .widget .published, .widget .entry-categories { font-family: "phonetica", Georgia, "Times New Roman", Times, serif } .comment-author { font-size: 1.6em; line-height: 1.2em; padding-bottom: 5px } .comment-meta, .comment-entry, .reply { font-size: 1.2em; line-height: 1.2em } .comment-entry { padding: 20px 0 } .reply, .cancel-comment-reply { display: block; text-align: right } #comment-form { margin-left: 60px; width: 480px } .comment #comment-form { margin-left: -60px } .comment #leave-a-reply { margin-left: -80px } .comment .formSection, .comment .registeredUser, #archives-list, #categories-list { font-size: 1.2em; line-height: 1.2em } .registeredUser { margin: -40px 0 0 60px } #formSection-author { padding-top: 40px } .formSection { display: block; padding-bottom: 5px } #comment { margin-left: 120px; width: 352px } #allowed-tags, #formSection-actions { margin: 10px 0 10px 120px } .allowed-tags { display: block; color: #D5CEBF } .cancel-comment-reply { font-size: 1.2em; margin-top: 20px } .administrator a { color: #fff } .administrator .avatar { border-color: #fff } .widget .entry-meta { font-size: inherit } .widget span { background: left top no-repeat; border: none; display: block; padding: 1px 0 10px 25px } .widget .published { background-image: url(library/images/icon-calendar.png); font-size: 116.6% } .widget .entry-categories { background-image: url(library/images/ico-cat.png); font-size: 116.6% } .widget .entry-tags { background-image: url(library/images/ico-tags.png) } #comicViewer { height: 610px; padding-bottom: 20px; width: 940px } .s-category-comic #sideBar { padding-top: 715px } #footBar span, .sub-menu-node span, .widgettitle span { display: inline; padding: 0 } p.wp-caption-text { font-family: "phonetica", Georgia, "Times New Roman", Times, serif; color: #936749; font-size: 1em; padding: 5px 20px } .thumbsBox { margin: 20px -160px 60px -60px } .thumbsBox a { float: left; margin: 0 10px 10px 0 } /* **** Archivos ****************************************************************** */ .archives-section { float: left; padding-right: 20px; width: 220px } #tags-data-box { padding-right: 0; width: 460px } /* **** LightBox ****************************************************************** */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0 } #jquery-lightbox a img { border: none } #lightbox-container-image-box { position: relative; background: #000; width: 250px; height: 250px; margin: 0 auto } #lightbox-container-image { padding: 10px } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0 } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } #lightbox-container-image-box > #lightbox-nav { left: 0 } #lightbox-nav a { outline: none } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { cursor: pointer; width: 49%; height: 100%; display: block } #lightbox-nav-btnPrev { margin-left: -40px; padding-right: 40px; left: 0; float: left } #lightbox-nav-btnNext { margin-right: -40px; padding-left: 40px; right: 0; float: right } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0 } #lightbox-container-image-data { padding: 0 10px; color: #666 } #lightbox-container-image-data #lightbox-image-details { width: 75%; float: left; text-align: left } #lightbox-image-details { padding-bottom: 10px } #lightbox-image-details-caption { color: #936749; font-family: "phonetica", Georgia, "Times New Roman", Times, serif; font-size: 1.2em } #lightbox-image-details-currentNumber { display: block; color: #999; clear: left; padding-bottom: 1.1em } #lightbox-secNav-btnClose { width: 24px; float: right; padding-bottom: 0.7em; text-align: right } /* **** 404 *********************************************************************** */ #content-404 { background: url(library/images/404-bkg.png) top center no-repeat; position: relative } #content-404 #blogTitle { left: 362px; top: 139px } .title404 { color: #D59A55; padding-top: 275px; text-align: center } .title404 strong { color: #fff; display: block; font-size: 2.4em; padding-bottom: 10px } #content-404 .searchForm { margin: 0 auto } #content-404 p { display: block; margin: 0 auto; padding-top: 20px; text-align: center; width: 220px } #homeLink404 { background-image: url(library/images/top-menu-inicio-over.png); display: block; height: 36px; margin: 40px auto; width: 101px } .en-US #homeLink404 { background-image: url(library/images/top-menu-inicio-over-en.png); width: 96px } /* **** Fix *********************************************************************** */ .thumbsBox:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } /* **** Layout fixes ************************************************************** */ #content:after, #primary:after, #sidebar:after, #footer:after, .navigation-box:after, #post-list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden } /* Reset Browser Defaults @import url( 'library/reset.css' ); /* Apply base theme styles and colors @import url( 'library/base.css' ); /* Basic 2 Column Layout @import url( 'library/layout.css' ); /* Stylistic CSS Styles @import url( 'library/screen.css' );*/