Difference between revisions of "MediaWiki:Spiralknights.css"
From SpiralKnights
m |
|||
(51 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* This style refers to the pre-launch Starry Night style */ |
body { | body { | ||
− | + | background-color: #3A3A47; | |
− | background-color: transparent; | + | /* background-color: transparent; */ |
− | background-image: url(' | + | 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 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: # | + | h1 { font-family: Arial, Verdana, sans-serif; color: #000000 } |
− | h2 { font-family: Arial, Verdana, sans-serif; color: # | + | h2 { font-family: Arial, Verdana, sans-serif; color: #222A51 } |
− | h3 { font-family: Arial, Verdana, sans-serif; color: # | + | 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: # | + | |
− | } | + | |
− | #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: # | + | #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 54: | 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;}