|
|
| Line 1: |
Line 1: |
| | /** CSS placed here will be applied to all skins */ | | /** CSS placed here will be applied to all skins */ |
| − |
| |
| − | /* Temporary measure to tell people to ^F5/shift-refresh to get the CSS */
| |
| − | .haveskillcss {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | /* For progression tables, [[Template:Progression]] (used in [[Template:Skill box]]) */
| |
| − | table.progression {
| |
| − | padding: 2px;
| |
| − | background: #f9f9f9;
| |
| − | border: 2px solid black;
| |
| − | border-collapse: collapse;
| |
| − | margin-bottom: 0.5em;
| |
| − | margin-top: 0.5em;
| |
| − | }
| |
| − |
| |
| − | table.progression td, table.progression th {
| |
| − | width: 3%;
| |
| − | border: 1px solid black;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | table.progression td.firstcol {
| |
| − | font-weight: bold;
| |
| − | border-right: 2px solid black
| |
| − | }
| |
| − |
| |
| − | table.progression tr.firstrow td {
| |
| − | border-bottom: 2px solid black;
| |
| − | }
| |
| − |
| |
| − | table.progression tr.firstrow td.firstcol {
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − |
| |
| − | table.progression tr.firstrow td.p0, table.progression tr.firstrow td.p12 {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | table.progression td.p12 {
| |
| − | border-right: 2px solid black;
| |
| − | }
| |
| − |
| |
| − | /* For the basic skill box, [[Template:Skill box]] */
| |
| − | div.skillbox {
| |
| − | position: relative;
| |
| − | float: right;
| |
| − | }
| |
| − |
| |
| − | div.editskill {
| |
| − | font-size: 80%;
| |
| − | text-align: right;
| |
| − | }
| |
| − |
| |
| − | table.skillbox {
| |
| − | margin-left: 1em;
| |
| − | margin-bottom: 1.25em;
| |
| − | border-collapse: collapse;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | table.skillbox td.name {
| |
| − | text-align: center;
| |
| − | font-weight: bold;
| |
| − | background: lightgreen;
| |
| − | border:1px black solid;
| |
| − | }
| |
| − |
| |
| − | table.skillbox td.icon {
| |
| − | text-align: center;
| |
| − | padding: 1px;
| |
| − | border: 1px black solid;
| |
| − | }
| |
| − |
| |
| − | table.skillbox td.stats {
| |
| − | border: 1px black solid;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | table.skillbox td.properties {
| |
| − | border: 1px black solid;
| |
| − | }
| |
| − |
| |
| − | table.skillproperties {
| |
| − | border:none;
| |
| − | padding:2px;
| |
| − | }
| |
| − |
| |
| − | table.skillproperties td.campaign, table.skillproperties td.type, table.skillproperties td.profession, table.skillproperties td.attribute {
| |
| − | text-align: right;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | table.skillproperties td.campaigndata, table.skillproperties td.typedata, table.skillproperties td.professiondata, table.skillproperties td.attributedata {
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − |
| |
| − | /* For various displays of skill stats, used in many skill boxes */
| |
| − | table.skillstats {
| |
| − | width: 100%;
| |
| − | border: none;
| |
| − | background: transparent;
| |
| − | padding: 0px;
| |
| − | margin: 0px;
| |
| − | }
| |
| − |
| |
| − | table.skillstats td.stat {
| |
| − | text-align: right;
| |
| − | width: 13%;
| |
| − | border: none;
| |
| − | padding: 0px;
| |
| − | margin: 0px;
| |
| − | }
| |
| − |
| |
| − | table.skillstats td.statdata {
| |
| − | text-align: left;
| |
| − | width: 12%;
| |
| − | border: none;
| |
| − | padding: 0px;
| |
| − | margin: 0px;
| |
| − | }
| |
| − |
| |
| − | div.fakeh2 {
| |
| − | width: 100%;
| |
| − | color: black;
| |
| − | background: none;
| |
| − | font-weight: normal;
| |
| − | margin: 0;
| |
| − | padding-top: .5em;
| |
| − | padding-bottom: .17em;
| |
| − | border-bottom: 1px solid #aaa;
| |
| − | font-size: 150%;
| |
| − | }
| |
| − |
| |
| − | /* For other types of skill boxes (qr, ias, fail, etc.)
| |
| − | qr mostly gets its own classes since it specifies widths to get multiple, separate tables on the same page to align columns
| |
| − | other templates should try to use the other classes */
| |
| − | table.qr {
| |
| − | width: 100%;
| |
| − | padding: 1px;
| |
| − | border: 1px solid black;
| |
| − | border-collapse: collapse;
| |
| − | clear: right;
| |
| − | }
| |
| − |
| |
| − | table.qr td, table.qr th {
| |
| − | vertical-align: middle;
| |
| − | text-align: left;
| |
| − | border: 1px solid black;
| |
| − | padding: 1px;
| |
| − | }
| |
| − |
| |
| − | table.qr td.name {
| |
| − | padding-left: 2px;
| |
| − | text-align: left;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | table.qr td.smallskillicon {
| |
| − | width: 25px;
| |
| − | height: 25px;
| |
| − | }
| |
| − |
| |
| − | table.qr td.skillicon {
| |
| − | width: 64px;
| |
| − | width: 64px;
| |
| − | }
| |
| − |
| |
| − | table.qr td.qrname {
| |
| − | width: 100px;
| |
| − | padding: 0px 6px;
| |
| − | font-weight: bold;
| |
| − | } /* no idea why padding is set like this, someone else did it */
| |
| − |
| |
| − | table.qr td.qrdesc {
| |
| − | padding: 0px 6px;
| |
| − | } /* still no idea. Don't ask me. I just work here. */
| |
| − |
| |
| − | table.qr td.qrstats {
| |
| − | width: 176px;
| |
| − | height: 27px;
| |
| − | padding: 0px;
| |
| − | margin: 0px;
| |
| − | } /* height is the height of the recharge image, the tallest icon (I think) */
| |
| − |
| |
| − | table.qr td.qrcampaign {
| |
| − | width: 121px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | table.qr td.qrdupe {
| |
| − | width: 30px;
| |
| − | text-align: center;
| |
| − | padding: 2px
| |
| − | }
| |
| − |
| |
| − | table.qr td.qrquest {
| |
| − | width: 17px;
| |
| − | text-align: center;
| |
| − | padding: 2px;
| |
| − | }
| |
| − |
| |
| − | table.qr div.editsection {
| |
| − | font-weight: normal;
| |
| − | }
| |
| − |
| |
| − | table.qr span.desctype {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | table.qr td.elite {
| |
| − | background: gold;
| |
| − | }
| |
| − |
| |
| − | table.qr td.nonelite {
| |
| − | background: lightgreen;
| |
| − | }
| |
| − |
| |
| − | table.qr td.qrnonelite {
| |
| − | background: black;
| |
| − | }
| |
| − |
| |
| − | table.qr td.data {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | table.qr td.notes {
| |
| − | padding-left: 0.5em;
| |
| − | padding-right: 0.5em;
| |
| − | }
| |
| − |
| |
| − | table.qr td.type {
| |
| − | text-align: center;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | table.qr td.stats {
| |
| − | padding: 0px;
| |
| − | width: 180px;
| |
| − | }
| |
| − |
| |
| − | table.qr td.shorthandattr {
| |
| − | white-space: nowrap;
| |
| − | padding-right: 0.5em;
| |
| − | }
| |
| − |
| |
| − | table.qr td.shorthandcam {
| |
| − | font-weight: bold;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | == Styles for the build template ==
| |
| − | */
| |
| − |
| |
| − | div.build-types li {
| |
| − | display: inline;
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | div.build-types a {
| |
| − | display: block;
| |
| − | float: left;
| |
| − | width: 5em;
| |
| − | text-align: center;
| |
| − | font-size: 1.1em;
| |
| − | font-weight: bold;
| |
| − | margin: 1px;
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | div.build-types .pvp a {
| |
| − | background: #fed;
| |
| − | border: 3px solid #f40;
| |
| − | }
| |
| − |
| |
| − | div.build-types .pve a {
| |
| − | background: #ddf;
| |
| − | border: 3px solid #22f;
| |
| − | }
| |
| − |
| |
| − | div.build-types .campaign a {
| |
| − | background: #cf9;
| |
| − | border: 3px solid #0c0;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | == Styles for profession colours ==
| |
| − | */
| |
| − |
| |
| − | .warrior { background-color: #FF8; border: 1px solid #EA3; }
| |
| − | .ranger { background-color: #CF9; border: 1px solid #5A0; }
| |
| − | .monk { background-color: #ACF; border: 1px solid #44B; }
| |
| − | .necromancer { background-color: #9FC; border: 1px solid #0A5; }
| |
| − | .mesmer { background-color: #DAF; border: 1px solid #80A; }
| |
| − | .elementalist { background-color: #FBB; border: 1px solid #B33; }
| |
| − | .assassin { background-color: #FCE; border: 1px solid #A08; }
| |
| − | .ritualist { background-color: #BFF; border: 1px solid #0AA; }
| |
| − | .paragon { background-color: #FC9; border: 1px solid #960; }
| |
| − | .dervish { background-color: #DDF; border: 1px solid #77C; }
| |
| − | .no-profession { background-color: #DDD; border: 1px solid #666; }
| |
| − |
| |
| − |
| |
| − | /*
| |
| − | == gwbbcode style ==
| |
| − | */
| |
| − |
| |
| − | .skill_link {color: #0000FF;}
| |
| − |
| |
| − | .gwnoborder {padding: 0; margin: 0;}
| |
| − | table.gwborder {width: 446px;}
| |
| − | img.no_link {border: none;}
| |
| − | .table_image {vertical-align: top; text-align: center; font-size: 10pt; padding-right: 10px;}
| |
| − | .skill_text {vertical-align: top;}
| |
| − | .skill_name {font-size: 15px; font-weight: 700; color: #bfb38b; float: left;}
| |
| − | .skill_desc {text-align: left; font-size: 11px; color: white; line-height: 20px; clear: both; display: block; padding-top: 5px;}
| |
| − | .skill_camp {font-weight: bold; color: #aad38b; font-size: 9px;}
| |
| − | .expert {color: #A1AEFF; padding-left: 2px;}
| |
| − |
| |
| − |
| |
| − | .build_name {text-align: left; font-size: 11pt; font-weight: 700; color: #bfb38b; padding-bottom: 5px;}
| |
| − | .build_desc {text-align: left; font-size: 11px; color: white; line-height: 20px;}
| |
| − | .build_lilname {font-size: 10px; padding: 0px; line-height: 12px;}
| |
| − | .attribute {padding-left: 20px; font-size: 12px; color: white; line-height: 20px;}
| |
| − |
| |
| − | .skill_requirements {display: inline; padding: 0; margin: 0; list-style-type: none;}
| |
| − | .skill_requirements li {display: inline; float: right; margin-right: 5px; font-weight: bold; font-size: 12px; color: white;}
| |
| − | span.variable {color: #88FF88; font-weight: bold;}
| |
| − |
| |
| − |
| |
| − | .table_image, .skill_name, .skill_desc, .skill_camp, .expert, .build_name, .build_desc, .attribute, .skill_requirements, .skill_requirements li, span.variable {
| |
| − | font-family: verdana, Helvetica, sans-serif;
| |
| − | }
| |
| − |
| |
| − | /* Border declarations for Build tooltips by Kills Less */
| |
| − |
| |
| − | .border_topleft {background-image: url(./gwbbcode/img_border/topleft.gif); width: 3px; height: 3px;}
| |
| − | .border_top {background-image: url(./gwbbcode/img_border/top.gif); height: 3px;}
| |
| − | .border_topright {background-image: url(./gwbbcode/img_border/topright.gif); width: 3px; height: 3px;}
| |
| − | .border_left {background-image: url(./gwbbcode/img_border/left.gif); width: 3px;}
| |
| − | .border_right {background-image: url(./gwbbcode/img_border/right.gif); width: 3px;}
| |
| − | .border_bottomleft {background-image: url(./gwbbcode/img_border/bottomleft.gif); width: 3px; height: 3px;}
| |
| − | .border_bottom {background-image: url(./gwbbcode/img_border/bottom.gif); height: 3px;}
| |
| − | .border_bottomright {background-image: url(./gwbbcode/img_border/bottomright.gif); width: 3px; height: 3px;}
| |
| − |
| |
| − | /* Build Box declarations by Kills Less */
| |
| − |
| |
| − | table.buildbox {height: 100px;}
| |
| − | .buildbox_left {
| |
| − | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='./gwbbcode/img_border/buildbox_left.png');
| |
| − | width:50px;
| |
| − | height:80px;
| |
| − | }
| |
| − |
| |
| − | .buildbox_right {
| |
| − | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='./gwbbcode/img_border/buildbox_right.png');
| |
| − | width:50px;
| |
| − | height:80px;
| |
| − | }
| |
| − |
| |
| − | .buildbox_left[class] background-image:url(./gwbbcode/img_border/buildbox_left.png);background-repeat:no-repeat;width:20px;height:50px}
| |
| − |
| |
| − | .buildbox_center {
| |
| − | background-image: url(./gwbbcode/img_border/buildbox_center.png);
| |
| − | height: 100px
| |
| − | }
| |
| − |
| |
| − | .buildbox_right[class] {
| |
| − | background-image: url(./gwbbcode/img_border/buildbox_right.png);
| |
| − | background-repeat: no-repeat;
| |
| − | width: 20px;
| |
| − | height: 50px
| |
| − | }
| |
| − |
| |
| − | .translucent {
| |
| − | background:#161411;
| |
| − | filter:alpha(opacity=93,style=0);
| |
| − | -moz-opacity:.93;
| |
| − | opacity:.93;
| |
| − | padding: 5px;
| |
| − | width: 440px; /* Needed otherwise Nosebleed blows the popup up */
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | /* Needed otherwise Nosebleed blows the popup up */
| |
| − | table.gwborders {width: 450px;}
| |
| − |
| |
| − | /* This is where you can customize the appearance of the tooltip */
| |
| − | div#overDiv {
| |
| − | position:absolute; visibility:hidden; z-index:10000;
| |
| − | }
| |
