MediaWiki:Common.css
From King Arthur's Gold Wiki
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* 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(http://kagwiki.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("http://kagwiki.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("http://kagwiki.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; //border-collapse: collapse; margin-bottom: 0.5em; //margin-top: 1em; 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-image: url('http://kagwiki.com/images/d/d7/Buildmenu_bg.png'); border-collapse: collapse; border: solid 1px red; text-align: center; padding: 0; margin: 0; } .buildmenu th{ height: 36px; border: solid 1px red; } .buildmenu td{ border: solid 1px red; } .buildmenu td top_spacer{ height: 18px; } .buildmenu td left_spacer{ width: 36px; } .buildmenu td tile{ width: 32px; height: 32px; 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; //border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; padding: 0.5em; border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em } /* This is the first line, also called th (I think T_T) */ .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; //outline: #C4CEC0 solid thin; //border: 1px solid #C4CEC0; } .wikitableShiny td{ border: none; padding: 0.5em; } .buildOld{ width:163px; background-color: #FEEFB3; color:#9F6000; border: 1px solid; padding:2px 2px 2px 30px; background-repeat: no-repeat; background-position: 10px center; background-image:url('images/4/48/BrokenHeart.png'); float:right; margin-left:10px; } .buildOld p{ margin:0; } .buildLatest{ width:258px; background-color: #DFF2BF; color:#4F8A10; border: 1px solid; padding:2px 2px 2px 30px; background-repeat: no-repeat; background-position: 10px center; background-image:url('images/a/a0/GreenGem.png'); float:right; margin-left:10px; } .buildLatest p{ margin:0; } .build{ width:200px; background-color: #FEEFB3; color:#9F6000; border: 1px solid; padding:2px 2px 2px 30px; background-repeat: no-repeat; background-position: 10px center; background-image:url('images/4/48/BrokenHeart.png'); float:right; margin-left:10px; } .build p{ margin:0; }