Difference between revisions of "MediaWiki:Spiralknights.css"
From SpiralKnights
(103 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* 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} | ||
− | + | 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; } | |
− | background-color: # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | # | + | #firstHeading { } |
− | + | ||
− | } | + | |
− | + | /* These IDs refer to the tabs above the Page Content area (edit, history, etc). */ | |
− | + | ||
− | + | ||
− | # | + | #p-cactions { text-decoration: none; } |
− | 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: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- | + | #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-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;}