/** * Dragon Jake's World main CSS file * --------------------------------- * Kompletni stylizace webu, obsahuje nepatrne IE hacku, prevazne korekce velikosti pisma * u formularovych prvku nebo neocekavaneho chovani. * * TODO: rozdelit soubor na vice mensich * * @copyright Dragon Jake ^.- 2006 */ /* Zakladni nastaveni pro tagy */ body {margin: 0 auto; text-align: center; width: 700px; font-family: Verdana, sans-serif; font-size: 70%; color: white; background: black;} h1 {font-size: 160%; color: white; border-bottom: 1px solid #404040;} h1 span {color: red; margin-left: 5px;} h1 #right_butt {float: right; text-align: right; padding: 2px;} h1 #right_butt a {color: white; font-size: 60%; border: none;} h1 #right_butt a:hover {color: red;} a {color: #C00; text-decoration: none; border-bottom: 1px dashed #DF6000;} a.thickbox {border: none;} a:hover {color: #DF6000;} a img {-moz-opacity: .85; -khtml-opacity: .85; -webkit-opacity: .85; filter: alpha(opacity=85); opacity: .85;} a:hover img {-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); opacity: 1;} ul {list-style-image: url('/img/dot.gif');} img {border: none;} input, select {border: 1px solid #404040; background: #0A1012; font-size: 100%; color: #CCC;} textarea {border: 1px solid #404040; background: #0A1012; font-size: 120%; _font-size: 100%; color: #CCC;} acronym {color: gold;} table {font-size: 100%;} code {font-size: 120%;} del {color: #999;} blockquote {border-left: 1px solid #404040; margin-left: 1em; padding-left: 4px; color: #BBB;} /* Hlavni id pro cely layout */ #main {width: 700px; margin: 0; padding: 0; border: 0; border-collapse: collapse; background: #1D2325; border: 1px solid #404040; text-align: center} #main td {padding: 0; vertical-align: top;} /* Jednotlive casti layoutu - design a barvy */ #logo {background: url('/img/logo.png'); width: 700px; height: 208px;} #top-bar {background: url('/img/top_bar.png') repeat-x; width: 700px; height: 30px; line-height: 22px; text-align: left; padding-left: 4px !important; color: #CCC;} #left {background: #0A1012; width: 159px;} #left #pic {background: url('/img/silueta.gif') no-repeat top center; width: 159px; min-height: 301px; _height: 301px;} #left #counter {border: 1px solid #404040; margin: 20px 10px 0px 10px;} #left #counter .header {background: #202020; font-size: 90%; border-bottom: 1px solid #404040; color: #FF0; padding: 1px; font-weight: bold;} #left #counter .text {padding: 2px; font-weight: bold;} #vert-bar {background: url('/img/svisla_cara.png'); width: 29px;} #content {background: #1D2325 url('/img/background.png'); width: 512px; max-width: 512px; text-align: left;} #foot {background: url('/img/foot.png') no-repeat; width: 700px; height: 20px; font-size: 90%; color: #CCC; line-height: 22px;} #foot a {color: #CCC; border: none; font-weight: bold;} #foot a:hover {color: #808080;} /* Uvodni stranka, novinky, ovlivnene vlastnosti pro .window */ #news {float: right; width: 175px; font-size: 90%; margin: 0px 0px 5px 5px;} #news #no-new {border: 1px solid #404040; padding: 2px; margin: 0px 5px 0px 5px; font-style: italic; font-size: 90%;} #news .window {float: right;} #news .window table {width: 175px;} #birthday {margin-top: 20px; padding: 2px; text-align: center; border: 1px solid #404040; border-right: none; background: #202020;} #twitter {margin-top: 20px; padding: 5px; text-align: left;} #twitter .header {background: #202020; font-size: 90%; border: 1px solid #404040; color: #FF0; margin: 0 5px 0 5px; padding: 1px; font-weight: bold; text-align: center;} #twitter .footer {background: #202020; font-size: 90%; border: 1px solid #404040; margin: 0 5px 0 5px; padding: 1px; text-align: center;} #twitter ul {margin: 0; padding: 0; list-style-image: none; list-style-type: none;} #twitter li {border: 1px solid #404040; background: #101010; -moz-opacity: .75; -khtml-opacity: .75; -webkit-opacity: .75; filter: alpha(opacity=75); opacity: .75; margin: 5px; padding: 0 5px 0 5px; overflow: hidden;} #twitter li small {display: block; margin-top: 5px; color: #CC0;} /* Specificke nastaveni oken (.window) pro sekce galerie, download, articles a odkazy */ #gallery .window, #download .window, #window-icons .window {float: left; text-align: center; margin: 5px 10px 5px 10px;} #window-banners .window {text-align: center;} #gallery .window table, #download .window table, #window-icons .window table {width: 230px;} #window-banners .window table {width: 100%;} #gallery .window .middle_top, #download .window .middle_top {letter-spacing: 0.9px; font-size: 85%;} #gallery .window .middle_top .block, #articles .window .middle_top .block {width: 100%; display: block;} #gallery .window .middle_top a, #articles .window .middle_top a {color: #DF6000; border: none;} #gallery .window .middle_top a:hover, #articles .window .middle_top a:hover {color: red;} #gallery .window .text, #download .window .text, #window-icons .window .text, #window-banners .window .text {font-size: 90%; text-align: left; padding: 0;} #articles .window .text {text-align: left; padding: 0;} #gallery .window .text .desc, #download .window .text .desc, #window-icons .window .desc, #window-banners .window .desc {border-bottom: 1px solid #404040; padding: 2px; text-align: center; margin-bottom: 3px;} #gallery .window .text .last, #download .window .text .last, #articles .window .text .last, #window-icons .window .last, #window-banners .window .last {padding: 2px;} #download .window .text .last img {vertical-align: middle;} #download .window .text .last a {border: none;} #gallery .window .image, #download .window .image {margin: 0; padding: 5px 0px 5px 0px; border-top: 1px solid #404040; text-align: center;} #window-icons .window .image, #window-banners .window .image {margin: 0; padding-top: 5px; text-align: center;} #gallery .window .image small, #download .window .image small, #window-icons .window .image small, #window-banners .window .image small {color: #CCC; font-style: italic;} #gallery .window .image a, #download .window .image a, #window-icons .window .image a, #window-banners .window .image a {border: none;} #gallery .window .image img:hover, #download .window .image img:hover, #window-icons .window .image img:hover, #window-banners .window .image img:hover {border: 1px solid #DF6000;} #gallery .window .image img, #download .window .image img, #window-icons .window .image img, #window-banners .window .image img {border: 1px solid #900;} /* Clanky - samostatna nastaveni */ #articles h1 {margin-top: 30px; border: none;} #articles img {vertical-align: middle;} #articles label {display: block; float: left; clear: left; width: 6em;} #articles label.noblock {display: inline; float: none;} #articles #sign {margin: 10px 0px 2px 0px; padding: 2px; color: #CCC; border-top: 1px solid #404040;} #articles #sign li {line-height: 1.5em;} #articles #sign #karma {display: none;} #articles #sign #rss {color: #111; background: transparent;} #articles .sign {margin-top: 20px; padding: 2px 0 0 10px; border-top: 1px dashed #404040; color: #CCC;} #articles .sign a {border: none;} #articles .last a {font-weight: bold;} #articles .last a:hover {color: red;} #articles .delete {display: none; border-top: 1px dashed #404040; margin-top: 5px; padding-top: 5px; text-align: center;} /* Odkazy - celkovy vzhled (vetsina vlastnosti je na webu spojena s .article) */ #links #my-links {text-align: center;} #links #my-links .item {margin-top: 20px; border-bottom: 1px dashed #404040;} #links #my-links .item .title {padding: 2px; border-bottom: 1px dashed #404040; font-weight: bold; color: #F30;} #links #my-links .item .text {padding: 10px 2px 2px 2px;} #links #my-links .item .text img {border: 1px solid #900;} #links #my-links .item .text img:hover {border: 1px solid #DF6000;} #links #my-links .item .text textarea {border: 1px solid #404040; background: #0A1012; font-size: 110%; _font-size: 90%; color: #CCC; font-weight: bold;} #links #text-links a {font-weight: bold;} #links #window-icons, #links #window-banners {margin-top: 20px;} /* Guestbook, komentare, formular, divy s prispevky */ #guestbook #form, #comments #form {margin: 0 auto; width: 320px;} #guestbook #form .window table, #comments #form .window table {margin: 0 auto; width: 100%;} #guestbook #form form, #comments #form form {margin: 0; padding: 0;} #guestbook #form .window .text, #comments #form .window .text {border: none;} #guestbook #form .right, #comments #form .right {text-align: right;} #comments #form label {width: 9em;} #comments #form .chkbox {float: right;} #guestbook #form label em, #comments #form label em {font-weight: bold; color: red;} #guestbook #form textarea, #comments #form textarea {width: 99.2%;} #guestbook #form p, #comments #form p {text-align: center; margin: 0px 0px 0px 0px;} #guestbook #form ul, #comments #form ul {margin-bottom: 0; padding-left: 18px;} #guestbook #form li, #comments #form li {color: #CCC;} #guestbook #form #check td, #comments #form #check {padding: 8px 0px 8px 0px;} #comments #form #check {clear: right;} #guestbook .right, #comments .right {text-align: right; margin: 10px 10px 15px 10px;} #guestbook .post, #comments .post {border: 1px solid #404040; margin: 10px;} #guestbook .post .avatar, #comments .post .avatar {float: left;} #guestbook .post .avatar img, #comments .post .avatar img {margin: 4px; border: 1px solid #404040; background: #0A1012;} #guestbook .post .header, #comments .post .header {background: #202020; padding: 2px; border-bottom: 1px solid #404040; color: red;} #guestbook .post .header .author, #comments .post .header .author a {font-weight: bold; color: yellow;} #comments .post .header .author a:hover {color: #DF6000; text-decoration: underline;} #guestbook .post .header a, #comments .post .header a {border: none;} #guestbook .post .header img {margin: -1px 2px -2px 2px;} #comments .post .header img {margin: -1px 2px 1px 2px;} #guestbook .post .header .stamp, #comments .post .header .stamp {color: #808080; font-size: 90%; float: right;} #guestbook .post .header .admin-tools, #comments .post .header .admin-tools {float: right; margin-left: 4px;} #guestbook .post .header .admin-tools input, #comments .post .header .admin-tools input {border: none; background: transparent; margin: 0; _margin: -4px -4px 0px -4px;} #guestbook .post .text, #comments .post .text {padding: 2px;} #guestbook .post .clear {clear: left;} #comments .post .clear {clear: both;} #guestbook .post .info {text-align: right; color: #999; margin: 5px 0px 0px 0px; padding: 2px;} #comments .post .info {clear: left; margin: 5px 0px 0px 0px; padding: 2px; background: transparent;} #comments .post .info .replies {float: left; color: #DDD;} #comments .post .info .replies ul {margin: 0;} /** !!! UPOZORNENI !!! * Nasledujici radek obsahuje cisty hacking CSS kodu a velice sprosty komentar kvuli jednomu * nejmenovanemu prohlizeci Internet Explorer nejmenovane spolecnosti Microsoft, ktery se kurva * nedrzi specifikaci a sere si svoje sracky kam se mu zachce >:[ */ #guestbook .post .info {background: transparent !important;} /* FUCKING IE!!! */ #comments .post .info .reply {float: right; color: #999; text-align: right; padding-bottom: 2px;} #guestbook .post .text .act, #comments .post .text .act {font-style: italic; color: #DF6000;} #guestbook .post.new {border: 1px solid #990;} /* Banovaci formular */ #admin-form {border: 1px solid red; background: #202020; padding: 2px; width: 140px;} #admin-form #title {font-weight: bold; text-align: center;} #admin-form form {margin: 0; padding: 0;} #admin-form #submit {margin-top: 10px; text-align: center;} /* Ocasek ;) */ #guestbook .post .header .rank, #comments .post .header .rank, #admin .rank {letter-spacing: 1.05px; font-size: 85%; font-weight: bold;} /* Debug okenko */ #debug {font-family: Verdana, sans-serif; font-size: 80%; color: white; position: absolute; right: 2px; top: 2px; z-index: 50; border: 2px solid #404040; background: #1D2325; padding: 0.5em; text-align: left;} /* Formularova error */ #error {font-weight: bold; color: #DF6000; margin-left: 10px;} /* EasyLink */ #easylink {float: right;} #easylink option {padding-left: 20px;} #easylink #linkuj {background: url('/img/linkers/linkuj.gif') 2px center no-repeat;} #easylink #jagg {background: url('/img/linkers/jagg.gif') 2px center no-repeat;} #easylink #vybralisme {background: url('/img/linkers/vybralisme.gif') 2px center no-repeat;} #easylink #delicious {background: url('/img/linkers/delicious.gif') 2px center no-repeat;} #easylink #digg {background: url('/img/linkers/digg.gif') 2px center no-repeat;} /* Administracni sekce - formulare, celkovy vzhled */ #login #warn {color: #F00; text-align: center; font-weight: bold;} #login #error {color: #DF6000; text-align: center;} #login form {text-align: center; margin: 0; padding: 0;} #login label {display: block; margin: 2px;} #login input {text-align: center; margin-bottom: 5px;} #login #perm {margin: 10px auto; padding: 0; width: 8em;} #login #perm label {float: right; width: 5em; text-align: left;} #login .field {width: 120px;} #login .window table {width: 240px; margin: 0 auto;} #admin #avatar {float: right; margin-right: 10px;} #admin #avatar img {border: 1px solid #404040;} #admin #online #title {margin-bottom: 5px; color: #F30; font-weight: bold;} #admin #online ul {margin: 0; padding: 0; list-style: none;} #admin #online small {font-size: 90%; color: #FF0;} #admin #online code {margin-left: 15px; font-size: 95%;} #admin #manage {border: 1px solid #404040;} #admin #manage td {padding: 1px;} #admin #manage label {margin-left: 10px;} #admin #logs .title {color: #DF6000; font-weight: bold; padding-left: 15px; margin-top: 20px;} #admin #logs .area {border: 1px solid #404040; background: #0A1012; font-size: 80%; color: #CCC; white-space: nowrap; overflow: auto; margin: 10px; padding: 4px;} #admin #logs .area div {font-weight: bold; margin-bottom: 10px; color: #FF0;} #stats .box {border: 1px solid #404040; margin: 20px 8px 10px 8px; width: 150px; float: left;} #stats .box .header {background: #202020; text-align: center; border-bottom: 1px solid #404040; color: #DF6000; padding: 1px; font-weight: bold;} #stats .box .text table {width: 100%;} #stats .box .text table .right {text-align: right; font-weight: bold; color: #FF0;} #stats .window {float: left;} #stats .window table {margin: 5px 10px 5px 10px;} #stats .window .text a {color: white; border: none;} #stats .window .text a:hover {color: #DF6000;} #stats .window .text table {width: 100%; margin: 0;} #stats .window .text .right {text-align: right; font-weight: bold; color: #FF0;} /* Design leveho menu */ .menu a {border: none;} .menu .top {background: url('/img/menu_top.png'); width: 159px; height: 76px;} .menu .top_admin {background: url('/img/admin_menu_top.png'); width: 159px; height: 76px; margin-top: 20px;} .menu .butt {width: 159px; height: 19px; margin: 0; padding: 0;} .menu .butt a {background: url('/img/button.gif'); display: block; width: 100%; line-height: 19px; text-decoration: none; color: #C00; font-weight: bold;} .menu .butt a:hover {background: url('/img/button_on.gif'); color: #DF6000;} .menu .bottom {background: url('/img/menu_bottom.gif'); width: 159px; height: 19px;} /* Stylizace stranky s clankem, globalni nastaveni - odstavce, nadpisy, seznamy + konkretni pro sekci O mne */ .article {padding-bottom: 2px;} .article p {padding-right: 2px;} .article h2 {font-size: 120%; margin-top: 20px; border-bottom: 3px double #404040;} .article h3 {color: #F30; font-weight: bold; font-size: 95%; margin: 0;} .article ul {padding-left: 18px;} .article li {padding-bottom: 2px;} .article img {margin: 5px; padding: 1px; border: 3px double #707070;} .article #dragoncode {font-family: Courier New, monospace; font-size: 105%; border: 3px double #900; color: yellow; text-align: center; margin: 15px;} /* GeSHi - syntax highlighting */ .geshi {_width: 450px; margin: 20px; padding: 10px; border: 1px dashed #404040; background: #0A1012 url('/img/code.png') no-repeat right bottom; overflow: auto; _overflow-y: hidden; =padding-bottom: 2em; color: #BBB; font-size: 110%; _font-size: 100%;} .geshi a {text-decoration: underline; color: #F60; border: none;} .geshi .kw1 {font-weight: bold; color: #BB0;} .geshi .kw2 {font-weight: bold; color: #B0B;} .geshi .kw3 {color: #BB0;} .geshi .kw4 {} .geshi .co1, .geshi .co2 {color: #00B;} .geshi .es0 {} .geshi .br0 {color: #BB0;} .geshi .st0 {color: #B00;} .geshi .nu0 {color: #B00;} .geshi .me0 {} .geshi .re0 {color: #0BB;} .geshi .re1 {color: #B0B;} .geshi .re2 {color: #0BB;} .geshi .re3 {color: #00B;} /* Trida vzhledu vypisu strankovani */ .paging {text-align: center; margin: 10px; padding: 2px;} .paging a {color: white; padding: 2px; border: 1px solid #404040; margin: 1px;} .paging a:hover {color: #DF6000;} .paging .actual {font-weight: bold; border: 1px solid red; color: #AAA;} /* Samotny globalni vzhled obrazkovych oken */ .window table {margin: 0; padding: 0; border: 0; border-collapse: collapse; table-layout: fixed;} .window .right {text-align: right; margin: 5px 5px 2px 5px;} .window .left_top {background: url('/img/window/left_top.gif') no-repeat; width: 44px; height: 34px;} .window .middle_top {background: url('/img/window/middle_top.gif') repeat-x; height: 34px; text-align: center; color: #DF6000; font-weight: bold; font-size: 94%; line-height: 36px;} .window .right_top {background: url('/img/window/right_top.gif') no-repeat; width: 44px; height: 34px;} .window .text {margin: 0px 15px 0px 15px; border: 1px solid #404040; padding: 2px 2px 0px 2px;} .window .left_bottom {background: url('/img/window/left_bottom.gif'); width: 44px; height: 34px;} .window .middle_bottom {background: url('/img/window/middle_bottom.gif'); height: 34px;} .window .right_bottom {background: url('/img/window/right_bottom.gif'); width: 44px; height: 34px;} /* Ostatni globalni definice trid vyuzitelne kdekoli */ .form-other {border: none; background: transparent;} /* IE zobrazuje background a bordery i u checkboxu a radiobuttons */ .center {text-align: center;} .clear {clear: both;} .notice {text-align: center; color: #808080; font-style: italic;} .infobox {text-align: center; color: white; font-weight: bold; border: 3px double black; padding: 2px;} .infobox.info {background: #060;} .warning {background: #C00;} a.up {background: url('/img/arrow.png') no-repeat left center; padding-left: 10px;}