|
|
| 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; }
| |
