Difference between revisions of "MediaWiki:Spiralknights.css"

From SpiralKnights

Jump to: navigation, search
m (Reverted edits by Cory (Talk) to last revision by Mjohnson)
(Undo revision 374 by Cory (Talk))
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
/* This style refers to the pre-launch Starry Night style */
  
 
body {
 
body {
/* old bgcolor: background-color: #3A3A47; */
+
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 15: Line 16:
 
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: #222A51 }
+
h1 { font-family: Arial, Verdana, sans-serif; color: #000000 }
h2 { font-family: Arial, Verdana, sans-serif; color: #F97432 }
+
h2 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
h3 { font-family: Arial, Verdana, sans-serif; color: #831F06 }
+
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 }
 
#column-content { background-color: transparent }
  
#content, #bodyContent {
+
#content, #bodyContent { background-color: #e2e2eb; }
background-color: #d5d5de;
+
}
+
  
#firstHeading {
+
#firstHeading { }
}
+
  
#p-cactions li a { text-decoration: none }
+
/* 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-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 48: Line 67:
  
 
#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:48, 14 October 2010

/* 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 }

/* 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;}
Personal tools