Difference between revisions of "MediaWiki:Spiralknights.css"

From SpiralKnights

Jump to: navigation, search
 
(103 intermediate revisions by 2 users 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 {
 
background-color: #3A3A47;
 
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;
 
font-family: Arial, Verdana, sans-serif;
 
color: #FFF6C1;
 
color: #FFF6C1;
 +
padding: 0px 2px;
 
}
 
}
  
 
a { font-family: Arial, Verdana, sans-serif; color: #483D8B; text-decoration: underline}
 
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}
  
a:hover { font-family: Arial, Verdana, sans-serif; color: #A52A2A}
+
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 }
  
h1 { font-family: Arial, Verdana, sans-serif; color: #FFC235 }
+
/* By default, these borders around thumbnails are white.  This makes them the same color as the page content */
h2 { font-family: Arial, Verdana, sans-serif; color: #831F06 }
+
div.thumb { border-color: #e2e2eb; }
h3 { font-family: Arial, Verdana, sans-serif; color: #F97432 }
+
  
 +
#column-content { background-color: transparent }
  
table {
+
#content, #bodyContent { background-color: #e2e2eb; }
background-color: #3a3a47;
+
font-family: Arial, Verdana, sans-serif;
+
font-size: 18px;
+
color: #00008B;
+
margin-top: 0px;
+
margin-right: 0px;
+
margin-bottom: 0px;
+
margin-left: 0px;
+
padding-top: 0px;
+
padding-right: 0px;
+
padding-bottom: 0px;
+
padding-left: 0px;
+
}
+
  
#column-content {
+
#firstHeading { }
background-color: #3a3a47;
+
}
+
  
#content {
+
/* These IDs refer to the tabs above the Page Content area (edit, history, etc). */
background-color: #d5d5de;
+
}
+
  
#bodyContent {
+
#p-cactions { text-decoration: none; }
background-color: #d5d5de;
+
#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; }
  
#firstHeading {
+
/* These IDs refer to the personal links (my preferences, my contributions, etc) at the top right of the page. */
}
+
  
#p-cactions { background-color: #222a51 }
+
#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; }
  
#p-cactions a:hover { background-color: #FFFFFF }
+
/* 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 {  }
 
  
#p-navigation h5, #p-tb h5, #p-search h5 { font-size:100%; color: #f97432 }
+
#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, #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; }
 
#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 {
 
#footer {
Line 62: 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