Difference between revisions of "MediaWiki:Common.css"
From King Arthur's Gold Wiki
m (ok, serious business needs serious actions!) |
|||
Line 1: | Line 1: | ||
+ | /* !!! WARNING: DO NOT CHANGE ANYTHING ON THIS PAGE UNLESS YOU KNOW WHAT YOU ARE DOING AND ARE AUTHORIZED TO DO SO !!! */ | ||
+ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* CSS placed here will affect users of the Vector skin */ | ||
+ | /* If you don't master CSS, don't modify this */ | ||
+ | |||
+ | /* THE FIRST BOX ON HOMEPAGE */ | ||
+ | |||
+ | #homepageMainBox{ | ||
+ | width: 50%; | ||
+ | height:63px; | ||
+ | background-color:#62888b; | ||
+ | background:url(https://wiki.kag2d.com/images/7/7f/FondTitle.png) repeat-x; | ||
+ | margin: 1em auto; | ||
+ | text-align: center; | ||
+ | padding:0.5em; | ||
+ | padding-bottom:0.3em; | ||
+ | |||
+ | /* put some css3 because it's awesome */ | ||
+ | border-radius:5px; | ||
+ | box-shadow: | ||
+ | 0px 2px 2px 0px rgba(0, 0, 0, 0.5), | ||
+ | 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; | ||
+ | |||
+ | } | ||
+ | /* Colored background to be able to read the text O_o */ | ||
+ | #coloredBackground{ | ||
+ | background-color: rgba(1, 1, 1, 0.15); | ||
+ | color:#f2f2f2; | ||
+ | text-shadow: 0px 1px 1px #4d4d4d; | ||
+ | |||
+ | /* Add shadow to the black background :O Create a nice inset effect, huuum I love it*/ | ||
+ | -webkit-box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); | ||
+ | -moz-box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); | ||
+ | box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); | ||
+ | |||
+ | } | ||
+ | |||
+ | /* 3d title was not a good idea ! :D */ | ||
+ | #titleHomepage{ | ||
+ | text-shadow: 0px 2px 3px #666; | ||
+ | } | ||
+ | |||
+ | #homepageMainBox a{ | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | /* No black text on dark background pl0x*/ | ||
+ | |||
+ | /* THE MIDDLE ROW ON MAIN PAGE (with description and news) */ | ||
+ | |||
+ | #homepageMiddleRow td{ | ||
+ | background:#e3e3e3; | ||
+ | border-top:1px solid #a4a4a4; | ||
+ | border-right:1px solid #a4a4a4; | ||
+ | border-left:1px solid #a4a4a4; | ||
+ | border-bottom:1px solid #a4a4a4; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | padding-top:10px; | ||
+ | padding-bottom:10px; | ||
+ | |||
+ | -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | |||
+ | } | ||
+ | |||
+ | #homepageMiddleRow td b{ | ||
+ | color:#232323; | ||
+ | |||
+ | background-attachment: scroll; | ||
+ | background-clip: border-box; | ||
+ | background-color: transparent; | ||
+ | background-image: url("https://wiki.kag2d.com/images/c/c4/Arrowdown.png"); | ||
+ | background-origin: padding-box; | ||
+ | background-position: right center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: auto auto; | ||
+ | padding-bottom: 0.4em; | ||
+ | padding-left: 0; | ||
+ | padding-right: 15px; | ||
+ | padding-top: 0.2em; | ||
+ | } | ||
+ | |||
+ | #homepageMiddleRow li{ | ||
+ | text-align:left; | ||
+ | list-style-type:square; | ||
+ | } | ||
+ | |||
+ | #homepageMiddleRow li a{ | ||
+ | color:#0c0c0c; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | #homepageMiddleRow li a:hover{ | ||
+ | color:#222222; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #homepageMiddleRow ul{ | ||
+ | } | ||
+ | |||
+ | /* END OF MIDDLE ROW */ | ||
+ | |||
+ | /* ALL THIS IS THE KAG-LIKE MENU */ | ||
+ | /* It looks like the game menus, if you don't like it you should tell MM :O */ | ||
+ | |||
+ | #homepageMenu td{ | ||
+ | background:#687364; | ||
+ | border-top:1px solid #391a1a; | ||
+ | border-right:1px solid #391a1a; | ||
+ | border-left:1px solid #1f0b0b; | ||
+ | border-bottom:1px solid #1f0b0b; | ||
+ | border-radius: .7em; | ||
+ | -moz-border-radius: .7em; | ||
+ | -webkit-border-radius: .7em; | ||
+ | padding-top:10px; | ||
+ | padding-left:15px; | ||
+ | padding-bottom:10px; | ||
+ | |||
+ | -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | |||
+ | } | ||
+ | |||
+ | #homepageMenu td b{ | ||
+ | color:white; | ||
+ | text-shadow: 0 1px 1px black; | ||
+ | |||
+ | background-attachment: scroll; | ||
+ | background-clip: border-box; | ||
+ | background-color: transparent; | ||
+ | background-image: url("https://wiki.kag2d.com/images/c/c4/Arrowdown.png"); | ||
+ | background-origin: padding-box; | ||
+ | background-position: right center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: auto auto; | ||
+ | padding-bottom: 0.4em; | ||
+ | padding-left: 0; | ||
+ | padding-right: 15px; | ||
+ | padding-top: 0.2em; | ||
+ | } | ||
+ | |||
+ | #homepageMenu li{ | ||
+ | margin-top:3px; | ||
+ | text-align:center; | ||
+ | width:85%; | ||
+ | padding:3px; | ||
+ | background:#525d4f; | ||
+ | list-style-type:none; | ||
+ | color:#0c0c0c; | ||
+ | text-shadow: 0 1px 1px black; | ||
+ | |||
+ | border-top:1px solid #7b8977; | ||
+ | border-right:1px solid #7b8977; | ||
+ | border-left:1px solid #33402e; | ||
+ | border-bottom:1px solid #33402e; | ||
+ | border-radius:1px; | ||
+ | } | ||
+ | |||
+ | #homepageMenu li:hover{ | ||
+ | background:#677363; | ||
+ | } | ||
+ | |||
+ | #homepageMenu li a{ | ||
+ | color:#0c0c0c; | ||
+ | text-shadow: 0 1px 1px #7b8977; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | #homepageMenu li a:hover{ | ||
+ | color:#222222; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #homepageMenu ul{ | ||
+ | margin-top:15px; | ||
+ | list-style-image:none; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | /* Move the menu icons 2 px up */ | ||
+ | .menuIcon{ | ||
+ | position:relative;bottom:2px; | ||
+ | } | ||
+ | |||
+ | /* END OF THE KAG-LIKE MENU */ | ||
+ | |||
+ | /*====================================== | ||
+ | KAG-styled nav bar, modified from above style */ | ||
+ | |||
+ | .navbar{ | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | background-color: #687364; | ||
+ | background-origin: padding-box; | ||
+ | background-position: 0 0; | ||
+ | background-repeat: repeat; | ||
+ | border-spacing: 0 0; | ||
+ | border: 1px solid #391a1a; | ||
+ | |||
+ | margin-bottom: 0.5em; | ||
+ | |||
+ | padding: 0.5em; | ||
+ | border-radius: .7em; | ||
+ | -moz-border-radius: .7em; | ||
+ | -webkit-border-radius: .7em | ||
+ | |||
+ | -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | } | ||
+ | |||
+ | .navbar th{ | ||
+ | color: #ffffff; | ||
+ | border: none; | ||
+ | text-shadow: 0 1px 1px black; | ||
+ | background-color: #687364; | ||
+ | padding: 0.5em; | ||
+ | } | ||
+ | |||
+ | .navbar th a{ | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 1px 1px black; | ||
+ | } | ||
+ | |||
+ | .navbar th a:hover{ | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | text-shadow: 0 1px 1px #7b8977; | ||
+ | } | ||
+ | |||
+ | .navbar td{ | ||
+ | border: none; | ||
+ | padding: 0.5em; | ||
+ | color: #333333; | ||
+ | background: #687364; | ||
+ | } | ||
+ | |||
+ | .navbar td a{ | ||
+ | color: #0c0c0c; | ||
+ | text-shadow: 0 1px 1px #7b8977; | ||
+ | } | ||
+ | |||
+ | .navbar td a:hover{ | ||
+ | color: #eaeaea; | ||
+ | text-decoration: none; | ||
+ | text-shadow: 0 1px 1px black; | ||
+ | } | ||
+ | |||
+ | /*====================================== | ||
+ | Build menu table just like in the game */ | ||
+ | |||
+ | .buildmenu{ | ||
+ | width: 200px; | ||
+ | height: 256px; | ||
+ | |||
+ | background-position: 0 0; | ||
+ | background-image: url('https://wiki.kag2d.com/images/d/d7/Buildmenu_bg.png'); | ||
+ | background-position: left top; | ||
+ | |||
+ | border-collapse: collapse; | ||
+ | border: solid 1px transparent; | ||
+ | |||
+ | text-align: center; | ||
+ | padding: 0; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .buildmenu td{ | ||
+ | border: solid 1px transparent; | ||
+ | border-spacing: 0; | ||
+ | padding: 1px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /*====================================== | ||
+ | The first title, "Main Page" on the main page IT'S UGLY NOW must change it*/ | ||
+ | |||
+ | #firstHeading{ | ||
+ | text-shadow:; | ||
+ | border-bottom:; | ||
+ | } | ||
+ | |||
+ | /* This will change the ugly links and links images inside a KAG-like menu(i hope)*/ | ||
+ | |||
+ | #content #homepageMenu a.external, #content #homepageMenu a[href^="gopher://"] { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | #content #homepageMenu a.external { | ||
+ | color: #0c0c0c; | ||
+ | } | ||
+ | |||
+ | #content #homepageMenu a.external:hover { | ||
+ | color: #222222; | ||
+ | } | ||
+ | |||
+ | #homepageMenu a{ | ||
+ | padding:0 !important; | ||
+ | } | ||
+ | |||
+ | /*====================================== | ||
+ | This is now the main table style that follows KAG military green-ish style */ | ||
+ | |||
+ | .wikitableShiny{ | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | background-color: #f3f3f3; | ||
+ | background-origin: padding-box; | ||
+ | background-position: 0 0; | ||
+ | background-repeat: repeat; | ||
+ | border-spacing: 0 0; | ||
+ | border: 1px solid #391a1a; | ||
+ | |||
+ | margin-bottom: 1em; | ||
+ | margin-top: 1em; | ||
+ | |||
+ | padding: 0.5em; | ||
+ | border-radius: .7em; | ||
+ | -moz-border-radius: .7em; | ||
+ | -webkit-border-radius: .7em | ||
+ | } | ||
+ | |||
+ | /*table header*/ | ||
+ | |||
+ | .wikitableShiny th{ | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0px 1px 1px black; | ||
+ | background-color: #687364; | ||
+ | border: 1px solid #f3f3f3; | ||
+ | padding: 0.5em; | ||
+ | } | ||
+ | |||
+ | .wikitableShiny tr{ | ||
+ | color: #333333; | ||
+ | } | ||
+ | |||
+ | .wikitableShiny tr:nth-of-type(odd) { | ||
+ | background: #C4CEC0; | ||
+ | } | ||
+ | |||
+ | .wikitableShiny td{ | ||
+ | border: none; | ||
+ | padding: 0.5em; | ||
+ | } | ||
+ | |||
+ | /*====================================== | ||
+ | build class and modifications | ||
+ | USAGE EXAMPLE: <class="build buildLatest"> | ||
+ | */ | ||
+ | |||
+ | .build{ | ||
+ | width:350px; | ||
+ | background-color: #FEEFB3; | ||
+ | color:#9F6000; | ||
+ | text-align:center; | ||
+ | border: 1px solid; | ||
+ | padding:2px 0px 2px 0px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 10px center; | ||
+ | background-image:url('https://wiki.kag2d.com/images/e/ee/BrokenHeartquest.png'); | ||
+ | float:right; | ||
+ | margin-left:10px; | ||
+ | |||
+ | /* rounded corners */ | ||
+ | |||
+ | border-radius: .7em; | ||
+ | -moz-border-radius: .7em; | ||
+ | -webkit-border-radius: .7em | ||
+ | |||
+ | -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | } | ||
+ | |||
+ | .buildOld{ | ||
+ | background-image:url('images/4/48/BrokenHeart.png'); | ||
+ | } | ||
+ | |||
+ | .buildLatest{ | ||
+ | background-color: #DFF2BF; | ||
+ | color:#4F8A10; | ||
+ | background-image:url('images/a/a0/GreenGem.png'); | ||
+ | } | ||
+ | |||
+ | |||
+ | /*====================================== | ||
+ | Boxes for Announcements*/ | ||
+ | |||
+ | .infobox{ | ||
+ | width:500px; | ||
+ | text-align:center; | ||
+ | background-color:#B2C6EA; | ||
+ | color:#496EAA; | ||
+ | border: 2px solid; | ||
+ | padding:2px 2px 2px 30px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 10px center; | ||
+ | background-image:url('https://wiki.kag2d.com/images/e/ee/Bisonsmall.png'); | ||
+ | //('https://wiki.kag2d.com/images/f/f6/Bison.png'); | ||
+ | //('https://wiki.kag2d.com/images/3/36/Stoneblock8.png'); | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | /* rounded corners */ | ||
+ | |||
+ | border-radius: .7em; | ||
+ | -moz-border-radius: .7em; | ||
+ | -webkit-border-radius: .7em | ||
+ | |||
+ | -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* modified from above infobox | ||
+ | add along infobox like this: | ||
+ | <class="infobox obsoletebox"> */ | ||
+ | |||
+ | .obsoletebox{ | ||
+ | background-color:#8DA395; | ||
+ | color:#4A544E; | ||
+ | background-image:url('http://wiki.kag2d.com/images/6/61/Sack.png'); | ||
+ | } | ||
+ | |||
+ | .removalbox{ | ||
+ | background-color:#E06767; | ||
+ | color:#882626; | ||
+ | background-image:url('https://wiki.kag2d.com/images/b/be/Explosion32px.png'); | ||
+ | } | ||
+ | |||
+ | .cleanupbox{ | ||
+ | background-color:#B5B5B5; | ||
+ | color:#515151; | ||
+ | background-image:url('https://wiki.kag2d.com/images/e/e1/Dust32px.png'); | ||
+ | } | ||
+ | |||
+ | .premiumbox{ | ||
+ | background-color:#FFE15E; | ||
+ | color:#9F6125; | ||
+ | background-image:url('https://wiki.kag2d.com/images/f/f3/Infobox_premium.png'); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* When <div class="nonumtoc"> is used on the table of contents, | ||
+ | the ToC will display without numbers */ | ||
+ | .nonumtoc .tocnumber { display: none; } | ||
+ | .nonumtoc #toc ul, | ||
+ | .nonumtoc .toc ul{ | ||
+ | line-height: 1.5em; | ||
+ | list-style: none none; | ||
+ | margin: .3em 0 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .nonumtoc #toc ul ul, | ||
+ | .nonumtoc .toc ul ul{ | ||
+ | margin: 0 0 0 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Hide the title on the main page */ | ||
+ | |||
+ | body.page-Main_Page h1.firstHeading { display:none; } |
Revision as of 23:13, 5 August 2013
/* !!! WARNING: DO NOT CHANGE ANYTHING ON THIS PAGE UNLESS YOU KNOW WHAT YOU ARE DOING AND ARE AUTHORIZED TO DO SO !!! */ /* CSS placed here will be applied to all skins */ /* CSS placed here will affect users of the Vector skin */ /* If you don't master CSS, don't modify this */ /* THE FIRST BOX ON HOMEPAGE */ #homepageMainBox{ width: 50%; height:63px; background-color:#62888b; background:url(https://wiki.kag2d.com/images/7/7f/FondTitle.png) repeat-x; margin: 1em auto; text-align: center; padding:0.5em; padding-bottom:0.3em; /* put some css3 because it's awesome */ border-radius:5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; } /* Colored background to be able to read the text O_o */ #coloredBackground{ background-color: rgba(1, 1, 1, 0.15); color:#f2f2f2; text-shadow: 0px 1px 1px #4d4d4d; /* Add shadow to the black background :O Create a nice inset effect, huuum I love it*/ -webkit-box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); -moz-box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); box-shadow: inset 0px 0px 6px 1px rgba(1, 1, 1, 0.3); } /* 3d title was not a good idea ! :D */ #titleHomepage{ text-shadow: 0px 2px 3px #666; } #homepageMainBox a{ color:white; } /* No black text on dark background pl0x*/ /* THE MIDDLE ROW ON MAIN PAGE (with description and news) */ #homepageMiddleRow td{ background:#e3e3e3; border-top:1px solid #a4a4a4; border-right:1px solid #a4a4a4; border-left:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); } #homepageMiddleRow td b{ color:#232323; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("https://wiki.kag2d.com/images/c/c4/Arrowdown.png"); background-origin: padding-box; background-position: right center; background-repeat: no-repeat; background-size: auto auto; padding-bottom: 0.4em; padding-left: 0; padding-right: 15px; padding-top: 0.2em; } #homepageMiddleRow li{ text-align:left; list-style-type:square; } #homepageMiddleRow li a{ color:#0c0c0c; font-weight:bold; } #homepageMiddleRow li a:hover{ color:#222222; text-decoration:none; } #homepageMiddleRow ul{ } /* END OF MIDDLE ROW */ /* ALL THIS IS THE KAG-LIKE MENU */ /* It looks like the game menus, if you don't like it you should tell MM :O */ #homepageMenu td{ background:#687364; border-top:1px solid #391a1a; border-right:1px solid #391a1a; border-left:1px solid #1f0b0b; border-bottom:1px solid #1f0b0b; border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em; padding-top:10px; padding-left:15px; padding-bottom:10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); } #homepageMenu td b{ color:white; text-shadow: 0 1px 1px black; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("https://wiki.kag2d.com/images/c/c4/Arrowdown.png"); background-origin: padding-box; background-position: right center; background-repeat: no-repeat; background-size: auto auto; padding-bottom: 0.4em; padding-left: 0; padding-right: 15px; padding-top: 0.2em; } #homepageMenu li{ margin-top:3px; text-align:center; width:85%; padding:3px; background:#525d4f; list-style-type:none; color:#0c0c0c; text-shadow: 0 1px 1px black; border-top:1px solid #7b8977; border-right:1px solid #7b8977; border-left:1px solid #33402e; border-bottom:1px solid #33402e; border-radius:1px; } #homepageMenu li:hover{ background:#677363; } #homepageMenu li a{ color:#0c0c0c; text-shadow: 0 1px 1px #7b8977; font-weight:bold; } #homepageMenu li a:hover{ color:#222222; text-decoration:none; } #homepageMenu ul{ margin-top:15px; list-style-image:none; list-style-type:none; } /* Move the menu icons 2 px up */ .menuIcon{ position:relative;bottom:2px; } /* END OF THE KAG-LIKE MENU */ /*====================================== KAG-styled nav bar, modified from above style */ .navbar{ text-align: center; width: 100%; background-color: #687364; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; border-spacing: 0 0; border: 1px solid #391a1a; margin-bottom: 0.5em; padding: 0.5em; border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); } .navbar th{ color: #ffffff; border: none; text-shadow: 0 1px 1px black; background-color: #687364; padding: 0.5em; } .navbar th a{ color: #ffffff; text-shadow: 0 1px 1px black; } .navbar th a:hover{ color: #000000; text-decoration: none; text-shadow: 0 1px 1px #7b8977; } .navbar td{ border: none; padding: 0.5em; color: #333333; background: #687364; } .navbar td a{ color: #0c0c0c; text-shadow: 0 1px 1px #7b8977; } .navbar td a:hover{ color: #eaeaea; text-decoration: none; text-shadow: 0 1px 1px black; } /*====================================== Build menu table just like in the game */ .buildmenu{ width: 200px; height: 256px; background-position: 0 0; background-image: url('https://wiki.kag2d.com/images/d/d7/Buildmenu_bg.png'); background-position: left top; border-collapse: collapse; border: solid 1px transparent; text-align: center; padding: 0; margin-left: 10px; } .buildmenu td{ border: solid 1px transparent; border-spacing: 0; padding: 1px; margin: 0; } /*====================================== The first title, "Main Page" on the main page IT'S UGLY NOW must change it*/ #firstHeading{ text-shadow:; border-bottom:; } /* This will change the ugly links and links images inside a KAG-like menu(i hope)*/ #content #homepageMenu a.external, #content #homepageMenu a[href^="gopher://"] { background: none; } #content #homepageMenu a.external { color: #0c0c0c; } #content #homepageMenu a.external:hover { color: #222222; } #homepageMenu a{ padding:0 !important; } /*====================================== This is now the main table style that follows KAG military green-ish style */ .wikitableShiny{ text-align: center; width: 100%; background-color: #f3f3f3; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; border-spacing: 0 0; border: 1px solid #391a1a; margin-bottom: 1em; margin-top: 1em; padding: 0.5em; border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em } /*table header*/ .wikitableShiny th{ color: #ffffff; text-shadow: 0px 1px 1px black; background-color: #687364; border: 1px solid #f3f3f3; padding: 0.5em; } .wikitableShiny tr{ color: #333333; } .wikitableShiny tr:nth-of-type(odd) { background: #C4CEC0; } .wikitableShiny td{ border: none; padding: 0.5em; } /*====================================== build class and modifications USAGE EXAMPLE: <class="build buildLatest"> */ .build{ width:350px; background-color: #FEEFB3; color:#9F6000; text-align:center; border: 1px solid; padding:2px 0px 2px 0px; background-repeat: no-repeat; background-position: 10px center; background-image:url('https://wiki.kag2d.com/images/e/ee/BrokenHeartquest.png'); float:right; margin-left:10px; /* rounded corners */ border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); } .buildOld{ background-image:url('images/4/48/BrokenHeart.png'); } .buildLatest{ background-color: #DFF2BF; color:#4F8A10; background-image:url('images/a/a0/GreenGem.png'); } /*====================================== Boxes for Announcements*/ .infobox{ width:500px; text-align:center; background-color:#B2C6EA; color:#496EAA; border: 2px solid; padding:2px 2px 2px 30px; background-repeat: no-repeat; background-position: 10px center; background-image:url('https://wiki.kag2d.com/images/e/ee/Bisonsmall.png'); //('https://wiki.kag2d.com/images/f/f6/Bison.png'); //('https://wiki.kag2d.com/images/3/36/Stoneblock8.png'); margin-left: auto; margin-right: auto; /* rounded corners */ border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em -webkit-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.4); } /* modified from above infobox add along infobox like this: <class="infobox obsoletebox"> */ .obsoletebox{ background-color:#8DA395; color:#4A544E; background-image:url('http://wiki.kag2d.com/images/6/61/Sack.png'); } .removalbox{ background-color:#E06767; color:#882626; background-image:url('https://wiki.kag2d.com/images/b/be/Explosion32px.png'); } .cleanupbox{ background-color:#B5B5B5; color:#515151; background-image:url('https://wiki.kag2d.com/images/e/e1/Dust32px.png'); } .premiumbox{ background-color:#FFE15E; color:#9F6125; background-image:url('https://wiki.kag2d.com/images/f/f3/Infobox_premium.png'); } /* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */ .nonumtoc .tocnumber { display: none; } .nonumtoc #toc ul, .nonumtoc .toc ul{ line-height: 1.5em; list-style: none none; margin: .3em 0 0; padding: 0; } .nonumtoc #toc ul ul, .nonumtoc .toc ul ul{ margin: 0 0 0 2em; } /* Hide the title on the main page */ body.page-Main_Page h1.firstHeading { display:none; }