Difference between revisions of "MediaWiki:Spiralknights.css"

From SpiralKnights

Jump to: navigation, search
m
 
(49 intermediate revisions by one other user not shown)
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('/skins/spiralknights/bg_tilehoriz.jpg');
 
background-position: left top;
 
background-position: left top;
 
background-repeat:repeat-x;
 
background-repeat:repeat-x;
 
font-family: Arial, Verdana, sans-serif;
 
font-family: Arial, Verdana, sans-serif;
 
color: #FFF6C1;
 
color: #FFF6C1;
 +
padding: 0px 2px;
 
}
 
}
  
Line 19: Line 20:
 
h3 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
 
h3 { font-family: Arial, Verdana, sans-serif; color: #222A51 }
  
.thumbimage { background-color: #e2e2eb; }
+
/* 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 }
Line 26: Line 28:
  
 
#firstHeading {  }
 
#firstHeading {  }
 +
 +
/* These IDs refer to the tabs above the Page Content area (edit, history, etc). */
  
 
#p-cactions { text-decoration: none; }
 
#p-cactions { text-decoration: none; }
#p-cactions ul li a { background: #d5d5de; border: 1px solid #3A3A47; }
+
#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:hover { background: #FFFFFF; border: 1px solid #FFC235; }
 
#p-cactions ul li a:active { 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 { font-size:14px; }
 
#p-personal :link, #p-personal :link:visited { color: #ffc235; font-weight: bold; }
 
#p-personal :link, #p-personal :link:visited { color: #ffc235; font-weight: bold; }
 
#p-personal :link:hover { color: #FFF6C1; background-color: transparent; }
 
#p-personal :link:hover { color: #FFF6C1; background-color: transparent; }
#p-personal ul li a { font-weight: bold; }
+
#p-personal ul li a { font-weight: bold; color: #ffc235; }
 
#p-personal ul li a:hover { color: #FFF6C1; background-color: transparent; }
 
#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; }
 
#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 53: Line 67:
  
 
#footer a, #footer a:hover, #footer a:visited { color: #ffc235 }
 
#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: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;}

Latest revision as of 18:01, 15 March 2011

/* This style refers to the pre-launch Starry Night style */

body {
background-color: #3A3A47;
/* background-color: transparent; */
background-image: url('/skins/spiralknights/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: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