Difference between revisions of "MediaWiki:Vector.css"
From EEWiki
(150 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* Content */ |
− | # | + | body { |
− | + | background-image: url(https://wiki.everybodyedits.com/images/2/26/Background.png) !important; | |
− | padding: 0px 0px 0. | + | } |
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | /* Headers */ | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | /* Link colors */ | ||
+ | |||
+ | 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.external:visited { | ||
+ | color: #EB8C40; | ||
+ | } | ||
+ | |||
+ | a:visited:hover, .mw-body a.external: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; | ||
+ | } | ||
+ | |||
+ | /* List bullets */ | ||
+ | |||
+ | ul { | ||
+ | list-style-image: none !important; | ||
+ | } | ||
+ | |||
+ | /* Various textbox colors */ | ||
+ | |||
+ | #wpTextbox1 { | ||
+ | background: #222222 !important; | ||
+ | color: #DDDDDD !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px 5px 0px 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | } | ||
+ | |||
+ | pre, code { | ||
+ | background: #333333 !important; | ||
+ | color: #DDDDDD !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px !important; | ||
+ | } | ||
+ | |||
+ | .mw-ui-input, #simpleSearch { | ||
+ | background: #222222 !important; | ||
+ | color: #DDDDDD !important; | ||
+ | box-sizing: border-box; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #catlinks, #filetoc { | ||
+ | background: #333333 !important; | ||
+ | color: #DDDDDD; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px !important; | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px !important; | ||
+ | margin: 0px 0px 10px !important; | ||
+ | } | ||
+ | |||
+ | /* Table of contents */ | ||
+ | |||
+ | #toc { | ||
+ | background: linear-gradient(#333333, #222222) !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | border-radius: 5px !important; | ||
+ | padding: 10px !important; | ||
+ | } | ||
+ | |||
+ | #toc ul { | ||
+ | margin: 2px 0px 0px !important; | ||
+ | } | ||
+ | |||
+ | /* Tables */ | ||
+ | |||
+ | table.wikitable { | ||
+ | background: #333333; | ||
+ | color: #DDDDDD; | ||
+ | border: 2px solid #7B7B7B; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
+ | background: #222222; | ||
+ | color: #DDDDDD; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { | ||
+ | border: 2px solid #7B7B7B; | ||
+ | } | ||
+ | |||
+ | /* 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; | font-size: 1em; | ||
+ | margin: 0px 10px 0px 0px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | /* Tabs */ | ||
+ | |||
+ | #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; | ||
+ | height: 40px !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: 0px 6px !important; | ||
+ | height: 100% !important; | ||
+ | display: flex !important; | ||
+ | align-items: center !important; | ||
+ | font-size: 1em !important; | ||
+ | } | ||
+ | |||
+ | .vectorTabs li.selected a { | ||
+ | color: #DDDDDD !important; | ||
+ | } | ||
+ | |||
+ | /* Watch tab (TEMP) */ | ||
+ | |||
+ | .icon a { | ||
+ | width: unset !important; | ||
+ | padding: 0px 6px !important; | ||
+ | background-image: none !important; | ||
+ | } | ||
+ | |||
+ | /* More tab */ | ||
+ | |||
+ | #p-cactions { | ||
+ | background: #333333 !important; | ||
+ | border: 2px solid #7B7B7B !important; | ||
+ | height: 40px !important; | ||
+ | border-radius: 5px 5px 0px 0px !important; | ||
+ | border-bottom: 0px !important; | ||
+ | margin-right: -2px !important; | ||
+ | position: relative !important; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #p-cactions h3 { | ||
+ | background-image: none !important; | ||
+ | height: 40px !important; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | #p-cactions h3 span { | ||
+ | padding-top: 0px !important; | ||
+ | padding-left: 8px !important; | ||
+ | color: #DDDDDD !important; | ||
+ | font-size: 1em !important; | ||
+ | } | ||
+ | |||
+ | #p-cactions h3 a { | ||
+ | background-position: center !important; | ||
+ | height: 40px !important; | ||
+ | width: 10px !important; | ||
+ | margin-right: 6px; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu div.menu { | ||
+ | z-index: 2 !important; | ||
+ | } | ||
+ | |||
+ | /* Search bar */ | ||
+ | |||
+ | #p-search { | ||
+ | height: 40px !important; | ||
+ | margin: 0px 8px !important; | ||
+ | } | ||
+ | |||
+ | #searchform { | ||
+ | margin-top: 7px !important; | ||
+ | } | ||
+ | |||
+ | #simpleSearch { | ||
+ | width: 250px !important; | ||
+ | height: 100% !important; | ||
+ | margin-top: 0px !important; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | color: #DDDDDD !important; | ||
+ | height: 24px !important; | ||
+ | padding: 4px !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 { | #mw-panel .body { | ||
− | margin: 0px; | + | 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 { | #mw-panel .portal { | ||
− | background- | + | 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; | ||
} | } |
Latest revision as of 22:44, 30 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; } /* Headers */ h1, h2, h3, h4, h5, h6 { color: #FFFFFF; } /* Link colors */ 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.external:visited { color: #EB8C40; } a:visited:hover, .mw-body a.external: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; } /* List bullets */ ul { list-style-image: none !important; } /* Various textbox colors */ #wpTextbox1 { background: #222222 !important; color: #DDDDDD !important; border: 2px solid #7B7B7B !important; border-radius: 5px 5px 0px 0px !important; border-bottom: 0px !important; } pre, code { background: #333333 !important; color: #DDDDDD !important; border: 2px solid #7B7B7B !important; border-radius: 5px !important; } .mw-ui-input, #simpleSearch { background: #222222 !important; color: #DDDDDD !important; box-sizing: border-box; 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; } #catlinks, #filetoc { background: #333333 !important; color: #DDDDDD; border: 2px solid #7B7B7B !important; border-radius: 5px !important; } fieldset { border: 2px solid #7B7B7B !important; border-radius: 5px !important; margin: 0px 0px 10px !important; } /* Table of contents */ #toc { background: linear-gradient(#333333, #222222) !important; border: 2px solid #7B7B7B !important; border-radius: 5px !important; padding: 10px !important; } #toc ul { margin: 2px 0px 0px !important; } /* Tables */ table.wikitable { background: #333333; color: #DDDDDD; border: 2px solid #7B7B7B; } table.wikitable > tr > th, table.wikitable > * > tr > th { background: #222222; color: #DDDDDD; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 2px solid #7B7B7B; } /* 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; font-weight: bold; } #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; } /* Tabs */ #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; height: 40px !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: 0px 6px !important; height: 100% !important; display: flex !important; align-items: center !important; font-size: 1em !important; } .vectorTabs li.selected a { color: #DDDDDD !important; } /* Watch tab (TEMP) */ .icon a { width: unset !important; padding: 0px 6px !important; background-image: none !important; } /* More tab */ #p-cactions { background: #333333 !important; border: 2px solid #7B7B7B !important; height: 40px !important; border-radius: 5px 5px 0px 0px !important; border-bottom: 0px !important; margin-right: -2px !important; position: relative !important; z-index: 2; } #p-cactions h3 { background-image: none !important; height: 40px !important; display: flex; align-items: center; } #p-cactions h3 span { padding-top: 0px !important; padding-left: 8px !important; color: #DDDDDD !important; font-size: 1em !important; } #p-cactions h3 a { background-position: center !important; height: 40px !important; width: 10px !important; margin-right: 6px; } div.vectorMenu div.menu { z-index: 2 !important; } /* Search bar */ #p-search { height: 40px !important; margin: 0px 8px !important; } #searchform { margin-top: 7px !important; } #simpleSearch { width: 250px !important; height: 100% !important; margin-top: 0px !important; } #searchInput { color: #DDDDDD !important; height: 24px !important; padding: 4px !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; }