/************************************************************************************************ ************************************************************************************************* ********************************* DARKAGE.CZ - CSS ****************************************** ********************************* ------------------ ****************************************** ********************************* ALL SKIN's ****************************************** ************************************************************************************************* ************************************************************************************************/ body { background-color: #000000; font-family: "Verdana", "Geneva CE", sans-serif !important; color: #ffffff; font-size: 10pt; text-align: center; margin: 0px; padding: 0px; } #celek { background: url("/templates/_main/pictures/design/bg.gif") repeat; position: relative; margin: 0px auto 0px auto; width: 1000px; } p { text-align: left; margin: 0px; padding: 10px; } img { border: none; } /*pro ariadnu.. POZDEJI KASKADOU!!!*/ .shadow { display: block; opacity: 0.5; filter: alpha(opacity=50); } /* zarovnavani */ .float_left {float: left; width: 235px;} .float_right {float: right;} .clear {clear: both; } /* ??? */ #height { height: 17px; width:555px; } li.empty { list-style-type: none; } /* lines */ hr { color: #777777; width: 96%; } .hr-menu-l { width: 160px; height: 17px; border: none; padding: 0px; margin: 15px 0 15px 12px; } .hr-menu-r { width: 160px; height: 17px; border: none; padding: 0px; margin: 15px 7px 15px 0; } #katalogMenuItem_st1 ul form img.hr-menu-l { margin-left: -20px;} /* podpisy */ .signature { color: #999; font-style: italic; } .vote { display: inline; } .vote a { cursor: pointer; } a#reply { opacity: 0.1; } a:hover#reply { opacity: 1; } /* formulare */ form { margin-top: 0px; margin-bottom: 0px; } input, textarea, select { background: #220000; font-size: 11px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important; padding: 1px 2px 1px 2px; color: #ffffff; margin: 1px 0 1px 0; border: 1px solid #dd4444; } input[type=file] { color: #000; background-color: #fff; } textarea { font-size: 12px !important; } fieldset { margin: 10px; text-align: left; color: #ffffff;} fieldset.relevant { background-color: #222222; } fieldset label { float:left; width:180px; clear:both; margin:2px 12px 2px 6px; text-align:right; } fieldset input, fieldset textarea, fieldset select { float:left; margin:2px 0 2px 0; } .input:hover { border: 1px solid #ff9999; } #jHelperTipAttrContainer { border:1px solid #F00; background:#300; color:#FFF; width:300px; display:none; } img.handy {cursor: hand; cursor: pointer;} /*Zahlavi tabulek*/ .head-def { background-color: #311; } .head-high { background-color: #114; } /*kostky*/ .teacher0, .delete { text-decoration: line-through; } .dice0 { color: #777777; } .dice1, .teacher1 { color: #0000FF; } .dice2, .teacher2 { color: #00FF00; } .dice3 { color: #FFFF00; } .dice4 { color: #FF0000; } .ui-progressbar { height:1em; text-align: left; } .ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; } .ui-widget-content { border: 1px solid #fff; background: #010; } .ui-widget-header { border: 1px solid #fff; 1px; background: #fff; } /*Vedma*/ #timespent { color: #FF0000; background-color: #000000; font-family: LiquidCrystal; font-size: 15; font-weight: bold; text-align: center; } span.small { font-size: 8pt; } /***********************************************************************************************/ /***** TEXTY ***********************************************************************************/ h1 { text-align: center; font-size: 12pt; border: none; margin: 20px 0 0 0; padding: 0 0 10px 0; } h2 { text-align: left; font-size: 10pt; font-weight: bold; margin: 0px; padding: 0 0 5px 15px; } h3 { text-align: center; font-size: 10pt; font-weight: bold; margin: 0px; padding: 2px 0 2px 0; } h4 { text-align: left; font-size: 9pt; font-weight: bold; margin: 0px; padding: 10px 0 0 5px; } h5 { text-align: center; font-size: 16pt; margin: 0px; padding: 0px; color: #aaaaaa; font-weight: bold; } h6 { text-align: center; font-size: 14pt; margin: 0px; padding: 0 0 20px 0; color: #aaaaaa; font-weight: bold; font-style: italic; } h2.bar { background:#333333 none; margin: 0 20 0 20;} .zahlavi { text-align: center; font-size: 14pt; display:block; margin: 0px; padding: 0 0 20px 0; color: #aaaaaa; font-weight: normal; } .red { color: #ff0000; } .yellow { color: yellow; } .white { color: #ffffff !important; text-decoration: none; } .green { color:#080; } .vote .red { color: #B00; } .vypis { text-align: left; margin: 0px; padding: 0 10px 0 10px; } .message { text-align: center; color: #ffffff !important; font-style: italic; font-weight: bold;} #pravidla { float: left; position: relative; top: 5px; } #pravidla a { color: #ff0000 !important; text-decoration: none; padding: 0 0 0 10px; font-weight: bold; } #pravidla a:hover { color: #ff9999 !important; } #pravidla a:visited { color: #dd4444 !important; font-weight: normal;} #pravidla a:visited:hover { color: #ff9999 !important; } .profily_seda { color: #515151; font-style: italic; } .sq_nocomment { color: #515151; font-style: italic; } a { color: #dd4444; text-decoration: none; } a:hover { color: #ff9999; } /***********************************************************************************************/ /***** HEAD ************************************************************************************/ #head { background: url("/templates/_main/pictures/design/border-head-basic.jpg") no-repeat; width: 1000px; padding: 0px; margin: 0px; height: 140px; position: relative; *top: 3; } #head img { margin: 18px 0 0 0; padding: 0px; width: 967px; height: 122px; border: none; } /***********************************************************************************************/ /***** LEFT ************************************************************************************/ #left { background: url("/templates/_main/pictures/design/left.jpg") no-repeat; float: left; width: 190px; margin: 0; padding: 50px 0 0 0; } #left ul.friendmenu { width: 200px; overflow: hidden; list-style: none; text-align: center; font-size: 10pt; padding: 0 0 0 10px; margin-left: -10px; *margin-left: -40px; padding: 0 0 0 30px;} #left ul.leftmenu { width: 170px; overflow: hidden; list-style: none; text-align: left; font-size: 10pt; font-weight: bold; padding: 0 0 0 35px; margin: 0px;} #main_menu { overflow: hidden; *padding: 0 0 0 25px !important; } #left li { padding: 1px 0 1px 0; margin: 0px; } #left ul ul { font-size: 10pt; margin: 0px; padding: 0px; display: none; } #left ul li.activeItem ul, #right ul li.activeItem ul { list-style: none; display: block; } #left ul li.inactiveItem ul, #right ul li.inactiveItem ul { display: none; } #left ul ul li { margin: 1px 0px 1px 0px; display: block; font-weight: normal; width: 275px; } #left ul ul li a { color: #ff9999; } #left ul ul li a:hover { color: #dd4444; } #left ul ul img.hr-menu-l { margin: 15px 0px 15px 0px; } #left ul img.fastlink { width: 18px; height: 18px; } /* vypis stat. tabulky */ #left ul #katalogMenuItem_st2 ul li { font-size: 9pt;} #left ul #katalogMenuItem_st3 ul li { font-size: 9pt; } #left ul #katalogMenuItem_st2 ul li a { position: relative; top: -2px; } #left ul #katalogMenuItem_st3 ul li a { position: relative; top: -2px; } #left ul { text-align: left !important; font-size: 10pt; padding: 0 16px 0 37px; margin: 0px; } #left table { font-size: 9pt; width: 160px; padding: 0px; margin: 0 0 0 20px; } .t-left-left { width: 140px; padding: 0px; margin: 0px; } .t-right-left { text-align: center; width: 20px; padding: 0px; margin: 0px; } #left #GRaven { padding-left: 25px; } #left #GLogin { padding-left: 10px;} #left h2 { margin-left: 7px; } #online_users {margin: 0px; } #right #onlineUsersPlace li ul li { *width:180px; *padding-left: 10px; } #onlineUsersPlace li ul li b { *height:30px; } #chat_users {margin: 0px; } #right #chatUsersPlace li ul li { *width:180px; *padding-left: 10px; *height:15px; } /* Sova - Napovedni system */ #GHelp { color: #666; text-align: left; font-size: 10pt; font-weight: bold; padding: 0 0 0 35px; margin: 0px; } #GHelp_window { width: 344px; background: url("/templates/_main/pictures/help/help_buble_top.gif") no-repeat; color: #fff; margin: -172px 0 0 118px; position: absolute; display: none; z-index: 1000 } #right #GHelp_window { margin-left: -343px; background: url("/templates/_main/pictures/help/help_buble_top_right.gif") no-repeat; } #GHelp_window_bublina { padding-bottom: 5px; border-width: 0px; border-color: black; background: url("/templates/_main/pictures/help/help_buble_bottom.gif") right bottom no-repeat;} #right #GHelp_window_bublina { background: url("/templates/_main/pictures/help/help_buble_bottom.gif") left bottom no-repeat; } #GHelp_window_bublina p { width: 289px; *width: 300px; clear: both; background: #440000; font-weight: normal; padding: 3px 5px; margin: 0 0 0 44px; text-align: justify;} #right #GHelp_window_bublina p { margin: 0 44px 0 0; } #GHelp_window_nazev { font-weight: bold; width: 200px; float: left; padding: 5px 0 0 0px; margin-left: 50px;} #right #GHelp_window_nazev { margin-left: 5px; } #GHelp_window_navigace { float: right; text-align: right; padding: 5px 8px 3px 0px; font-size: 14px; width: 60px; *width: 70px;} #right #GHelp_window_navigace { margin-right: 45px; } #GHelp_window_navigace a { color: #a28080; } #GHelp_window_navigace a:hover { color: #fff; } #help { padding-right: 10px; *padding-right: 5px; } #GHelp .activeItem #GHelp_window { display: block; } #GHelp .inactiveItem #GHelp_window { display: none; } #GSova { display: block; width: 130px; height: 150px; background: url('/templates/_main/pictures/help/sova_left.png'); *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/_main/pictures/help/sova_left.png', sizingMethod='scale'); } #right #GSova { margin-left: -10px; background: url('/templates/_main/pictures/help/sova_right.png'); *background: none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/_main/pictures/help/sova_right.png', sizingMethod='scale'); } /***********************************************************************************************/ /***** BODY ************************************************************************************/ #body { background: url("/templates/_main/pictures/design/center.jpg") no-repeat; float: left; text-align: center; width: 620px; padding: 30px 0 20px 0; margin: 0px; } #novinky { width: 600px; padding: 0 0 10px 0; margin: 0 0 50px 9px; background-color: #220000; border: 1px solid #550000; } #body table td { font-size: 10pt; text-align: justify; } #body table th { font-size: 10pt; } #body table.smallTable { width: 95%; } #body table.forumTable { width: 80%; } #body table.smallTable td { font-size: 9pt; } #body table.smallTable th { text-align: left; font-size: 10pt; } #body table.iconArray { width: 600px; text-align: center; padding: 0px; margin: 5px 0px 5px 20px; } #body table.iconArray td { height: 120px; width: 100px; padding: 0 10px 0 10px; } #body table.iconArrayG { width: 460px; text-align: center; padding: 0px; margin: 5px 55px 5px 95px; } #body table.iconArrayG td { height: 120px; width: 100px; padding: 0 10px 0 10px; } #body ul.friendmenu { list-style: none; text-align: left; font-size: 10pt; padding: 0 0 0 30px; margin: 0px; } #body li { text-align: justify; } #body li.center { text-align: center; } #body ol { padding-right: 15px; } #body ol ol { padding-right: 0px; } .upload { padding: 15px 0; text-align: center;} .upload img {display: block; margin: 0px auto;} /* questy */ #body p.questHead { overflow: auto; width: 600px; } #body table td.playerInfo { text-align: center; } .quest { font-size: 11px; } .questAuthor { padding: 0 0 0 10px; float: left; } .questAuthorPortrait { padding: 2px 6px 6px 2px; float: left; } .questTime, .questExps, .questEdit { float: right; } .questReceiver { color: #ffffff; font-weight: bold; display: block; margin: 0 0 20px 0; } #body table td.questItem { padding: 10px 0 0 10px; text-align:justify; } .pjItem { color: #ffff77; } .pjSepotItem { color: #cccc66; } .normalItem { color: #bbbbff; } .normalSepotItem { color: #bbbbbb; } .inner { text-align:center; } /* profil */ #profil table { width: 590px; padding: 15px; border: 1px dashed #939393; z-index: -10;} #profil #avatar{ position:absolute; top: 255px; right: 220px; padding: 5px; border: 1px dashed #939393; } .profil_tabulka { width: 138px; text-align: right !important; font-weight: bold; font-size: 10pt; vertical-align: top; *padding: 0 0 0 10px; padding-right: 5px; } .profil_quest { *padding: 0 0 0 10px; padding-right: 5px; width: 350px; } #zahlavi { position: relative; top: 7px; font-weight: bold; padding: 7px; border: 1px dashed #939393; background-color: #000000; } #zahlavi img { margin-top: 30px; margin-bottom: -3px; height: 18px; position:static; top: 00px; left: 0px; *left: 0px; padding: 0px; border: 0px; } /* vyhledavani */ #find div { margin: 0px; padding: 0px; display: none; } #find span.activeItem div { display: block; } #find span.inactiveItem div { display: none; } .searchItem { background-color: #fff; color: #000; } /* ankety */ .quer { padding: 0 10px 0 17px; } .quer_item { overflow: hidden; text-align: left; margin: 0 2px 5px 0; padding: 0 0 0 7px; clear: both; width: 160px;} .quer_item_bar { padding:0px; margin: 3px 0 10px 0; height:6px !important; background:#dd4444; float: left; font-size: 6px !important; } /* osobni denik */ #denik { background: url("/templates/_main/pictures/inventory/gui_final.jpg"); position: relative; margin: 20px auto; text-align: center; width: 469px; height: 340px; } .amulet {height: 20px; width: 60px; background: url("/templates/_main/pictures/inventory/amulet.jpg"); } #earring { background: url("/templates/_main/pictures/inventory/earring.jpg"); } .arm {height: 80px; width: 60px; background: url("/templates/_main/pictures/inventory/weapon.jpg"); margin: 0px 0px 10px 0px; text-align: left; overflow: hidden; position: relative;} #arm {display: table; position: static; } #armor { background: url("/templates/_main/pictures/inventory/armor.jpg"); margin: 15px 0px 0px 0px; } #cloak { background: url("/templates/_main/pictures/inventory/cloak.jpg"); margin: 15px 0px 0px 0px; } #pants { background: url("/templates/_main/pictures/inventory/pants.jpg"); margin: 10px 0px 12px 0px;} #shirt { background: url("/templates/_main/pictures/inventory/shirt.jpg"); margin: 10px 0px 12px 0px; } #arm2 { margin: 0pt 0pt 10px; display: table; position: static; } @media all and (min-width: 0px){ #arm, #arm2 { margin-bottom: 5px; } } .glove {height: 40px; width: 60px; background: url("/templates/_main/pictures/inventory/gloves.jpg"); margin: 10px 0px; } #bracer { background: url("/templates/_main/pictures/inventory/bracer.jpg"); } .head {height: 60px; width: 60px; background: url("/templates/_main/pictures/inventory/helmet.jpg");} #animal { background: url("/templates/_main/pictures/inventory/animal.jpg"); } #bag { background: url("/templates/_main/pictures/inventory/bag.jpg"); } #belt { background: url("/templates/_main/pictures/inventory/belt.jpg") center no-repeat; } #boots { background: url("/templates/_main/pictures/inventory/boots.jpg"); } .ring {height: 20px; width: 30px; background: url("/templates/_main/pictures/inventory/ring.jpg"); float: left;} #left_left_od, #left_od, #center_od, #right_od, #right_right_od {float: left;} #left_left_od {padding: 35px 0 0 14px; *padding-top: 50px;} #left_od {padding: 35px 10px 0 15px;} #center_od {width: 150px; height: 270px; margin: 35px 0 0 0;} #right_od {padding: 35px 0 0 10px;} #right_right_od {padding: 35px 0 0 15px; *padding-top: 50px;} #inventar {clear: both;} /* osobni denik - editor pro PJe */ #od_editor { clear: both; width: 540px; margin: 10px auto; text-align: left; padding: 5px 5px 0px 5px; border: 1px dashed #aaaaaa;} .od_item { clear: both; width: 530px; padding: 5px 3px 5px 5px; margin-bottom: 5px; border: 1px dashed #aaaaaa; } .od_editor_image { float: left; width: 60px;} .od_editor_info { float: left; /*width: 367px;*/ } .od_editor_info strong { margin-right: 10px; font-size: 9px; color: #999999;} .od_editor_info span { display: block; font-weight: bold; } .od_editor_info span em { font-weight: normal; font-size: 9px; color: #999999; } .od_editor_info p { padding: 2px 10px 0 10px; } /*.od_editor_info { float: left; padding: 2px 5px 0 5px; } .od_editor_info strong { margin-right: 10px; font-size: 9px; color: #999999;} .od_editor_info span { display: block; font-weight: bold; } .od_editor_info span em { font-weight: normal; font-size: 9px; color: #999999; } */ .od_editor_slot { float: right; width: 93px;} .od_editor_slot p {padding: 2px 0 2px 0;} .od_editor_tlacitka { width: 525px; text-align: right; clear: both; } /* osobni denik - editor pro PJe - druha verze */ #od_editor_2 { clear: both; width: 525px; margin: 10px auto; text-align: left; padding: 5px 0 0px 5px; /* border: 1px dashed #aaaaaa; */} .od_item_2 { display: block; /*height: 130px;*/ width: 60px; padding: 5px 3px 3px 5px; margin: 0 5px 5px 0; border: 1px dashed #666666; float: left; } div.od_item_2:hover { border: 1px dashed #aaa;} #od_editor_3 { clear: both; width: 525px; margin: 10px auto; text-align: left; padding: 5px 0 0px 5px; border: 0px dashed #aaaaaa;} .od_item_3 { opacity: 0.5; display: block; height: 130px; width: 60px; padding: 5px 3px 3px 5px; margin: 0 5px 5px 0; border: 1px dashed #aaaaaa; float: left; } div.od_item_3:hover { opacity: 1; } .od_editor_image_2 {height: 80px; width: 60px; text-align: left; overflow: hidden; position: relative; margin: 0px auto;} .od_editor_image_2[class] {display: table; position: static; } .od_editor_image_2_middle {position: absolute; top: 50%; } /* IE */ .od_editor_image_2_middle[class] {display: table-cell; vertical-align: middle; position: static; } .od_editor_image_2_inner {position: relative; top: -50%; text-align: center; width: 60px;} /* IE */ /* optional: .od_editor_image_2_inner[class] {position: static;} */ .od_editor_tlacitka_2 { margin-top: 5px; opacity: 0.5; filter: alpha(opacity=50)} div.od_editor_tlacitka_2:hover {opacity: 1; filter: alpha(opacity=100);} .od_editor_tlacitka_2 select { width: 60px; margin: 0 0 5px 0; padding: 0px; border-color: #909090; } .od_editor_tlacitka_2 select:hover { border: 1px solid #dd4444; } .od_editor_tlacitka_2 a { /*float: left; width: 20px;*/ margin: 0px; padding: 0px; border-color: #909090; color: #fff; } .od_editor_tlacitka_2 a:hover { border-color: /*1px solid*/ #dd4444; color: #fff; } .od_editor_tlacitka_2 a { float: left; padding: 3px 1px 0 1px; *padding: 3px 0 0 0; } /* background: #220000; font-size: 11px; color: #ffffff; border: 1px solid #dd4444; */ #od_cara {margin: 10px 0; width: 521px; } /***********************************************************************************************/ /***** RIGHT ***********************************************************************************/ #right { background: url("/templates/_main/pictures/design/right.jpg") no-repeat; float: right; width: 190px; margin: 0px; padding: 50px 0 0 0; } #right ul.friendmenu { list-style: none; text-align: left; font-size: 10pt; padding: 0 0 0 0px; margin: 0px; } #right ul.leftmenu { list-style: none; text-align: left; font-size: 10pt; font-weight: bold; padding: 0 0 0 20px; margin: 0px; } #right li { padding: 1px 0 1px 0; margin: 0px; } #right ul ul { font-size: 10pt; margin: 0px; padding: 0px; display: none; } #right ul li.activeItem ul { list-style: none; display: block; } #right ul li.inactiveItem ul { display: none; } #right ul ul li { margin: 1px 0px 1px 0px; display: block; font-weight: normal; width: 275px; margin-left: -10px;} #right ul ul li a { color: #ff9999; } #right ul ul li a:hover { color: #dd4444; } #right ul ul img.hr-menu-l { margin: 15px 15px 15px 0px; } #right ul img.fastlink { width: 18px; height: 18px; } /* vypis stat. tabulky */ #right ul #katalogMenuItem_st2 ul li { font-size: 9pt; } #right ul #katalogMenuItem_st3 ul li { font-size: 9pt; } #right ul #katalogMenuItem_st2 ul li a { position: relative; top: -2px; } #right ul #katalogMenuItem_st3 ul li a { position: relative; top: -2px; } #right table { font-size: 9pt; width: 160px; padding: 0px; margin: 0 0 0 15px; } .t-left-right { width: 60px; padding: 0px; margin: 0px; } .t-right-right { width: 100px; padding: 0px; margin: 0px; } #right ul { text-align: left; font-size: 10pt; padding: 0 16px 0 30px; margin: 0px; } #right li { padding: 1px 0 1px 0; margin: 0px; } #right #GLogin { padding-right: 5px; } #right #GQuestionnaire { margin-left: -10px; } /***********************************************************************************************/ /***** PATICKA *********************************************************************************/ #paticka { background: url("/templates/_main/pictures/design/border-footer-basic.gif") no-repeat; width: 1000px; height: 65px; padding: 0px; margin: 0px; clear: both; font-size: 10pt; } #printPaticka { display:none; } #paticka span { display:none; } /************************************************************************************************ ***************************************************************** created by DarkAge team ******* ************************************************************************************************/ #drop { color: black; list-style: none; cursor: hand; cursor: pointer; } #drop li { text-align: center; font-weight: bold; background-color: #e9b96e; width: 180px; } #leftPanelBox, #noPanelBox, #rightPanelBox { position: relative; float: left; margin: 5px; } #leftPanelBox { margin-left: -10px; } /* #leftPanelBox { position:absolute; left:20px; *left:-310px; } #rightPanelBox { position:absolute; left:420px; *left:90px; } #noPanelBox { position:absolute; left:220px; *left:-110px; } #drop li ul li { position:relative; } */ #drop li ul li { z-index: 100; list-style: none; border: 2px solid #0090DF; background-color: #68BFEF; width: 150px; height: 36px; margin: 10px 10px 10px -28px; } #drop li ul li.hiddenItem { background-color: #e9b96e; border: 0px; width: 10px; height: 2px; margin: 0px; } #newmsg, #text, #notepad, .largeTextarea { width: 570px; } /***** WHISP *********************/ .whispSepotItem { color: #ffffff; } .whispHelp { text-align: justify; margin: 10px 25px; } .whispHelp div { margin-top: 10px; margin-bottom: 10px; } .whispHelp .tip, .whispHelp .warning, .whispHelp .example, .whispHelp .exampleGroup { margin-left: 25px; border: solid 1px white; padding: 8px; } .whispHelp .tip { background-color: #010; } .whispHelp .warning { background-color: #100; } .whispHelp .example { background-color: #000; } .whispHelp .exampleGroup { background-color: #111; } .whispItem { color: #ffffff; background-image: url("/templates/_main/pictures/whisp-gradient-right.jpg"); background-repeat: repeat-y; background-position: top right; padding-right: 13px; } .whispError { display: inline-block; padding: 0px; padding-right: 2px; margin: 0px; margin-left: -2px; width: 19px; height: 17px; vertical-align: top; background-image: url("/templates/_main/pictures/whisp-error.gif"); background-repeat: no-repeat; } .whispIcon { display: inline; padding: 0px; padding-right: 2px; margin: 0px; width: 19px; height: 17px; vertical-align: top; } .fastlinkAnchor { vertical-align: bottom; _vertical-align: sub; *vertical-align: sub; display: inline-block; _display: inline; height: 32px; width: 32px; position: relative; }