/* Hello, and welcome to the Dragon's Gate CSS file. You probably got here by being interested on how we did something. Either way, look and learn but don't copy our code onto your site. */ /* Colors: #000000 - Black #09447b - Dark Blue #18659d - Medium Blue #333333 - Dark Grey #5e2612 - Dark Red #697a85 - Grey Blue #999999 - Medium Grey #cccccc - Light Grey #cdad42 - Gold #e3ebf1 - Light Blue #eeeeee - Grey White #ffffff - White #D4C6A5 - #A59E97 - #80776D - */ /* MENU */ #navPyra {margin:0; padding:2px 2px 2px 0; border-left:1px solid #D4C6A5;} #navPyra li {margin:0; padding:0; font-size:11px; color:#A59E97; display:block; list-style-type:none;} #navPyra a:link, #navPyra a:visited {font-size:11px; font-weight:normal; padding:0px 0px 6px 12px; text-decoration:none; color:#FFFFFF;} #navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {color: #80776D; background:url(http://www.dragons-gate.com/Gia/pictures/dgate_tab.gif) no-repeat left top;} .container { width: 153px; line-height: 130%; padding: 0px 0px 0px 12px;} .container_right_forums { width: 148px; line-height: 130%; padding: 0px 0px 0px 18px;} .container_right { width: 151px; line-height: 130%; padding: 0px 0px 0px 13px;} .container_right_ratings { width: 150px; line-height: 130%; padding: 0px 0px 0px 19px;} .container_long { width: 184px; line-height: 130%; padding: 0px 0px 0px 12px;} .nav_section {padding: 0px 0px 0px 5px; font-family: trebuchet MS, trebuchet, Verdana,Arial,Helvetica; font-size: 13px; font-weight: bold; line-height: 160%; color: #80776D} .nav_section_right {padding: 0px 0px 0px 13px; font-family: trebuchet MS, trebuchet, Verdana,Arial,Helvetica; font-size: 13px; font-weight: bold; line-height: 160%; color: #560808} .nav_section_long {padding: 0px 0px 0px 0px; font-family: trebuchet MS, trebuchet, Verdana,Arial,Helvetica; font-size: 13px; font-weight: bold; line-height: 160%; color: #AD7335} .section {font-family: trebuchet MS, trebuchet, Verdana,Arial,Helvetica; font-size: 15px; font-weight: bold; border-bottom: 1px solid #B19D78; line-height: 160%; color: #742424} /* sets the main body properties */ BODY { background-image: url(http://www.dragons-gate.com/images/background.jpg); background-repeat: repeat; background-position: left top; background-attachment: fixed scrollbar-arrow-color: #666666; scrollbar-base-color: #000000; scrollbar-dark-shadow-color: #000000; scrollbar-track-color: #000000; scrollbar-face-color: #000000; scrollbar-shadow-color: #666666; scrollbar-highlight-color: #666666; scrollbar-3d-light-color: #000000; } /* this group sets the Main Link colors */ hr { color: white; height: 2px; align: center; width: 80%;} p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;} td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333} a, .normXS1 a { color: #FFFFFF; text-decoration: none;} a:link, .normXS1 a:link { color: #FFFFFF; text-decoration: none;} a:visited, .normXS1 a:visited { color: #CCCCCC; text-decoration: line-through;} a:active, .normXS1 a:active { color: #000000; text-decoration: none;} a:hover, .normXS1 a:hover { color: #CCCCFF; text-decoration: underline overline;} tt { color:black; font-size:11pt; } pre { color:black; background-color:white; padding:6; font-size:9pt;} sup { color: #001144; } .copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF} .dots { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal} .whyBG, .dimBG { background-color: #B7B59C; border:#99000; } .whyBG, .bookBG { background-color: #FFF0F5; border:#800000; } .normXS1 { font-size: 10px; color: #FFFFFF; } .byline, .normS1 { font-size: 8pt; color: #FFFFFF; } .normM1 { font-size: 8pt; color: #FFFFFF; } .normL1 { font-size: 10pt; color: #FFFFFF; } .normXS2 { font-size: 10px; color: #000000; } .normS2 { font-size: 8pt; color: #000000; } .normM2 { font-size: 10pt; color: #000000; } .normL2 { font-size: 12pt; color: #000000; } .normXL2 { font-size: 14pt; color: #000000; } .normXScode { font-size: 10px; font-family: "Courier New", Courier, mono; } .normScode { font-size: 8pt; font-family: "Courier New", Courier, mono; } .normMcode { font-size: 10pt; font-family: "Courier New", Courier, mono; } .normLcode { font-size: 12pt; font-family: "Courier New", Courier, mono; } .normXLcode { font-size: 14pt; font-family: "Courier New", Courier, mono; } .invBG { background-color: #2F1F11; } .invBG a { color: #FFFFCC; } .invBG a:visited { color: #FFFFCC; } .invBG a:hover { color: #FFFFDD; } .invBG sup { color: #FFFFFF; } .invXS2 { font-size: 10px; color: #FFFFFF; } .invS2 { font-size: 8pt; color: #FFFFFF; } .invM2 { font-size: 10pt; color: #FFFFFF; } .invL2 { font-size: 12pt; color: #FFFFFF; } .invXL2 { font-size: 14pt; color: #FFFFFF; } .titlebar { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bolder; color: #FFFFFF; background-image: url(http://www.dragons-gate.com/images/greybackground.gif); background-color: #6699CC; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; } .title { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #FFFFFF;} .invtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #CCCC99;} .navbar, .navbardim { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #663300; text-decoration: none; font-weight:bold;} .navbarXS, .navbarXSdim { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #663300; text-decoration: none;} a.navbar, a.navbardim { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #663300; text-decoration: none; font-weight:bold; line-height: 14pt;} a.navbarS, a.navbarSdim { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #663300; text-decoration: none; font-weight:bold; line-height: 12pt;} a.navbarXS, a.navbarXSdim { font-family: Verdana, Arial, Helvetica, sans-serif; color: #663300; text-decoration: none; font-weight:bold;} .dash-div { background-image: url(http://www.dragons-gate.com/images/dashed_divider.gif); background-repeat: repeat-x} .yellowBG { background-color: #FFFF66; border:#A7A58C; } .redBG { background-color: #FF0000; border:#A7A58C; } .elegantXS1 { font-size: 10px; font-family: palatino linotype, verdana, arial, helvetica, sans-serif; color: #333333; } .elegantS1 { font-size: 8pt; font-family: palatino linotype, verdana, arial, helvetica, sans-serif; color: #333333; } .elegantM1 { font-size: 10pt; font-family: palatino linotype, verdana, arial, helvetica, sans-serif; color: #333333; } .elegantL1 { font-size: 12pt; font-family: palatino linotype, verdana, arial, helvetica, sans-serif; color: #333333; } .elegantXL1 { font-size: 14pt; font-family: palatino linotype, verdana, arial, helvetica, sans-serif; color: #333333; } .courierXS1 { font-size: 10px; font-family: Courier New, Courier, mono; color: #000000; } .courierS1 { font-size: 8pt; font-family: Courier New, Courier, mono; color: #000000; } .courierM1 { font-size: 10pt; font-family: Courier New, Courier, mono; color: #000000; } .courierL1 { font-size: 12pt; font-family: Courier New, Courier, mono; color: #000000; } .courierXL1 { font-size: 14pt; font-family: Courier New, Courier, mono; color: #000000; } .palerBG { background-color: #CCCC99} .alertXS1 { color: #CC3300; font-weight: bold ; font-size: 10px} .roseBG { background-color: #FFCCFF; border:#A7A58C; } .lavBG { background-color: #CCCCFF; border:#A7A58C; } .aquaBG { background-color: #3399CC; border:#A7A58C; } .paleyellowBG { background-color: #FFFFCC; border:#A7A58C; } .linvBG { background-color: #663399; } .normBG { background-color: #669900; background-image: url(http://www.dragons-gate.com/images/background.jpg)} a.normBG { color: #990000; } .normBG a:link { color: #990000; } .normBG a:active { color: #990000; } .normBG a:visited { color: #990000; } .normBG a:hover { color: #000000; } a.dimBG { color: #990000; } .dimBG a:link { color: #990000; } .dimBG a:active { color: #990000; } .dimBG a:visited { color: #990000; } .dimBG a:hover { color: #000000; } .paleBG { background-color: #EDEDDC} .paleBG a { color: #990000; } .paleBG a:link { color: #990000; } .paleBG a:visited { color: #990000; } .paleBG a:hover { color: #000000; } a:link.invXS2, .invXS2 a, .invXS2 a:link, .invXS2 a:visited, .invXS2 a:hover { color: #FFFFCC; } a:link.invXS3, .invXS3 a, .invXS3 a:link, .invXS3 a:visited, .invXS3 a:hover { color: #FFFFCC; } a:link.invXS1, .invXS1 a, .invXS1 a:link, .invXS1 a:visited, .invXS1 a:hover { color: #FFFFCC; } a:link.invS2, .invS2 a, .invS2 a:link, .invS2 a:visited, .invS2 a:hover { color: #FFFFCC; } a:link.invS3, .invS3 a, .invS3 a:link, .invS3 a:visited, .invS3 a:hover { color: #FFFFCC; } a:link.invS1, .invS1 a, .invS1 a:link, .invS1 a:visited, .invS1 a:hover { color: #FFFFCC; } a:link.invXL2, .invXL2 a, .invXL2 a:link, .invXL2 a:visited, .invXL2 a:hover { color: #FFFFCC; } a:link.invXL3, .invXL3 a, .invXL3 a:link, .invXL3 a:visited, .invXL3 a:hover { color: #FFFFCC; } a:link.invXL1, .invXL1 a, .invXL1 a:link, .invXL1 a:visited, .invXL1 a:hover { color: #FFFFCC; } a:link.invL2, .invL2 a, .invL2 a:link, .invL2 a:visited, .invL2 a:hover { color: #FFFFCC; } a:link.invL3, .invL3 a, .invL3 a:link, .invL3 a:visited, .invL3 a:hover { color: #FFFFCC; } a:link.invL1, .invL1 a, .invL1 a:link, .invL1 a:visited, .invL1 a:hover { color: #FFFFCC; } a:link.invM2, .invM2 a, .invM2 a:link, .invM2 a:visited, .invM2 a:hover { color: #FFFFCC; } a:link.invM3, .invM3 a, .invM3 a:link, .invM3 a:visited, .invM3 a:hover { color: #FFFFCC; } a:link.invM1, .invM1 a, .invM1 a:link, .invM1 a:visited, .invM1 a:hover { color: #FFFFCC; } .purple { color: #9900CC; font-weight: bold } .printspecial { mso-pagination:widow-orphan lines-together; page-break-after:avoid } .dotted { width: 100%; padding: 5px; border-style: dotted; border-width: 2px;} .dotted2 { width: 100%; padding: 5px; border-style: dashed; border-color: red; border-width: 2px;} .topMenu { filter:alpha(Opacity=100, FinishOpacity=70, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100); width: 150px; height: 52px; position:absolute; z-index:900; visibility:hidden; } .MenuBox { border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } a.MenuHeader { COLOR: #000099; FONT-SIZE: 75%; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.menuHeader:link { COLOR: #FFFFFF; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.menuHeader:visited { COLOR: #CCCCCC; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: line-through; FONT-WEIGHT: Bold; } a.menuHeader:hover { COLOR: #CCCCFF; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline overline; FONT-WEIGHT: Bold; } a.MenuItem { COLOR: #ffffff; FONT-SIZE: 70%; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.MenuItem:link { COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.MenuItem:visited { COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.MenuItem:hover { COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.topbarlinks, a.topbarlinks:link, a.topbarlinks:active, a.topbarlinks:visited { color: #FFFFFF; FONT-SIZE: 70%; FONT-FAMILY: Tahoma, Arial, Helvetica, sans- erif; TEXT-DECORATION: None; FONT-WEIGHT: Bold; } a.topbarlinks:hover { color: #000000; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline overline; FONT-WEIGHT: Bold; } .newsBox { border-style: solid; border: 1px #000000 solid; } .newsBox2 { border-style: solid; border: 1px #FFCC00 solid; } .bodyBG { } .maingamecell { border:1px #555666 solid; border-left:0px; padding:10px; } .leftgamecell { } .rightgamecell { border-left: 1px #999999 solid; padding:10px; } .gameBorder { border: 1px #66000 solid; background-color:#FFFFEE; } .gameBorderBG { background-color: #FFFFFF; border-bottom: 1px #000099 solid; } /* this sets an image to the left or to the right on a page */ .imageleft { margin: 0px 10px 0px 0px; float: left; } .imageright { margin: 0px 0px 0px 10px; float: right; } /* form buttons */ .form { background-color: #CEB565; background-image: url('images/button2.jpg'); color: #000000; font-weight: bold; padding: 2px 15x 2px 15px; border: 1px solid #000000; } /* Links area */ .whyBG, .linksdg { background-color: #CCCCFF; border:#000000; } a.linksdg { background-color: #C7C5AC; color: #990000; } .linksdg a:link { color: #990000; } .linksdg a:active { color: #990000; } .linksdg a:visited { color: #990000; } .linksdg a:hover { color: #000000; } /* hottopic area */ .hottopic { font-family: Verdana, Helvetica, sans-serif; background-color: #FFFFFF; color: #CEB565; font-size: 85%; vertical-align: top; text-align: left; width: 160px; margin: 0px 0px 0px 20px; padding: 5px; float: right; border: 1px dotted #D22D11; } .hottopic2 { font-family: Verdana, Helvetica, sans-serif; background-color: #FFFFFF; color: #CEB565; line-height: 14px; font-size: 90%; vertical-align: top; text-align: left; padding: 5px; border: 1px dotted #D22D11; } .pullquote {width: 145px; background:white; color:black; float: right; border:1px solid gold; font-weight:bold; line-height:140%; padding:5px; margin-top:10px; margin-left:10px; } /* COMBAT STYLESHEET */ .combattitlebar { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bolder; color: #371C00; background-color: #FFFBEC; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; } .spells { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bolder; color: #371C00; background-color: #CCCCFF; width: 100%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: none; } .mainColumn { width: 100%; padding: 10px; } .highlight { font-style: italic; font-weight: bolder; color: #3333FF} .alert { color: #CC3300; font-weight: bold} .whyBG, .leftblock1 { background-color: #222222; border:#A7A58C; } .whyBG, .leftblock2 {background-image: url(http://www.dragons-gate.com/images/pilebooks1.jpg); background-repeat: repeat;background-color: #222222; border:#A7A58C; } .whyBG, .dimBG { background-color: #000000; border:#A7A58C; } a.leftblock1 {color: #990000; } .leftblock1 a:link { color: #990000; } .leftblock1 a:active { color: #990000; } .leftblock1 a:visited { color: #990000; } .leftblock1 a:hover { color: #000000; } a.leftblock2 {color: #990000; } .leftblock2 a:link { color: #990000; } .leftblock2 a:active { color: #990000; } .leftblock2 a:visited { color: #990000; } .leftblock2 a:hover { color: #000000; } a.dimBG { color: #990000; } .dimBG a:link { color: #990000; } .dimBG a:active { color: #990000; } .dimBG a:visited { color: #990000; } .dimBG a:hover { color: #000000; } .normXS1 { font-size: 10px; color: #CCCCFF; } .norm1 { font-size: 10pt; color: #333333; } .normL1 { font-size: 12pt; color: #FFFFCC; } .normXL1 { font-size: 14pt; color: #333333; } .leftblockXS1 { font-size: 10px; color: #CEB565; } .leftblockS1 { font-size: 8pt; color: #CEB565; } .leftblockM1 { font-size: 10pt; color: #CEB565; } .leftblockL1 { font-size: 12pt; color: #CEB565; } .leftblockXL1 { font-size: 14pt; color: #CEB565; } .invXS3 { font-size: 10px; color: #FFFF99; } .invS3 { font-size: 8pt; color: #FFFF99; } .invM3 { font-size: 10pt; color: #FFFF99; } .invL3 { font-size: 12pt; color: #FFFF99; } .invXL3 { font-size: 14pt; color: #FFFF99; } .paleBG { background-color: #EDEDDC} .paleBG a { color: #990000; } .paleBG a:link { color: #990000; } .paleBG a:visited { color: #990000; } .paleBG a:hover { color: #000000; } .invBG { background-color: #000000; } .invBG a { color: #FFFFCC; } .invBG a:visited { color: #FFFFCC; } .invBG a:hover { color: #FFFFDD; } .invBG sup { color: #FFFFFF; } .lefttextnew, .lefttext, .invXS1 { font-size: 10px; color: #000000; } .invS1 { font-size: 8pt; color: #CCCC99; } .invM1 { font-size: 10pt; color: #CCCC99; } .invL1 { font-size: 12pt; color: #CCCC99; } .invXL1 { font-size: 14pt; color: #CCCC99; } .lefttext a, .lefttext a:visited, .lefttext a:hover { color: #FFFFCC; } /* SECOND STYLESHEET */ body, .normBG { background-color: #EDEDDC; } .normBG { background-image: url(http://www.dragons-gate.com/images/paperbackground.jpg)} .submitButton { font-family: Verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #FFFFCC; background-color: #000000; font-weight: bold; border: 2px outset; border-color: #CC9933 #996600 #996600 #CC9933} .submitButton2 { font-family: Verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #53321A; background-color: #FFFF99; font-weight: bold; border: 2px outset; border-color: #FFCC00 #FF9900 #FF9900 #FFCC00} .submitButton3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #FF6600; border-color: #FF9900 #CC3300} .submitButton4 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #FF6600; border-color: #FF9900 #CC3300 } .submitButton5 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #003399; border-color: #FF9900 #CC3300 } .playButton { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #001073; border-color: #99A1CC #081033 #081033 #CCD2E3; font-size: 10pt; font-weight: bold; border-style: double; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px} .loginf { background-color: #E2E2C7; font-family: "Courier New", Courier, mono; font-size: 10pt; width: 100px; position: relative; clip: rect()} .inputField { font-family: "Courier New", Courier, mono; font-size: 10pt; color: #53321A; background-color: #FFFFCC; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .invHeaderM1 { font-size: 10pt; color: #AABFD5; background-color: #404850; border-color: #979797 #979797 #171717 #171717; color: #ffffff; } .invTable { border-color: #404850; } .invDataS1 { font-size: 9pt; color: #000000; background-color: #B7B59C; border-color: #000000; } .hsn2003BG { padding: 5px; background-color: #D1D1BA; border: #EDEDDC; border-style: double; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px } .parchmentBG { background-image:url(http://www.dragons-gate.com/images/background.jpg); border: 1px #CCCCCC; border-style:solid; } .parchmentBG1 { background-image:url(http://www.dragons-gate.com/images/paperbackground.jpg); border: 1px #CCCCCC; border-style:solid; } .gameBanner { background-image:url(http://www.dragons-gate.com/images/logo8.jpg); width:800px; height:147px; background-repeat:no-repeat; } .loginbutton { font-family:arial; font-size:10px; font-weight:bold; background-color: #CC9966; color:#000000; border:1px #FFFFFF; border-style:solid; } .newsBox { background-color:#F3F0E7; } .maintableBG { background-color: #2F2F4F; background-image: url(http://www.dragons-gate.com/images/background.jpg) } .bodyBG { background-color:#C7C5AC; } .pad5 { padding: 5px; } .pad10 { padding: 10px; } .loginfnew { width:80px; border:1px #000000; border-style:solid; font-family: "Courier New", Courier, mono; font-size: 11px; clip: rect(); } .leftgamecell { background-color: #FFFFFF; } .titlebar { border: 1px #000000 solid; } .leftColumn { width: 155px; } .mainColumn { width: 100%; padding: 10px; } .rightColumn { width: 160px; } /* Heading special effects */ H1 { font-size: 16px; font-weight: bold; text-align: left; letter-spacing: 3; color: #CEB565; } h2 { text-align: left; font-size: 14px; font-weight: bold; letter-spacing: 2; color: #A88426; padding: 1px; border-bottom: 1px dotted #A88426; } h3, { font-size : 14px; font-weight : bold; color : #A88426; } h4, h5 { font-size : 14px; font-weight : bold; color : #A88426; } h6 { font-size : 14px; font-weight : bold; color : #000000; width: 100%; border-bottom: 1px solid #000000; } /* classes for main text area old page */ .main1 { background-color: #D5D1BB; color: #000000; text-align: justify; vertical-align: top; padding: 15px; border: 1px solid #857B45; margin: 5px 0px 5px 0px; }