MediaWiki:Spiralknights.css

From SpiralKnights

Revision as of 08:13, 15 October 2010 by Cory (Talk | contribs)

Jump to: navigation, search

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
/* This style refers to the pre-launch Starry Night style */

body {
background-color: #3A3A47;
/* background-color: transparent; */
background-image: url('http://www.spiralknights.com/images/bg_tilehoriz.jpg');
background-position: left top;
background-repeat:repeat-x;
font-family: Arial, Verdana, sans-serif;
color: #FFF6C1;
padding: 0px 2px;
}

a { font-family: Arial, Verdana, sans-serif; color: #483D8B; text-decoration: underline}
a:hover { font-family: Arial, Verdana, sans-serif; color: #A52A2A; text-decoration: underline}
a:visited { font-family: Arial, Verdana, sans-serif; color: #483D8B; text-decoration: underline}

h1 { font-family: Arial, Verdana, sans-serif; color: #000000 }
h2 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
h3 { font-family: Arial, Verdana, sans-serif; color: #222A51 }

/* By default, these borders around thumbnails are white.  This makes them the same color as the page content */
div.thumb { border-color: #e2e2eb; }

#column-content { background-color: transparent }

#content, #bodyContent { background-color: #e2e2eb; }

#firstHeading {  }

/* These IDs refer to the tabs above the Page Content area (edit, history, etc). */

#p-cactions { text-decoration: none; }
#p-cactions ul li a { background: #e2e2eb; border: 1px solid #3A3A47; }
#p-cactions ul li a:hover { background: #FFFFFF; border: 1px solid #FFC235; }
#p-cactions ul li a:active { background: #FFFFFF; border: 1px solid #FFC235; }

/* These IDs refer to the personal links (my preferences, my contributions, etc) at the top right of the page. */

#p-personal { font-size:14px; }
#p-personal :link, #p-personal :link:visited { color: #ffc235; font-weight: bold; }
#p-personal :link:hover { color: #FFF6C1; background-color: transparent; }
#p-personal ul li a { font-weight: bold; color: #ffc235; }
#p-personal ul li a:hover { color: #FFF6C1; background-color: transparent; }
#p-personal :link.new { color: #FF0000; }

/* This is the omnipresent link to the user page at the top of every page */
li#pt-userpage a { color: #FFFFFF; }
li#pt-userpage a.new { color: #FF0000; }


#p-logo a,#p-logo a:hover { background-color: transparent; }

/* These IDs refer to various panels at the left of the page — navigation, search, and toolbox. */

#p-navigation, #p-tb, #p-search, #p-navigation ul, #p-tb ul, #p-search ul { background-color: #3A3A47; }
#p-navigation h5, #p-tb h5, #p-search h5 { font-size:100%; color: #f97432; }
#p-navigation a, #p-tb a { font-size:100%; font-weight: bold; color: #ffc235; text-decoration: none; }
#p-navigation a:hover, #p-tb a:hover { font-size:100%; font-weight: bold; color: #fff6c1; text-decoration: none; }

.pBody { background-color: #3A3A47; border: none; }

#footer {
color: #FFF6C1;
background-color: #222a51;
}

#footer a, #footer a:hover, #footer a:visited { color: #ffc235 }

element.style {
margin:0 auto;
padding:0.2em;
}
table {
font-size:100%;
}

/* blue table style */
table.bluetable {
background:#FFFFFF;
border:1px solid #606060;
font-size:90%;
padding:5px;
}

table.bluetable th {
color: #FFC235;
background-color: #222a51;
padding:0 1.0em;
}

table.bluetable caption {
font-size:120%;
font-weight:700;
}

table.bluetable tr:not(:first-child) th {
background-color:#112A44;
}

/* Here forth are template styles */

/* Default skin for navigation boxes. */
table.navbox {              /* Navbox style */
    border: 1px solid #aaa;
    color: black;
    background-color: #222a51;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 90%;
    text-align: left;
    padding: 1px;
}

table.navbox + table.navbox {
    margin-top:-1px;        /* single pixel border between adjacent navboxes */
}

.navbox-list {
border-left:2px solid #FDFDFD;
}
.navbox-title, table.navbox th {
background:none repeat scroll 0 0 #CCCCFF;
}
.navbox {
display:none;
}

table.nav a { color: #483D8B; text-decoration: none; font-weight: bold;}
table.nav a:hover { color: #A52A2A; text-decoration: none; font-weight: bold;}
table.nav a:visited { color: #483D8B; text-decoration: none; font-weight: bold;}
Personal tools