Welcome to the TWC Wiki! You are not logged in. Please log in to the Wiki to vote in polls, change skin preferences, or edit pages. See HERE for details of how to LOG IN.

Difference between revisions of "User:Makanyane/anisa.css"

From TWC Wiki
Jump to navigationJump to search
(Commodus's last one without the column stuff)
Line 3: Line 3:
 
body {
 
body {
 
     background-color: #9D7342;
 
     background-color: #9D7342;
     background-image: url();
+
     background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png");
/* gradient generator from http://angrytools.com/gradient/ */
+
}
    background: -moz-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* ff3.6+ */
 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6e502e), color-stop(1%, #6e502e), color-stop(12%, #9D7342), color-stop(55%, #EADCC1), color-stop(99%, #EADCC1), color-stop(100%, #EADCC1)); /* safari4+,chrome */
 
    background: -webkit-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* safari5.1+,chrome10+ */
 
    background: -o-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* opera 11.10+ */
 
    background: -ms-linear-gradient(337deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* ie10+ */
 
    background: linear-gradient(113deg, #6e502e 0%, #6e502e 1%, #9D7342 12%, #EADCC1 55%, #EADCC1 99%, #EADCC1 100%); /* w3c */
 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e502e', endColorstr='#EADCC1',GradientType=1 ); /* ie6-9 */}
 
 
 
 
#content { background-color: #EADCC1; }
 
#content { background-color: #EADCC1; }
 
#mw-wrapper { max-width: 150em; }
 
#mw-wrapper { max-width: 150em; }
Line 39: Line 31:
 
     padding-bottom: 8px;
 
     padding-bottom: 8px;
 
}
 
}
/* Anisa still seems to be resizing/using the thumbnail view this is fixing size but not blur */
+
/* Anisa performs custom voodoo to make the logo display. It is time to trash some of this voodoo that is set by default so it behaves better. */
#mw-navigation #p-logo {
 
    background-position: 20px 140px;
 
    padding: 2em 2.5em 1.5em 2em;
 
}
 
 
#p-logo {  
 
#p-logo {  
 
     width: 100%;
 
     width: 100%;
 +
    text-align: left;
 +
    padding: 0;
 +
    padding: 3em 2.5em 1.5em 2em;
 +
    background-size: auto;
 
}
 
}
#p-logo a.mw-wiki-logo {
+
#mw-wiki-logo {
 
     width: 100%;
 
     width: 100%;
     height: 150px;
+
     height: 100%;
     background-position: 0%;
+
     background-position: 100%;
    background-size: auto auto;
 
    background-image: url("https://wiki.twcenter.net/images/b/bc/Wiki.png");
 
}
 
/* Overwrite table collapse from Anisa */
 
table {
 
    border-collapse: separate;
 
    border-spacing: 2px;
 
}
 
 
 
table th, td, tr {
 
    border-collapse: separate;
 
    border-spacing: 2px;
 
 
}
 
}

Revision as of 01:52, 17 May 2019

/* Background components */
/* Wrapper line extends page size to allow it to stretch more generously and reduce the space wasted. */
body {
    background-color: #9D7342;
    background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png");
}
#content { background-color: #EADCC1; }
#mw-wrapper { max-width: 150em; }
/* We don't need a repeat of TWC's name when we've got a logo, ei? */
#p-banner { display: none; }

/* Navigation components */
/* We first color pieces of the nav sidebar. First affects all links, second affects headers. */
#column-navigation li a span { color: #EADCC1; }
#site-navigation h3 { color: #FFFFFF; }

/*Changing up the page top through a few hacky methods. Removed a few unnecessary bits, moved search, colored links.*/
#p-search {
    position: static;
    margin: 0px -105px 0;
    color: #FFFFFF;
}
#header h3, #searchInput { color: #FFFFFF; }
#header {
    display:block;
    height: 0px;
    padding-bottom: 40px;
}
#header a {
    display: none;
    padding-bottom: 8px;
}
/* Anisa performs custom voodoo to make the logo display. It is time to trash some of this voodoo that is set by default so it behaves better. */
#p-logo { 
    width: 100%;
    text-align: left; 
    padding: 0;
    padding: 3em 2.5em 1.5em 2em;
    background-size: auto;
}
#mw-wiki-logo {
    width: 100%;
    height: 100%;
    background-position: 100%;
}