Difference between revisions of "MediaWiki:Spiralknights.css"
From SpiralKnights
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('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: # | + | 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 { } |
− | } | + | |
− | #p-cactions | + | /* 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; } | #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;}