Difference between revisions of "MediaWiki:Spiralknights.css"

From SpiralKnights

Jump to: navigation, search
m (Reverted edits by Cory (Talk) to last revision by Mjohnson)
Line 1: Line 1:
/* This style refers to the pre-launch Starry Night style */
+
/* CSS placed here will be applied to all skins */
  
 
body {
 
body {
background-color: #3A3A47;
+
/* old bgcolor: background-color: #3A3A47; */
/* background-color: transparent; */
+
background-color: transparent;
 
background-image: url('http://www.spiralknights.com/images/bg_tilehoriz.jpg');
 
background-image: url('http://www.spiralknights.com/images/bg_tilehoriz.jpg');
 
background-position: left top;
 
background-position: left top;
Line 9: Line 9:
 
font-family: Arial, Verdana, sans-serif;
 
font-family: Arial, Verdana, sans-serif;
 
color: #FFF6C1;
 
color: #FFF6C1;
padding: 0px 2px;
 
 
}
 
}
  
Line 16: Line 15:
 
a:visited { font-family: Arial, Verdana, sans-serif; color: #483D8B; 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 }
+
h1 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
h2 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
+
h2 { font-family: Arial, Verdana, sans-serif; color: #F97432 }
h3 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
+
h3 { font-family: Arial, Verdana, sans-serif; color: #831F06 }
 
+
/* 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 }
 
#column-content { background-color: transparent }
  
#content, #bodyContent { background-color: #e2e2eb; }
+
#content, #bodyContent {
 +
background-color: #d5d5de;
 +
}
  
#firstHeading { }
+
#firstHeading {
 +
}
  
/* These IDs refer to the tabs above the Page Content area (edit, history, etc). */
+
#p-cactions li a { text-decoration: none }
 
+
#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-personal :link { color: #ffc235; }
 +
#p-personal :link:hover { color: #fff6c1; background-color: transparent; }
  
 
#p-logo a,#p-logo a:hover { background-color: transparent; }
 
#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, #p-tb, #p-search, #p-navigation ul, #p-tb ul, #p-search ul { background-color: #3A3A47; }
Line 67: Line 48:
  
 
#footer a, #footer a:hover, #footer a:visited { color: #ffc235 }
 
#footer a, #footer a:hover, #footer a:visited { color: #ffc235 }
 
/* Here forth are template styles */
 
 
/* Default skin for navigation boxes. */
 
table.nav {              /* 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.nav + table.nav {
 
    margin-top:-1px;        /* single pixel border between adjacent navboxes */
 
}
 
 
.nav-list {
 
border-left:2px solid #FDFDFD;
 
}
 
.nav-title, table.nav th {
 
background:none repeat scroll 0 0 #CCCCFF;
 
}
 
.nav {
 
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;}
 

Revision as of 07:45, 14 October 2010

/* CSS placed here will be applied to all skins */

body {
/* old bgcolor: 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;
}

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: #222A51 }
h2 { font-family: Arial, Verdana, sans-serif; color: #F97432 }
h3 { font-family: Arial, Verdana, sans-serif; color: #831F06 }

#column-content { background-color: transparent }

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

#firstHeading {
}

#p-cactions li a { text-decoration: none }

#p-personal :link { color: #ffc235; }
#p-personal :link:hover { color: #fff6c1; background-color: transparent; }

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

#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 }
Personal tools