Difference between revisions of "MediaWiki:Vector.css"
From EEWiki
(48 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
#content { | #content { | ||
− | margin: 0px | + | position: relative !important; |
+ | margin: 0px 20px 0px 200px !important; | ||
background: linear-gradient(#333333 0px, #222222 54px) !important; | background: linear-gradient(#333333 0px, #222222 54px) !important; | ||
border: 2px solid #7B7B7B !important; | border: 2px solid #7B7B7B !important; | ||
− | border-radius: 5px !important; | + | border-radius: 0px 0px 5px 5px !important; |
+ | box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); | ||
color: #DDDDDD; | color: #DDDDDD; | ||
+ | z-index: 1 !important; | ||
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | a, .mw-body a.external, div.vectorTabs li a { | ||
+ | color: #FFBB00; | ||
+ | } | ||
+ | |||
+ | a:hover, .mw-body a.external:hover, div.vectorTabs li a:hover { | ||
+ | color: #FFD419; | ||
+ | } | ||
+ | |||
+ | a:visited, .mw-body a.visited { | ||
+ | color: #EB8C40; | ||
+ | } | ||
+ | |||
+ | a:visited:hover, .mw-body a.visited:hover { | ||
+ | color: #FFA559; | ||
+ | } | ||
+ | |||
+ | a.new, #p-personal a.new, div.vectorTabs li.new a, div.vectorTabs li.new a:visited { | ||
+ | color: #FF2800; | ||
+ | } | ||
+ | |||
+ | a.new:hover, #p-personal a.new:hover, div.vectorTabs li.new a:hover, div.vectorTabs li.new a:visited:hover { | ||
+ | color: #FF4119; | ||
+ | } | ||
+ | |||
+ | a.new:visited, #p-personal a.new:visited { | ||
+ | color: #EB1D40; | ||
+ | } | ||
+ | |||
+ | a.new:visited:hover, #p-personal a.new:visited:hover { | ||
+ | color: #FF3659; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | background: #222222 !important; | ||
+ | color: #DDDDDD !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px 5px 0px 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | pre, #wpSummary { | ||
+ | background: #333333 !important; | ||
+ | color: #DDDDDD !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px !important; | ||
+ | } | ||
+ | |||
+ | .editOptions { | ||
+ | background: #333333 !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 0px 0px 5px 5px !important; | ||
} | } | ||
Line 23: | Line 79: | ||
align-items: center; | align-items: center; | ||
justify-content: right; | justify-content: right; | ||
− | height: | + | height: 38px; |
− | background: #333333; | + | background: linear-gradient(#333333, #222222) !important; |
+ | border-bottom: 2px solid #7B7B7B !important; | ||
+ | box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); | ||
width: 100%; | width: 100%; | ||
top: 0px; | top: 0px; | ||
Line 49: | Line 107: | ||
} | } | ||
− | #mw-head-base | + | #mw-head-base { |
+ | height: 38px !important; | ||
+ | margin: 112px 20px 0px 200px !important; | ||
+ | background: #222222 !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px 5px 0px 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | #mw-head { | ||
height: 232px !important; | height: 232px !important; | ||
} | } | ||
Line 63: | Line 130: | ||
margin: 0px 0px 0px 200px !important; | margin: 0px 0px 0px 200px !important; | ||
position: absolute !important; | position: absolute !important; | ||
− | bottom: | + | bottom: 0px !important; |
left: 0px !important; | left: 0px !important; | ||
} | } | ||
#right-navigation { | #right-navigation { | ||
− | margin: 0px | + | margin: 0px 20px 0px 0px !important; |
position: absolute !important; | position: absolute !important; | ||
− | bottom: | + | bottom: 0px !important; |
right: 0px !important; | right: 0px !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs, .vectorTabs ul, .vectorTabs span { | ||
+ | background-image: none !important; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs { | ||
+ | padding-left: 0px !important; | ||
+ | height: 40px !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs li { | ||
+ | background: #222222 !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px 5px 0px 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | margin-right: -2px !important; | ||
+ | position: relative !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs li.selected { | ||
+ | background: #333333 !important; | ||
+ | z-index: 2 !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs span { | ||
+ | height: 100% !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs span a { | ||
+ | padding-top:0px !important; | ||
+ | height: 100% !important; | ||
+ | display: flex !important; | ||
+ | align-items: center !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs li.selected a { | ||
+ | color: #DDDDDD !important; | ||
+ | } | ||
+ | |||
+ | #p-views { | ||
+ | position: relative !important; | ||
+ | top: 2px; | ||
+ | } | ||
+ | |||
+ | #p-cactions { | ||
+ | background: #333333 !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px 5px 0px 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | margin-right: -2px !important; | ||
+ | position: relative !important; | ||
+ | top: 2px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #p-cactions h3 { | ||
+ | background-image: none !important; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | #p-cactions h3 span { | ||
+ | padding-top: 0px !important; | ||
+ | color: #DDDDDD !important; | ||
+ | } | ||
+ | |||
+ | #p-cactions h3 a { | ||
+ | background-position: center !important; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu div.menu { | ||
+ | z-index: 2 !important; | ||
+ | } | ||
+ | |||
+ | /* Watch Styling TEMP */ | ||
+ | |||
+ | .icon a { | ||
+ | width: 100% !important; | ||
+ | padding: 0px 0.5em !important; | ||
+ | background-image: none !important; | ||
} | } | ||
Line 77: | Line 225: | ||
#p-logo { | #p-logo { | ||
− | top: | + | top: 46px !important; |
left: 0px !important; | left: 0px !important; | ||
width: 100% !important; | width: 100% !important; | ||
Line 118: | Line 266: | ||
#mw-panel .body ul li a { | #mw-panel .body ul li a { | ||
− | color: # | + | color: #DDDDDD !important; |
} | } | ||
Line 127: | Line 275: | ||
margin: 10px 0px 0px !important; | margin: 10px 0px 0px !important; | ||
padding: 10px !important; | padding: 10px !important; | ||
+ | box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); | ||
} | } | ||
Line 135: | Line 284: | ||
/* Footer */ | /* Footer */ | ||
− | #footer | + | #footer { |
− | + | margin-left: 200px !important; | |
+ | padding: 20px 2px 20px 0px !important; | ||
} | } | ||
− | + | #footer-info li { | |
− | + | color: #7B7B7B !important; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | color: # | + | |
} | } |
Revision as of 04:39, 27 April 2024
/* Content */ body { background-image: url(https://wiki.everybodyedits.com/images/2/26/Background.png) !important; } #content { position: relative !important; margin: 0px 20px 0px 200px !important; background: linear-gradient(#333333 0px, #222222 54px) !important; border: 2px solid #7B7B7B !important; border-radius: 0px 0px 5px 5px !important; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); color: #DDDDDD; z-index: 1 !important; } h1, h2, h3, h4, h5, h6 { color: #FFFFFF; } a, .mw-body a.external, div.vectorTabs li a { color: #FFBB00; } a:hover, .mw-body a.external:hover, div.vectorTabs li a:hover { color: #FFD419; } a:visited, .mw-body a.visited { color: #EB8C40; } a:visited:hover, .mw-body a.visited:hover { color: #FFA559; } a.new, #p-personal a.new, div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #FF2800; } a.new:hover, #p-personal a.new:hover, div.vectorTabs li.new a:hover, div.vectorTabs li.new a:visited:hover { color: #FF4119; } a.new:visited, #p-personal a.new:visited { color: #EB1D40; } a.new:visited:hover, #p-personal a.new:visited:hover { color: #FF3659; } textarea { background: #222222 !important; color: #DDDDDD !important; border: 2px solid #7B7B7B !important; border-radius: 5px 5px 0px 0px !important; border-bottom: 0px !important; } pre, #wpSummary { background: #333333 !important; color: #DDDDDD !important; border: 2px solid #7B7B7B !important; border-radius: 5px !important; } .editOptions { background: #333333 !important; border: 2px solid #7B7B7B !important; border-radius: 0px 0px 5px 5px !important; } /* Top Nav */ #p-personal { display: flex; align-items: center; justify-content: right; height: 38px; background: linear-gradient(#333333, #222222) !important; border-bottom: 2px solid #7B7B7B !important; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); width: 100%; top: 0px; right: 0px; } #p-personal ul { padding: 0px; } #p-personal li { font-size: 1em; margin: 0px 10px 0px 0px; } #pt-userpage { background-image: url(https://wiki.everybodyedits.com/images/5/56/User_smiley.png); padding-left: 18px !important; background-position: left center; } #mw-page-base { background: none !important; } #mw-head-base { height: 38px !important; margin: 112px 20px 0px 200px !important; background: #222222 !important; border: 2px solid #7B7B7B !important; border-radius: 5px 5px 0px 0px !important; border-bottom: 0px !important; } #mw-head { height: 232px !important; } #mw-navigation { position: absolute !important; top: 0px !important; width: 100% !important; height: 0px !important; } #left-navigation { margin: 0px 0px 0px 200px !important; position: absolute !important; bottom: 0px !important; left: 0px !important; } #right-navigation { margin: 0px 20px 0px 0px !important; position: absolute !important; bottom: 0px !important; right: 0px !important; } .vectorTabs, .vectorTabs ul, .vectorTabs span { background-image: none !important; } div.vectorTabs { padding-left: 0px !important; height: 40px !important; } .vectorTabs li { background: #222222 !important; border: 2px solid #7B7B7B !important; border-radius: 5px 5px 0px 0px !important; border-bottom: 0px !important; margin-right: -2px !important; position: relative !important; } .vectorTabs li.selected { background: #333333 !important; z-index: 2 !important; } .vectorTabs span { height: 100% !important; } .vectorTabs span a { padding-top:0px !important; height: 100% !important; display: flex !important; align-items: center !important; } .vectorTabs li.selected a { color: #DDDDDD !important; } #p-views { position: relative !important; top: 2px; } #p-cactions { background: #333333 !important; border: 2px solid #7B7B7B !important; border-radius: 5px 5px 0px 0px !important; border-bottom: 0px !important; margin-right: -2px !important; position: relative !important; top: 2px; z-index: 2; } #p-cactions h3 { background-image: none !important; display: flex; align-items: center; } #p-cactions h3 span { padding-top: 0px !important; color: #DDDDDD !important; } #p-cactions h3 a { background-position: center !important; } div.vectorMenu div.menu { z-index: 2 !important; } /* Watch Styling TEMP */ .icon a { width: 100% !important; padding: 0px 0.5em !important; background-image: none !important; } /* Logo */ #p-logo { top: 46px !important; left: 0px !important; width: 100% !important; height: 0px !important; display: flex !important; justify-content: center !important; } #p-logo a { width: 300px !important; height: 140px !important; background-image: url(https://wiki.everybodyedits.com/images/3/35/WikiLogo.png) !important; background-size: 100%; } /* Sidebar */ #mw-panel { position: unset !important; width: 140px; margin-top: 192px !important; padding: 0px 20px 20px !important; } #mw-panel h3 { display: block !important; padding: 0px 0px 6px !important; font-size: 1.1em !important; color: #FFFFFF !important; } #mw-panel .body { margin: 0px !important; } #mw-panel .body ul li { padding: 3px 3px 3px 0px !important; font-size: 0.9em !important; } #mw-panel .body ul li a { color: #DDDDDD !important; } #mw-panel .portal { background: linear-gradient(#333333, #222222) !important; border: 2px solid #7B7B7B !important; border-radius: 5px !important; margin: 10px 0px 0px !important; padding: 10px !important; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); } #mw-panel .portal.first { margin: 0px !important; } /* Footer */ #footer { margin-left: 200px !important; padding: 20px 2px 20px 0px !important; } #footer-info li { color: #7B7B7B !important; }