User:Leonim/vector.css
From Guild Wars 2 Wiki
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@font-face { font-family: 'EasonPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EasonPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'EasonPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'CronosPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal; } @font-face { font-family: 'CronosPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-italic-webfont.woff') format('woff'); font-weight:normal; font-style:italic; } @font-face { font-family: 'CronosPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-semibold-webfont.woff') format('woff'); font-weight:bold; font-style:normal; } @font-face { font-family: 'CronosPro'; src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-semibolditalic-webfont.woff') format('woff'); font-weight:bold; font-style:italic; } /**VECTOR.CSS only changes: shadows for main content background, fonts for headers**/ html, body { height: auto; min-height: 100%; } body { background-image: url(images/0/02/User_Alfa-R_background.jpg); background-repeat: no-repeat; background-position: top left; background-color: #dadada; } #p-logo a { background-image: url(images/6/6f/User_Alfa-R_logo.png) !important; } #p-logo { background-color: transparent; } #p-personal { background-color: #fff; right:0; padding-right:0.75em; border-radius: 0 0 0 0.75em; margin-left: 8.5em; } #p-personal li { margin: 0.5em 0 0.5em 0.75em; } #p-personal, #footer { font-size: 1.2em; } #footer { margin-left:8.33em; } #footer, #content, #mw-head-base { background-image: none; } #mw-panel div.portal div.body { background-image: none; border-top: solid 1px #999; margin-right: 1.25em; } #mw-panel div.portal div.body ul li { font-size: 0.9em; line-height: 0.9em; } #mw-panel div.portal h5 { text-transform: uppercase; color: #000; padding-left: 1.35em; font-size: 0.9em; } h1, h2, h3, h4, h5 { font-family: "EasonPro", Helvetica, Arial, sans-serif !important; text-shadow: #fefefe 0 0 1px; } h1, h2, h3 { font-weight: normal; } h4, h5, h6 { font-weight: bold; } h1 { font-size: 34px; } h2 { font-size: 27px; } h3 { font-size: 22px; } h4 { font-size: 19px; } h5 { font-size: 17px; } .editsection { font-family: "CronosPro", Helvetica, Arial, sans-serif; text-transform: none; font-weight: normal; font-style: normal; } @media only screen and (min-device-width: 800px) { .editsection { display:none; float: left; margin-right: 0.5em; } :hover > .editsection { display: block; } } #content { border-top: 1px solid #999; box-shadow: rgba(0, 0, 0, 0.75) 0 0.2em 1em; } #bodyContent, #mw-head, #mw-panel, #footer, input { font-family: "CronosPro", Helvetica, Arial, sans-serif; } #bodyContent { font-size: 100%; line-height: 1.35em !important; } #bodyContent p, #bodyContent ul, #bodyContent ol, #bodyContent table, #bodyContent li, #bodyContent dd, #bodyContent dt, #bodyContent dl { line-height: 1.35em !important; } body.page-Main_Page h1.firstHeading { display:none; } body.page-Main_Page #content, body.page-Main_Page_editcopy #content { padding: 1em 0 0.5em; } body.page-Main_Page_editcopy #content h1.firstHeading { margin-left:1em; } textarea, pre { font-size: 100%; font-family: monospace; } /*VECTOR TABS*/ #firstHeading { margin-top:0.25em; font-size:34px; } div.vectorTabs { padding:0px; background-color:transparent; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999; background-image: none; } #right-navigation div.vectorTabs { margin:-1px; } div.vectorMenu ul { margin-left:0; background-color: #eee; border: solid 1px #999; box-shadow: rgba(0,0,0,0.1) 0 0 0.75em; } div.vectorTabs ul li { line-height: 0; background-image: none; background-color: transparent; border-right: 1px solid #999; } div.vectorTabs li a { height: 2em; padding-left: 0.75em; padding-right: 0.75em; background-image: none; } div.vectorTabs li.selected { background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); background-color: #fff; border-right: 1px solid #999; box-shadow: rgba(0,0,0,0.2) 0 0 0.75em; } #left-navigation, #right-navigation { background-color: #ddd; background-image: linear-gradient(top, #ccc 0%, #eee 100%); background-image: -o-linear-gradient(top, #ccc 0%, #eee 100%); background-image: -moz-linear-gradient(top, #ccc 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #ccc 0%, #eee 100%); background-image: -ms-linear-gradient(top, #ccc 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #eee)); } #left-navigation { top: 3.5em; left:10.75em; box-shadow: rgba(0,0,0,0.5) 0 -0.2em 0.6em; } #right-navigation { height:2em; margin-right:0.4em; margin-top: 3.5em; border:1px solid #999; box-shadow: rgba(0,0,0,0.25) 0 -0.1em 0.4em; } #mw-page-base { background:none; height: 5em; } #simpleSearch { margin: 0; } #p-search { margin:-1px; } #p-search form, #p-search input { margin: 0; } #simpleSearch input#searchInput { line-height: 1em; font-size: 1em; width: 10em; height: 1.5em; padding-left:0.5em; } #ca-unwatch.icon a, #ca-watch.icon a, div.vectorMenu h5 a { height:2em; } #ca-unwatch.icon, #ca-watch.icon { margin-right: 0px; } div.vectorTabs ul, div.vectorMenu h5 a { background: none; } /*Suppress the person icon by your username*/ li#pt-userpage { background: none; padding-left: 0px !important; } /*Recent changes "byte count change" text colours*/ .mw-plusminus-pos { color:#060; } .mw-plusminus-neg { color:#900; } /*search placeholder style*/ input:-moz-placeholder { font-style: italic; } input::-webkit-input-placeholder { font-style: italic; } /**COMMON CHANGES**/ /**PROFESSION COLORS CLASSES**/ .guardiandark { background-color: #066 !important; } .warriordark { background-color: #c60 !important; } .engineerdark { background-color: #630 !important; } .rangerdark { background-color: #360 !important; } .thiefdark { background-color: #933 !important; } .elementalistdark { background-color: #c00 !important; } .mesmerdark { background-color: #606 !important; } .necromancerdark { background-color: #063 !important; } .asuradark { background-color: #63C !important; } .charrdark { background-color: #900 !important; } .humandark { background-color: #c90 !important; } .norndark { background-color: #069 !important; } .sylvaridark { background-color: #060 !important; } /**MAIN PAGE STYLESHEET**/ #mainpagenavigation { box-shadow: rgba(0, 0, 0, 0.5) 0 0 0.75em; border-collapse:collapse; text-align:left; } #mainpagenavigation th { text-align:center; font-family: "EasonPro", Helvetica, Arial, sans-serif; font-size: 1.4em; padding: 0.25em; color:white; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em; background-color: #444; background-image: url("http://wiki.guildwars2.com/images/4/41/User_Alfa-R_bg_gradient.jpg") !important; } #mainpagenavigation td { background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #eee)); } #mainpagenavigation tr.header { height:50px; } #mainpagenavigation td.content { padding:0.5em 2%; vertical-align:top; } #mainpagenavigation td.content.separator { border-right:#ccc solid 1px; } #mainpagenavigation #newsblock dd a:link { color: #0645AD; } #mainpagenavigation #newsblock dd a:visited { color: #0B0080; } #mainpagenavigation dd a:link, #mainpagenavigation dd a:visited { color: #000; } /**CATEGORIES TOOLBAR AND TOC**/ #catlinks, .toc { box-shadow: rgba(0, 0, 0, 0.25) 0 0 0.75em; border: 1px solid silver; background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); } /**TABLES**/ th { background-image: url("http://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png") !important; } /**INFOBOXES**/ /*General*/ div.infobox { margin: 5px 0 5px 5px; box-shadow: rgba(0, 0, 0, 0.25) 0 0 0.75em; background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); } div.infobox .icon { position:relative; margin: 5px; } div.infobox .icon p { color: #444; font-size: 0.66em; background-color: rgba(255, 255, 255, 0.5); border-radius: 0.66em; margin: 0.4em -0.4em 0.5em; } div.infobox .heading, div.nav .heading { font-family: "EasonPro", Helvetica, Arial, sans-serif !important; font-weight: bold; font-size: 12pt; background-image: url("http://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png") !important; box-shadow: rgba(0,0,0,0.25) 0 0.1em 0.6em; line-height: 1.2em; padding: 0.5em; text-align: center; } div.infobox .heading { color: white; margin: 0 0 5px; background-color: #444; text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em; } div.infobox dt { padding: 2px 8px 2px 3px; } div.infobox table, div.nav table { background-color: transparent; } div.infobox.skill .icon img, div.infobox.armor .icon img, div.infobox.weapon .icon img, div.infobox.item .icon img { box-shadow: #000 0 0 0.75em; } /*Item infoboxes*/ div.infobox.armor dd, div.infobox.weapon dd, div.infobox.item dd { border-color: #c30; } div.infobox.armor .heading, div.infobox.weapon .heading, div.infobox.item .heading { background: #c30; } div.infobox.armor .icon p { margin: 0 0 -20px 0; } /*NPC infobox*/ div.infobox.npc dd { border-color: #390; } div.infobox.npc .heading { background: #390; } div.infobox.npc .image_wrapper { text-align: center; padding: 0 0 10px 0; } /*Skill and trait infobox*/ div.infobox.skill dd, div.infobox.trait dd { border-color: #999; } div.infobox.skill .heading, div.infobox.trait .heading { background: #444; } /*Effect infobox*/ div.infobox.effect .condition { background: #030; } div.infobox.effect .boon { background: #399; } /*Pet infobox*/ div.infobox.pet dd { border-color: #360; } div.infobox.pet .heading { background: #360; } /* Quest infobox */ div.infobox.quest dd { border-color: #f90; } div.infobox.quest .heading { background: #f90; } /*Rune infobox*/ div.infobox.rune { width:275px; } div.infobox.rune dt { width:100px; } div.infobox.rune dd { border-color: #c30; width:100px; } div.infobox.rune .heading { background: #c30; } div.infobox.rune .icon p { margin: 0px 0px -20px 0px; } /**NAV BARS (headings are done with infobox headings)**/ div.nav { position: relative; width: 500px; margin: auto; } div.nav .box { position: relative; box-shadow: rgba(0, 0, 0, 0.25) 0 0 0.75em; font-size: 90%; margin: 5px; padding: 0px; border-spacing: 0px; overflow: hidden; min-height: 60px; background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); border: 1px solid silver; } div.nav .subheading { font-family: "EasonPro", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; padding: 5px; background-color: #444; background-image: url("http://wiki.guildwars2.com/images/3/39/User_Alfa-R_infobox_hader_overlay.png") !important; } div.nav .center { text-align: center; margin: 6px 0; } div.nav .box table { background-color: transparent; } div.nav dt { float: left; text-align: right; padding: 2px 8px 0px 3px; width: 125px; line-height: 1em; margin:0; } div.nav dd { float: left; text-align: left; padding: 2px 7px; border-left: #444 solid 2px; margin:0; width:325px; } /**Allows for smaller (horizontal) navs**/ div.nav.thin .box { width: 400px; margin-left:50px;} div.nav.thin dt { width: 75px; } div.nav.thin dd { width: 290px; } /**Allows for wider (horizontal) navs**/ div.nav.wide .box { width: 600px; margin-left:-50px; } div.nav.wide dt { width: 150px; } div.nav.wide dd { width: 400px; } /**NPC navs**/ div.nav.npc .heading { background-color: #6c3; } div.nav.npc dd { border-color: #6c3; } /**PvE navs**/ div.nav.pve .heading { background-color: #fc6; } div.nav.pve dd { border-color: #fc6; } /**Equipment navs**/ div.nav.equip .heading { background-color: #f96; } div.nav.equip dd { border-color: #f96; } /**Mechanics navs**/ /**Professions/attributes/races**/ div.nav.mech1 .heading { background-color: #69c; } div.nav.mech1 dd { border-color: #69c; } /**Other mechanics**/ div.nav.mech2 .heading { background-color: #3cc; } div.nav.mech2 dd { border-color: #3cc; } /**World navs**/ /**Locations**/ div.nav.location .heading { background-color: #96c; } div.nav.location dd { border-color: #96c; } /**Lore**/ div.nav.lore .heading { background-color: #c6c; } div.nav.lore dd { border-color: #c6c; } /**Promotional material navs**/ div.nav.promo .heading { background-color: #9c3; } div.nav.promo dd { border-color: #9c3; } /**Hall of Monuments nav**/ div.nav.hom .heading { background-color: #c96; } div.nav.hom dd { border-color: #c96; } /**Asura storyline nav**/ div.nav.asura .heading { background-color: #96f; } div.nav.asura .subheading { background-color: #96f; } div.nav.asura dd { border-color: #96f; } /**Charr storyline nav**/ div.nav.charr .heading { background-color: #f33; } div.nav.charr .subheading { background-color: #f33; } div.nav.charr dd { border-color: #f33; } /**Human storyline nav**/ div.nav.human .heading { background-color: #fc3; } div.nav.human .subheading { background-color: #fc3; } div.nav.human dd { border-color: #fc3; } /**Norn storyline nav**/ div.nav.norn .heading { background-color: #6cf; } div.nav.norn .subheading { background-color: #6cf; } div.nav.norn dd { border-color: #6cf; } /**Sylvari storyline nav**/ div.nav.sylvari .heading { background-color: #3c3; } div.nav.sylvari .subheading { background-color: #3c3; } div.nav.sylvari dd { border-color: #3c3; }