/*###################################### Global Styles, of eSport-Designs.de ######################################*/ .forummod {background:url(../Bilder/forumpfeil.png) no-repeat;min-width:200px;padding-left:21px;line-height:13px;min-height:18px} .forummod img {display:none} .forummod a {font-weight:normal !important} .forummod span {color:#868686} html,body {background:url(../Bilder/bg.jpg) repeat-x #160a01;} #header {width:1027px;height:235px;} #flashheader {position:absolute;margin:0px 0px 0px 0px;top:0px;} #headerfix {position:absolute;margin:0px 0px 0px 0px;top:157px;background:url(../Bilder/headerfix.png);height:78px;width:770px;} #wrapper {width:1027px;text-align:left} #counter {position:absolute;margin:12px 0px 0px 700px;color:white} #mainarea {background:url(../Bilder/mainarea.jpg);width:1027px;height:232px;} #left {width:698px;background:#e8e8e8;} #leftwhite {width:678px;background:white;padding:10px;} #right {background:#151515} #footer {background:url(../Bilder/footer.jpg);width:1027px;height:205px;} #loginbox {background:url(../Bilder/loginbg.png) no-repeat;height:30px;margin-left:1px;position:absolute;width:600px;} .loginuser {width:132px;height:14px;padding:0px;border:0px;position:absolute;margin:11px 0px 0px 12px;background:transparent;color:#CCCCCC} .loginpwd {width:132px;height:14px;padding:0px;border:0px;position:absolute;margin:11px 0px 0px 156px;background:transparent;color:#CCCCCC} .logingo {width:18px;height:19px;padding:0px;border:0px;position:absolute;margin:9px 0px 0px 300px;background:transparent;cursor:pointer} .logingo:hover {background:url(../Bilder/15.png)} .regis {position:absolute;margin:12px 0px 0px 340px;font-weight:normal !important;color:#FFF !important;} .lost {position:absolute;margin:12px 0px 0px 425px;font-weight:normal !important;color:#FFF !important;} .lost:hover,.regis:hover {color:red !important;} #loginpad {position:absolute;margin:12px 0px 0px 12px;} #lart {position:absolute;margin:111px 0px 0px 472px;width:220px;height:116px;} #lart a {display:block;height:23px;padding:0px;margin:0px;line-height:23px;font-weight:normal;color:white} #lart a:hover {color:red} #videoBoxLink {position:absolute;margin:10px 0px 0px 712px;z-index:3 !important} #videoBoxLink object, #videoBoxLink param, #videoBoxLink iframe, #videoBoxLink embed {width:302px;height:208px;z-index:3 !important} #novideo {position:absolute;margin:100px 0px 0px 764px;width:200px;text-align:center;color:#666666} #arttext {position:absolute;width:224px;margin:158px 0px 0px 225px;text-align:justify;color:#FFF;z-index:1} #arttitel {position:absolute;width:224px;margin:117px 0px 0px 225px;color:#df2926;font-size:13px;font-weight:bold;} #artsubtitel {position:absolute;width:224px;margin:134px 0px 0px 225px;font-size:9px;color:white} #artsubtitel img {display:none} #artkat {position:absolute;margin:116px 0px 0px 8px;width:199px;height:104px} #lastforum {width:320px;margin:4px 0px 0px 5px;height:276px;background:url(../Bilder/l_forum.jpg);padding-top:45px;} #topmatch {width:320px;margin-left:5px;min-height:127px;background:url(../Bilder/topmatch.jpg)} #tsquad {margin:9px 0px 0px 8px;position:absolute;width:100px;height:100px;} #tgegner {margin:9px 0px 0px 211px;position:absolute;width:100px;height:100px;} #tdatum {width:100px;position:absolute;margin:58px 0px 0px 110px;text-align:center;color:#888888} #tdatum a {font-weight:normal;color:#7e0707} #tdatum a:hover {color:#a53f3f} #lastwars {background:#f3f3f3;width:320px;margin-left:5px;padding:2px 0;} .lwarbox {display:block;background:#FFFFFF;width:313px;margin:0px 0px 3px 3px;height:16px;color:#5f5f5f !important;font-weight:normal !important;} .lwarbox:hover {background:#fbebeb} .lico {width:12px;height:12px;margin:2px 0 0 3px;position:absolute;} .lA {margin:1px 0 0 240px;position:absolute;width:70px;text-align:right} .lA img {margin:-1px 0 0 0} .lB {margin: 1px 0px 0px 21px;position:absolute;} .lE {margin:1px 0 0 220px;position:absolute;width:70px;text-align:right} .lE img {margin:-1px 0 0 0} .licoB {width:14px;height:12px;margin:3px 0 0 294px;position:absolute;} .lforumbox {display:block;width:313px;height:24px;color:#5f5f5f !important;font-weight:normal !important;} .lD {margin: 1px 0px 0px 9px;position:absolute;} #topfttitel {font-size:11px;font-weight:bold;color:#701212;position:absolute;margin:-40px 0px 0px 9px;} #supfttitel {font-size:9px;color:#5f5f5f;position:absolute;margin:-24px 0px 0px 9px;} .sliderwrapper {overflow: hidden; width: 432px;height: 209px;} .sliderwrapper .contentdiv {width: 432px;height: 209px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1;opacity: 1;margin:28px 0px 0px 599px;position:absolute;} .sliderwrapper .contentdiv {z-index: 1;} .pagination {display:none} .newspic {width:193px;height:150px;margin: 9px 0px 0px 12px;position:absolute;} p.newsTitel {font-size:12px;font-weight:bold;color:#FFFFFF;position:absolute;margin:7px 0px 0px 50px} p.subTitel {font-size:9px;font-weight:normal;color:#fd8888;position:absolute;margin:23px 0px 0px 50px} p.subTitel a {font-size:9px;font-weight:normal;color:#fd8888 !important;padding:0px;} p.subTitel img {display:none} .titelReadmore {background:url(../Bilder/newsbg.jpg) no-repeat;width:470px;height:41px;position:absolute;margin:9px 0px 0px 219px;} .readmore {position:absolute;margin:15px 0px 0px 384px;color:#FFF !important} .readmore:hover {color:red !important} div.news1, div.news2 {position: relative;width: 698px; height: 180px;text-align: left;background:white;margin-bottom:6px} div.newsc {height: 120px;width:468px;overflow: hidden;color:#5f5f5f;line-height:135%;text-align:justify;font-size:11px;margin:56px 0px 0px 220px;position:absolute} div.newsc p {text-align:justify;color:#5f5f5f;padding:0px;line-height:135%;text-align:justify;font-size:11px} .lnewsbg {width:234px;} .lbg {background:url(../Bilder/lnewsbg.jpg) no-repeat;margin-left:5px;width:229px;height:224px} #lnewspad {margin-left:-5px;width:703px;} .lbgimg {width:217px;height:54px;margin:7px 0px 0px 6px;position:absolute;} .link {font-size:11px;color:#701212 !important;position:absolute;margin:67px 0px 0px 7px;} .subtitel {font-size:9px;color:#5f5f5f !important;position:absolute;margin:80px 0px 0px 7px;} .ntext {font-size:11px;color:#5f5f5f;position:absolute;width:214px;margin:106px 0px 0px 7px;text-align:justify;line-height:140%;} #bannerrotator {text-align:center;} #bannerrotator img {margin:3px 0px} #footerinfos {height:169px;} #topdlarea {background:url(../Bilder/footerleft.jpg);width:345px;height:119px;padding:46px 0px 0px 0px;position:absolute;margin-left:3px} #topdltitel {font-size:11px;font-weight:bold;color:#701212;position:absolute;margin:-40px 0px 0px 9px;} #supdltitel {font-size:9px;color:#5f5f5f;position:absolute;margin:-24px 0px 0px 9px;} .ldlbox {display:block;width:313px;margin-left:0px;height:24px;color:#5f5f5f !important;font-weight:normal !important;} .lC {margin: 1px 0px 0px 11px;position:absolute;} .lC:hover {color:#ce5a5a !important} #uotmarea {background:url(../Bilder/uotm.jpg);width:343px;height:166px;position:absolute;margin:0px 0px 0px 352px} #imagesizeuotm img {padding:2px;border:1px solid #cfcfcf;margin:6px 0px 0px 6px;height:148px;width:120px;} #topmtitel {font-size:11px;font-weight:bold;color:#701212;position:absolute;margin:6px 0px 0px 141px;} #supmtitel {font-size:9px;color:#5f5f5f;position:absolute;margin:22px 0px 0px 141px;} #motmbes {color:#5f5f5f;position:absolute;margin:46px 0px 0px 141px;text-align:justify;width:194px;line-height:140%} #naviarea {background:url(../Bilder/navibg.gif);width:1027px;height:40px;} #naviA {position:absolute;margin:-7px 0px 0px 6px;} #naviB {position:absolute;margin:-7px 0px 0px 155px} #naviC {position:absolute;margin:-7px 0px 0px 304px} #naviD {position:absolute;margin:-7px 0px 0px 453px} #navidropA {width:150px;margin:0px;padding:0px;list-style: none;display:none;position:absolute;margin:34px 0px 0px 5px;z-index:9999} #navidropA li {list-style: none;height:24px;margin:0px;background:url(../Bilder/navi/naviline.png)} #navidropA li a {display:block;height:24px;font-weight:normal;padding-left:30px;line-height:22px;color:#FFF} #navidropA li a:hover {color:red} #naviheadA:hover ul#navidropA {display:block;border-bottom: 1px solid #7a1c14} #navidropB {width:150px;margin:0px;padding:0px;list-style: none;display:none;position:absolute;margin:34px 0px 0px 154px;z-index:9999} #navidropB li {list-style: none;height:24px;margin:0px;background:url(../Bilder/navi/naviline.png)} #navidropB li a {display:block;height:24px;font-weight:normal;padding-left:30px;line-height:22px;color:#FFF} #navidropB li a:hover {color:red} #naviheadB:hover ul#navidropB {display:block;border-bottom: 1px solid #7a1c14} #navidropC {width:150px;margin:0px;padding:0px;list-style: none;display:none;position:absolute;margin:34px 0px 0px 303px;z-index:9999} #navidropC li {list-style: none;height:24px;margin:0px;background:url(../Bilder/navi/naviline.png)} #navidropC li a {display:block;height:24px;font-weight:normal;padding-left:30px;line-height:22px;color:#FFF} #navidropC li a:hover {color:red} #naviheadC:hover ul#navidropC {display:block;border-bottom: 1px solid #7a1c14} #navidropD {width:150px;margin:0px;padding:0px;list-style: none;display:none;position:absolute;margin:34px 0px 0px 452px;z-index:9999} #navidropD li {list-style: none;height:24px;margin:0px;background:url(../Bilder/navi/naviline.png)} #navidropD li a {display:block;height:24px;font-weight:normal;padding-left:30px;line-height:22px;color:#FFF} #navidropD li a:hover {color:red} #naviheadD:hover ul#navidropD {display:block;border-bottom: 1px solid #7a1c14} #ulA {padding:0px;list-style: none;position:absolute;margin:30px 0px 0px 50px} #ulA li {height:17px;color:white} #ulA li a {font-weight:normal;color:white} #ulA li a:hover {color:red} #ulA li.head {list-style:none;margin:0px 0px 8px -13px;padding:0px;font-size:13px;font-weight:bold;} #ulB {padding:0px;list-style: none;position:absolute;margin:30px 0px 0px 210px} #ulB li {height:17px;color:white} #ulB li a {font-weight:normal;color:white} #ulB li a:hover {color:red} #ulB li.head {list-style:none;margin:0px 0px 8px -13px;padding:0px;font-size:13px;font-weight:bold;} #ulC {padding:0px;list-style: none;position:absolute;margin:30px 0px 0px 370px} #ulC li {height:17px;color:white} #ulC li a {font-weight:normal;color:white} #ulC li a:hover {color:red} #ulC li.head {list-style:none;margin:0px 0px 8px -13px;padding:0px;font-size:13px;font-weight:bold;} #footerpartner {width:248px;position:absolute;margin:54px 0px 0px 533px;text-align:center;} #footertext {width:235px;position:absolute;margin:68px 0px 0px 743px;text-align:left;text-align:center;color:#FFF;line-height:28px;} #footertext span {color:#9f9f9f} #footertext span#ed {color:#6a6a6a;} #footertext a {color:#6a6a6a !important;font-weight:normal} #footertext a:hover {color:#aaaaaa !important;} #useransichtPICTURE {border:1px solid #b6b6b6;padding:2px;} #useransichtPICTURE img {width:180px;height:240px;} #useransichtPICTUREGAL {border:1px solid #b6b6b6;padding:2px;margin-top:3px;} #useransichtPICTUREGAL img {width:180px;} .contentHead img.icon {margin-top:-1px} .contentMainFirstA, .contentMainFirstB, .contentMainTopA, .contentMainTopB {border-bottom:1px dotted #999999;padding:5px;text-align:justify} .contentMainFirstB, .contentMainTopB {background:#f9f9f9;} .contentMainFirstBr {text-align:right;border-bottom:1px dotted #999999;padding:5px;background:#f9f9f9;} /*--------------------------------------------- Set margin padding and font stuff for every element, then it should not be required to set them again. ---------------------------------------------*/ html,body,table,td,div,form,button,select,input,textarea,h1,h2,h3,h4,h5,h6,a,p,cite,quote,u,i { margin: 0px; padding: 0px; font-family: Verdana,Tahoma,Geneva,Arial,Helvetica,Sans-serif; font-size: 10px; line-height: 120%; } /*--------------------------------------------- Set body attributes color and background ---------------------------------------------*/ html,body { color: #5f5f5f; } /*--------------------------------------------- Set as blockelements ---------------------------------------------*/ h1,h2,h3,h4,h5,h6,hr,p,div,form { display: block; } /*--------------------------------------------- Set vertical align to top, this helps if the text flys in the middle of a table (td). ---------------------------------------------*/ td { vertical-align: top; } /*--------------------------------------------- Set font bold inside of this elements. ---------------------------------------------*/ strong, caption, optgroup, .strong { font-weight: bold; font-style: normal; } /*--------------------------------------------- Set no border for tables and images, the images border comes if you link any image and this sheet does make the border invisible ---------------------------------------------*/ img,table { border: 0px none; } /*--------------------------------------------- Set a cursor for the label-TAG ---------------------------------------------*/ label { cursor: pointer; } /*--------------------------------------------- Set global style of the horizontal line ---------------------------------------------*/ hr { color : #000; height : 1px; padding : 0; border-color : #000; border-width : 1px 0 0 0; border-style : solid; margin: 3px 0 6px 0; } *+html hr { margin: 0 } * html hr { margin: 0 } /*--------------------------------------------- Set a square as in front of an unordered list ---------------------------------------------*/ ul li { list-style: square; } /*--------------------------------------------- Set general link style ---------------------------------------------*/ a:link,a:visited,a:hover,a:active { color: #701212; font-weight: bold; text-decoration: none; } a:hover { color: #c25757; } a:focus { outline: 0 none } /*#################################### DZCP STYLES ####################################*/ /*--------------------------------------------- Set attributes for the main-table ---------------------------------------------*/ table.maintable { background: url(../images/bg_content.jpg) repeat-y; margin: auto; width: 1005px; } /*--------------------------------------------- Set attributes for the content-table ---------------------------------------------*/ table.content { margin: 0px; width: 100%; max-width: 100%; } /*--------------------------------------------- persInfobox above the Header ----------------------------------------------- menu/pers.infos.html ---------------------------------------------*/ table.persInfo { background-color: #FFF; border-bottom: 1px solid #000; margin: 0px; width: 100%; text-align: center; } table.subPersInfos { text-align: center; } span.fontBoldPersInfos { font-weight: bold; } table.persInfo td, table.persInfo span { color: #000; } /*--------------------------------------------- Header attributes ----------------------------------------------- index.html ---------------------------------------------*/ td.pagetitle { height: 149px; text-align: left; vertical-align: bottom; } td.pagetitleContent { width: 710px; height: 150px; color: #000; font-size: 35px; font-weight: bold; text-align: center; vertical-align: middle; } /*--------------------------------------------- Attributes of the Welcomebar ----------------------------------------------- index.html ---------------------------------------------*/ td.welcomebar { text-align: left; } span.welcomebar { color: #FFF; } /*--------------------------------------------- Attributes of the main-content (shouldnt be edited) ----------------------------------------------- index.html ---------------------------------------------*/ table.mainContent { width: 100%; padding: 0px; margin: 0px; margin-top: 15px; text-align: left; } table.navContent { width: 100%; padding: 0px; margin: 0px; text-align: left; } table.hperc { width: 100%; padding: 0px; margin: 0px; text-align: left; } /*--------------------------------------------- Attributes of the navigations loginbox ----------------------------------------------- menu/login.html ---------------------------------------------*/ td.loginLeft, td.loginRight { width: 3px; } input.loginName_dis,input.loginPwd_dis,input.loginName_en,input.loginPwd_en,input.loginSubmit { width: 147px; color: #000; border: 1px solid #111; border-top: 1px solid #555; border-right: 1px solid #555; background-color: #F7F7F7; padding: 2px; } input.loginName_en,input.loginPwd_en { border: 1px solid #000; background-color: #FFF; } input.loginSubmit { width: 60px; padding: 1px; background-color: #FFF; background-image: url(../images/submit.jpg); border: 1px solid #5F5F5F; color: #000; cursor: pointer; } input.loginSignUp:hover { background-image: url(../images/submit_hover.jpg); } input.loginSubmit { font-weight: bold; } /*--------------------------------------------- Parts of the attributes of the navigations votebox ----------------------------------------------- menu/vote.html menu/vote_results.html menu/vote_vote.html ---------------------------------------------*/ td.navVoteButton { text-align: center; } input.voteSubmit { padding: 1px; padding-left: 10px; padding-right: 10px; background-color: #FFF; background-image: url(../images/submit.jpg); border: 1px solid #5F5F5F; color: #000; cursor: pointer; } input.voteSubmit:hover { background-image: url(../images/submit_hover.jpg); } /*IE Hack*/ *+html input.voteSubmit { overflow: visible; } * html input.voteSubmit { overflow: visible; } /*--------------------------------------------- Parts of the attributes of the navigations votebox ----------------------------------------------- menu/shout.html menu/shout_add.html menu/shout_form.html ---------------------------------------------*/ td.navShoutContentFirst { } td.navShoutContentSecond { } /*--------------------------------------------- Disabled input field (not clicked) ---------------------------------------------*/ input.shoutEmail_dis,input.shoutNick_dis,textarea.shoutTextfield_dis, input.shoutEmail_en,input.shoutNick_en,textarea.shoutTextfield_en { border: 1px solid #111; border-top: 1px solid #555; border-right: 1px solid #555; background-color: #FFF; color: #000; padding: 1px; width: 148px; } /*--------------------------------------------- Enabled input fields (clicked) ---------------------------------------------*/ input.shoutEmail_en,input.shoutNick_en,textarea.shoutTextfield_en { border: 1px solid #000; } /*--------------------------------------------- Shoutbox-textfield ---------------------------------------------*/ textarea.shoutTextfield_dis,textarea.shoutTextfield_en { overflow: Auto; height: 80px; } /*--------------------------------------------- Shoutbox submit button ---------------------------------------------*/ input.shoutSubmit { padding: 1px; padding-left: 10px; padding-right: 10px; background-color: #FFF; background-image: url(../images/submit.jpg); border: 1px solid #5F5F5F; color: #000; cursor: pointer; } input.shoutSubmit:hover { background-image: url(../images/submit_hover.jpg); } /*IE Hack*/ *+html input.shoutSubmit { overflow: visible; } * html input.shoutSubmit { overflow: visible; } /*--------------------------------------------- Shoutbox submit button ---------------------------------------------*/ input.shoutLength { width: 26px; height: 13px; border: 0px; background-color: transparent; text-align: center; } /*--------------------------------------------- Parts of the attributes of the navigations votebox ----------------------------------------------- menu/server.html server/server_show.html ---------------------------------------------*/ img.navServerPic,img.ServerPic { width: 155px; } /*--------------------------------------------- Attributes of all navigation boxes ----------------------------------------------- menu/nav_[box].html ---------------------------------------------*/ table.tableNav { width: 100%; } td.navMainLeft,td.navClanLeft,td.navServerLeft,td.navMiscLeft { width: 2px; } td.navMainRight,td.navClanRight,td.navServerRight,td.navMiscRight { width: 2px; } td.navMainContent,td.navClanContent,td.navServerContent,td.navMiscContent { text-align: left; } td.navUserLeft,td.navMemberLeft,td.navTrialLeft,td.navAdminLeft { width: 5px; } td.navUserRight,td.navMemeberRight,td.navTrialRight,td.navAdminRight { width: 0px; } td.navUserContent,td.navMemberContent,td.navTrialContent,td.navAdminContent { text-align: left; } td.navUotmContent,td.navPartnerContent,td.navSponsorsContent { text-align: center; padding: 2px 0; } img.uotm { width: 130px; height: 161px; } td.navLregLeft,td.navTopdlLeft,td.navTeamspeakLeft { width: 5px; } td.navLregContent,td.navTopdlContent,td.navTmpswitchContent,td.navPagerankContent,td.navTeamspeakContent { text-align: left; } div.navGameServer { width: 160px } td.navTeamspeakRight { width: 11px; } td.navTopdlRight { width: 11px; } td.navTopdlHits { text-align: right; vertical-align: middle; } td.navTmpswitchLeft { width: 13px; } td.navNextCwDate { color: #FFF; vertical-align: middle; } td.navLastNewsLeft,td.navFtopicsLeft,td.navLastCwLeft,td.navNextCwLeft,td.navLastArtikelLeft,td.navKalLeft,td.navVoteLeft,td.navShoutLeft,td.navServerStatsLeft,td.navEventsLeft,td.navTeamLeft,td.topMatchLeft { width: 2px; } td.navLastNewsContent,td.navFtopicsContent,td.navLastCwContent,td.navNextCwContent,td.navLastArtikelContent,td.navServerStatsContent,td.navEventsContent { text-align: left; vertical-align: middle; } td.navLastNewsRight,td.navFtopicsRight,td.navLastCwRight,td.navNextCwRight,td.navLastArtikelRight,td.navKalRight,td.navVoteRight,td.navShoutRight,td.navServerStatsRight,td.navEventsRight,td.navTeamRight,td.topMatchRight { width: 2px; } td.navLastCwLeft,td.navNextCwLeft,td.navLastCwRight,td.navNextCwRight { width: 5px; } td.navServerStatsContent { text-align: center; } td.navServerStatsSpace { height: 5px; } td.navKalHead,td.navKalHeadDays,td.navKalDays,td.navKalToday,td.navKalEmpty,td.teamHead { text-align: center; } td.navKalHead span, td.navKalHead a { font-size: 11px; } td.navKalToday { border: 1px solid #000; } /*--------------------------------------------- Attributes of the counter-box ----------------------------------------------- menu/counter.html ---------------------------------------------*/ td.counterLeft,td.counterRight { width: 3px; } td.counterContentHead { text-align: left; } td.counterContentLeft { text-align: left; width: 69px; } td.counterContentRight { text-align: right; } td.counterSpace { height:5px; } /*--------------------------------------------- Global styles of the content ---------------------------------------------*/ td.contentHead,td.contentMainTop,td.contentMainFirst,td.contentMainSecond,td.contentBottom,td.contentBottomLeft { height: 16px; padding: 3px; color: #000; vertical-align: middle; } td.contentHead,td.infoTop { background:url(../Bilder/line.png) repeat-x; height:44px; vertical-align:top; text-align: left; padding:13px 0 0 6px; color:#686868; text-transform: uppercase; font-size:11px; font-family: helvetica, tahoma, verdana; font-weight:bold } td.contentMainTop,tr.contentMainTop { background-color: #F0EFEF; vertical-align: top; } td.contentMainFirst, div#infoInnerLayer, td.commentsRight, td.error,td.calDay,td.calToday, .adminBarInner,.adminBarInnerOver,.adminMenuOuter,.adminMenuOuterOver, .adminBarOuter,.adminBarOuterOver,.adminMenuInner,.adminMenuInnerOver { background-color: #e9e9e9; } td.contentMainSecond, td.commentsLeft, td.navShoutContentSecond, .adminMenuInnerOver,.adminMenuOuterOver { background-color: #FFF; } td.contentBottom,td.contentBottomLeft { background-color: #EEE; text-align: center; font-weight: bold; } td.contentBottomLeft { text-align: left; } /*--------------------------------------------- Attributes of the Newsarea ----------------------------------------------- news/news_show.html news/comments_show.html news/archiv.html news/archiv_show.html ---------------------------------------------*/ /* Newsbox */ td.newsContent { padding: 3px; } td.archiveStats { text-align: center; background-color: #EEE; color: #000; border: 1px solid #000; padding: 2px; } /*--------------------------------------------- Attributes of all Comments/GB-Entrys/Boardentrys ----------------------------------------------- news/comments_show.html artikel/comments_show.html forum/forum_posts.html forum/forum_posts_show.html ---------------------------------------------*/ td.commentsLeft { width: 25%; height: 128px; padding: 2px; } td.commentsRight { vertical-align: top; padding:4px; } /*--------------------------------------------- Attributes of the calendar ----------------------------------------------- kalender/day.html ---------------------------------------------*/ td.calDay,td.calToday { text-align: left; vertical-align: top; width: 14%; height: 70px; } td.calToday { border: 1px solid #000; } /*--------------------------------------------- Attributes of the squads ----------------------------------------------- squads/squads_show.html squads/squads_member.html clanwars/stats.html clanwars/squads_show.html awards/squads_show.html awards/squads_show_all.html awards/stats.html.html server/server_show.html ---------------------------------------------*/ table.highlightSquads,table.highlightStats,table.highlightAwards,table.highlightServer { width: 100%; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; padding: 4px; } table.highlightServer { padding: 0px; } table.highlightSquads { border: 0px; } table.highlightAwards { padding: 0px; } img.squadMember { width: 100%; height: 1px; background-color: #707070; } /*--------------------------------------------- Attributes of several links ----------------------------------------------- menu/*.html ---------------------------------------------*/ a.navUser:link,a.navUser:visited, a.navTrial:link,a.navTrial:visited, a.navMember:link,a.navMember:visited, a.navAdmin:link,a.navAdmin:visited, a.navLostPwd:link,a.navLostPwd:visited, a.navLastNews:link,a.navLastNews:visited, a.navFtopics:link,a.navFtopics:visited, a.navTopdl:link,a.navTopdl:visited, a.navLastReg:link,a.navLastReg:visited, a.navLastArtikel:link,a.navLastArtikel:visited, a.navLastCw:link,a.navLastCw:visited, a.navNextCw:link,a.navNextCw:visited, a.navKal:link,a.navKal:visited, a.navVote:link,a.navVote:visited, a.navCounter:link,a.navCounter:visited, a.navShout:link,a.navShout:visited, a.navTeam:link,a.navTeam:visited, a.navServerStats:link,a.navServerStats:visited, a.navTeamspeak:link,a.navTeamspeak:visited { font-weight: normal; color: #FFF; } a.navUser:hover,a.navUser:active, a.navTrial:hover,a.navTrial:active, a.navMember:hover,a.navMember:active, a.navAdmin:hover,a.navAdmin:active, a.navLostPwd:hover,a.navLostPwd:active, a.navLastNews:hover,a.navLastNews:active, a.navFtopics:hover,a.navFtopics:active, a.navTopdl:hover,a.navTopdl:active, a.navLastCw:hover,a.navLastCw:active, a.navNextCw:hover,a.navNextCw:active, a.navLastArtikel:hover,a.navLastArtikel:active, a.navLastReg:hover,a.navLastReg:active, a.navKal:hover,a.navKal:active, a.navVote:hover,a.navVote:active, a.navCounter:hover,a.navCounter:active, a.navShout:hover,a.navShout:active, a.navTeam:hover,a.navTeam:active, a.navServerStats:hover,a.navServerStats:active, a.navTeamspeak:hover,a.navTeamspeak:active { color: #ff0000; } a.navTopdl:link,a.navTopdl:visited, a.navLastArtikel:link,a.navLastArtikel:visited { display: block; padding: 1px 2px; } a.navLastCw:link,a.navLastCw:visited, a.navNextCw:link,a.navNextCw:visited, a.navLastNews:link,a.navLastNews:visited, a.navFtopics:link,a.navFtopics:visited { padding: 2px 6px; padding-bottom: 4px; display: block; } a.navLastCw:link,a.navLastCw:visited, a.navNextCw:link,a.navNextCw:visited { padding-left: 1px; padding-right: 1px; } a.navShout:link,a.navShout:visited { font-weight: bold } a.navCounter:link,a.navCounter:visited, a.navKal:link,a.navKal:visited { color: #ff0000; font-weight: bold; } /* Navigation */ a.navMain:link,a.navMain:visited, a.navClan:link,a.navClan:visited, a.navServer:link,a.navServer:visited, a.navMisc:link,a.navMisc:visited { background: url(../images/nav_bg.jpg) no-repeat; font-weight: normal; color: #2a2a2a; padding: 2px; padding-left: 10px; padding-top: 1px; padding-bottom: 2px; display: block; width: 146px; height: 12px; } a.navMain:hover,a.navMain:active, a.navClan:hover,a.navClan:active, a.navServer:hover,a.navServer:active, a.navMisc:hover,a.navMisc:active { color: #000; background: url(../images/nav_bg_hover.jpg) no-repeat; } /* Welcomelink */ .welcome:link,.welcome:visited,.welcome:hover,.welcome:active { color: #FFF; font-weight: bold; } .welcome:hover,.welcome:active { color: #ff0000; } /*--------------------------------------------- Attributes of various font-styles ---------------------------------------------*/ span.fontText { font-weight: normal; } span.fontBold { font-weight: bold; } span.fontItalic { font-style: italic; } span.fontUnder { text-decoration: underline; } span.fontBoldUnder { font-weight: bold; text-decoration: underline; } span.fontItalicUnder { font-style: italic; text-decoration: underline; } span.fontError,span.fontWichtig,span.fontMarked,span.fontRed { font-weight: bold; color: #e50000; } span.fontGreen { font-weight: bold; color: #17D427; } /* Navigation ( << 1 2 3 >> ) */ span.fontSites { font-weight: bold; color: #EE0000; } span.fontSitesMisc { color: #000; } .sites:link,.sites:visited,.sites:hover,.sites:active { font-size: 10px; text-decoration: none; } .sites:hover,.sites:active { text-decoration: none; } /* Clanwarresults */ span.navCwWon,span.navCwDraw,span.navCwLost,span.CwWon,span.CwDraw,span.CwLost { font-weight: bold; } span.navCwWon,span.CwWon { color: #17D427; } span.navCwDraw,span.CwDraw { color: #DBD004; } span.navCwLost,span.CwLost { color: #e50000; } /*--------------------------------------------- Attributes of the errortable ----------------------------------------------- errors/errortable.html ---------------------------------------------*/ td.error { text-align: center; padding: 3px; } /*--------------------------------------------- Style of the preloader ---------------------------------------------*/ div#preload { background-color: #FFF; border: 1px solid #000; } /*--------------------------------------------- Style of the higlighted boxes (Vote,Profil, etc) ---------------------------------------------*/ td.highlight { text-align: left; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; } /*--------------------------------------------- Style of the statisitc beam (votes, CWs) ---------------------------------------------*/ td.statsBalken { border: 1px solid #000; background-image: url('../../../images/vote_bg.gif'); } /*--------------------------------------------- Attributes of various formulars ---------------------------------------------*/ /***************************** *****************************/ /*--------------------------------------------- Templateswitcher dropdown ----------------------------------------------- menu/tmp_switch.html ---------------------------------------------*/ select.tempswitch { width: 120px; color: #000; font-size: 97%; background-color: #FFF; border: 1px #000 solid; } /*--------------------------------------------- Dropdownmenus ---------------------------------------------*/ select.dropdown { color: #000; font-size: 97%; background-color: #FFF; border: 1px #000 solid; } /*--------------------------------------------- Dropdownmenus -> Categories ---------------------------------------------*/ option.dropdownKat { color: #000; font-size: 97%; font-weight: bold; background-color: #dbdbdb; border-top: 1px #000 solid; border-bottom: 1px #000 solid; } /*--------------------------------------------- Enabled/disabled input fields (not clicked) ---------------------------------------------*/ input.inputField_dis,input.inputField_dis_small,input.inputField_dis_mid,input.inputFieldFsearch_dis,input.inputFieldKal_dis,textarea.inputFieldKalDesc_dis,textarea.inputField_dis,input.inputField_dis_profil,textarea.inputField_dis_nletter,input.inputField_en,input.inputField_en_mid,input.inputField_en_small,input.inputFieldFsearch_en,input.inputFieldKal_en,textarea.inputFieldKalDesc_en,textarea.inputField_en,input.inputField_en_profil,textarea.inputField_en_nletter,textarea.inputField_dis_profil,textarea.inputField_en_profil { border: 1px solid #111; border-top: 1px solid #555; border-right: 1px solid #555; background-color: #F7F7F7; color: #000; padding:1px; width: 250px; } input.inputField_en,input.inputField_en_mid,input.inputField_en_small,input.inputFieldFsearch_en,input.inputFieldKal_en,textarea.inputFieldKalDesc_en,textarea.inputField_en,input.inputField_en_profil,textarea.inputField_en_nletter,textarea.inputField_en_profil { background-color: #FFF; border: 1px solid #000; } /*--------------------------------------------- Several input fields ---------------------------------------------*/ /* Small inputfields */ input.inputField_dis_small,input.inputField_en_small { width: 22px; text-align: center; } /* Middle sized inputfields */ input.inputField_dis_mid,input.inputField_en_mid { width: 68px; } /* Board Search */ input.inputFieldFsearch_dis,input.inputFieldFsearch_en { width: 180px; } /* Calendar admin */ input.inputFieldKal_dis,input.inputFieldKal_en { width: 240px; } textarea.inputFieldKalDesc_dis,textarea.inputFieldKalDesc_en { overflow: Auto; width: 240px; height: 100px; } /* Edit profile fields */ input.inputField_dis_profil,input.inputField_en_profil, textarea.inputField_dis_profil,textarea.inputField_en_profil { width: 200px; } /* Gallery Admin */ textarea.inputField_dis,textarea.inputField_en { overflow: Auto; height: 100px; } /* Newsletter textarea */ textarea.inputField_dis_nletter,textarea.inputField_en_nletter { width: 90%; height: 200px; overflow: Auto; } /*--------------------------------------------- Atrributes of (submit)buttons ---------------------------------------------*/ input.submit { margin: 0px; padding: 1px; padding-left: 10px; padding-right: 10px; background-color: #FFF; background-image: url(../images/submit.jpg); border: 1px solid #5F5F5F; color: #000; cursor: pointer; font-weight: normal; } input.submit:hover { background-image: url(../images/submit_hover.jpg); } /*IE Hack*/ *+html input.submit { overflow: visible; } * html input.submit { overflow: visible; } /*#################################### These sheets shouldn`t be edited ####################################*/ input.checkbox,input#loginCheckbox { border:0px; cursor: pointer; } .emph,.msg { background-color: #FFF; color: #000; border: 1px solid #000; padding: 2px; z-index: 9999999; } .msg * { color: #000 } .msg a:link, .msg a:visited { color: #000 } td.middle,div.middle { vertical-align: middle; text-align: center; } /*#################################### DZCP 1.4 Styles ####################################*/ /*--------------------------------------------- WYSIWYG-Editor ---------------------------------------------*/ textarea.editorStyle, textarea.editorStyleWord, textarea.editorStyleMini, textarea.editorStyleNewsletter { overflow: auto; width: 650px; height: 200px; } textarea.editorStyleWord { height: 270px; } textarea.editorStyleMini { width: 90%; height: 100px; } /* shouldn`t be edited */ div.clipMore { border-top: 1px dashed #BBB; border-bottom: 1px dashed #BBB; padding: 2px; } p { margin: 0px; padding: 0px; } div#previewDIV { margin-top: 9px; min-height: 100%; height: auto !important; height: 100%; } /*--------------------------------------------- JS Infolayer ---------------------------------------------*/ div#infoDiv { z-index: 10000; position: absolute; display: none; } div#infoInnerLayer { border: 1px solid #000; } div#infoInnerLayer td { padding: 2px; } div#infoDiv { min-width: 250px; width: 250px; /* width: auto !important; width: 280px; */ min-height: 100%; height: auto !important; height: 100%; } div#hDiv { min-width: 250px; width: 250px; position: absolute; z-index: 99; top: 0; left: 0; } iframe#ieFix { position: absolute; z-index:9990; top: 0; left: 0; } td.infoTop { font-weight: bold; border-bottom: 1px solid #000; } /*--------------------------------------------- Syntax Highlighting (PHP) ---------------------------------------------*/ .codeHead { background-color: #20262b; border: 1px solid #000; padding: 2px; } .code,.codeHead { width: 470px; max-height: 200px; background-color: #FFF; border: 1px solid #000; padding: 0px; overflow:auto; } .codeHead { padding-top: 2px; padding-bottom: 2px; color: #000; font-weight: bold; border-bottom: 0px; background-color: #DDD; } .codeLines { width: 1%; color: #000; background-color: #DDD; border-right: 1px solid #000; } .codeContent,.codeContent *,.codeLines { padding: 0px; padding-left: 4px; padding-right: 2px; font-family: "Courier New", Verdana, Arial; font-size: 11px; } .codeContent * { padding:0px; } /*--------------------------------------------- Colors of highlighting ---------------------------------------------*/ td.codeContent .string { color: #800; } td.codeContent .comment { color: #C0C0C0; } td.codeContent .keyword { color: #000; font-weight:bold; } td.codeContent .bg { background: #DDD; } td.codeContent .default { color: #000080; } td.codeContent .html { color : #880; } /*--------------------------------------------- Resized Image Text (resized to...) ---------------------------------------------*/ span.resized { font-size: 10px; font-weight: normal; font-style: italic; } /*--------------------------------------------- Navigation: Teamswitcher ---------------------------------------------*/ select.teamswitch { width: 160px; color: #000; font-size: 97%; background-color: #FFF; border: 1px #000 solid; } /*--------------------------------------------- Attributes of all icons (flags/email/hp/teamspeak,etc) ---------------------------------------------*/ img.icon,img.helpicon,img.tsicon { vertical-align: middle; } /* helpicon */ img.helpicon { cursor: help; } /* Teamspeak icons */ img.tsicon { margin: 1px; } /*--------------------------------------------- Board Quotes ---------------------------------------------*/ .quote { width: 95%; margin: auto; border: 1px solid #000; padding-top: 10px; padding-bottom: 10px; padding-left: 16px; padding-right: 2px; background-color: #FFF; background-image: url(../../../images/quote.gif); background-repeat: no-repeat; color: #000; } .quote b, .quote a { font-size: 11px; color: #000; } /*--------------------------------------------- Adminmenu ---------------------------------------------*/ .adminBarInner,.adminBarInnerOver { text-align: center; text-decoration: none; margin: 0px; padding: 3px; } .adminBarInnerOver { } .adminBarOuter,.adminBarOuterOver { text-decoration : none; border: 1px solid #353535; } .adminMenuInner,.adminMenuInnerOver { margin: 3px 0 0 22px; } .adminMenuOuter,.adminMenuOuterOver { text-decoration : none; border: 1px solid #353535; padding: 0; background-repeat: no-repeat; background-position: 2px 50%; } .adminMenuInnerOver,.adminMenuOuterOver { } /************** Search form **************/ fieldset.search { border: 1px solid #000; } legend.search { margin: 0; padding: 0; color: #000; } ul.search { height: 200px; overflow: auto; width: 100%; border: 1px solid #000; } ul.search { background: #FFF; list-style-type: none; margin: 0; padding: 0; } ul.search li { margin: 0; padding: 0; } label.search, label.searchKat { display: block; text-align: left; background-color: #FFF; color: #000; margin: 0; padding: 0; width: 100%; } label.search:hover { background-color: #EEE; } label.searchKat { background-color: #dbdbdb; font-weight: bold; } td.searchHead { border-bottom: 1px solid #888; } input.chksearch { margin: 2px; border:0px; cursor: pointer; } .highlightSearchTarget { padding: 2px; color: #000; background-color: #FEFECE; } /************** Glossar **************/ a.glossar:link,a.glossar:visited,a.glossar:hover,a.glossar:active { font-weight: normal; text-decoration: none; border-bottom: 1px dashed; } /************** Membermap **************/ div#memberMap { width: 100%; height: 600px; } div#memberMapInner { width: 180px; margin: auto; line-height: 180%; text-align: left; padding: 3px; } /*#################################### TEMPLATE SPECIFIC STYLES ####################################*/ #time { color: #FFF; text-align: center; vertical-align: middle; } td.nautor a:link,td.nautor a:visited,td.nautor a:hover,td.nautor a:active { } /************** Permission Table **************/ div.permissions input.checkbox { float: left; margin: 1px 2px; } div.permissions label { display: block; float: left; clear: right; width: 45%; text-align: left; } div.permissions br { clear: both; height: 0; line-height: 0; font-size: 0; } /************** 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-color: #FFF; 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 { width: 49%; height: 100%; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; 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: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 26px; float: right; padding-bottom: 15px; } /************** Newsticker **************/ div#ticker { position: absolute; margin:12px 0 0 676px; width: 342px; overflow: hidden; padding: 0; text-align: center; } div#durchlauf { position: absolute; margin:12px 0 0 5px; width: 691px; overflow: hidden;white-space: nowrap } div#ticker, div#ticker div.scrollDiv, div#ticker div.scrollDiv td { white-space: nowrap; } div#ticker a:link, div#ticker a:visited { color: #FFF; } div#ticker a:hover, div#ticker a:active { color: red; } /************** globale Suche **************/ #searchpanel { width: 150px; border: 1px solid #111; border-top: 1px solid #555; border-right: 1px solid #555; background-color: #F7F7F7; color: #000; padding: 1px; } * html #searchpanel { margin: -1px 0 } *+html #searchpanel { margin: -1px 0 } input.searchSubmit { padding-bottom: 1px; height: 15px; padding-left: 5px; padding-right: 5px; background-color: #FFF; background-image: url(../images/submit.jpg); border: 1px solid #5F5F5F; color: #000; cursor: pointer; } input.searchSubmit:hover { background-image: url(../images/submit_hover.jpg); } /*IE Hack*/ *+html input.searchSubmit { overflow: visible; } * html input.searchSubmit { overflow: visible; } /****************************************/ img.border { border: 1px solid #777; }