Difference between revisions of "MediaWiki:Timeless.css"
From RRU Knowledge Base
m |
m |
||
(27 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
body, #p-logo-text a { | |||
font-family: "Segoe UI", Helvetica, sans-serif; | |||
} | |||
body { | body { | ||
background: #1a1d24; | background: #1a1d24; | ||
line-height: 1.5em; | |||
color: rgb(55,55,55); | |||
font-size: 16px; | |||
} | } | ||
Line 29: | Line 36: | ||
} | } | ||
.frontpage-search { | .frontpage-search .mw-inputbox-input { | ||
padding: .5em; | padding: .5em; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
Line 50: | Line 57: | ||
#mw-header-container { | #mw-header-container { | ||
background: #1e222a; | background: #1e222a; | ||
border-bottom: 0px !important; | |||
} | } | ||
#mw-content-container { | #mw-content-container { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | |||
#mw-page-header-links { | |||
opacity: .5; | |||
font-size: 90%; | |||
padding-bottom: 4em; | |||
transition: 200ms ease opacity; | |||
} | |||
#mw-page-header-links:hover { | |||
opacity: 1; | |||
} | |||
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { | |||
background: transparent; | |||
border: none; | |||
} | |||
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { | |||
font-weight: 600; | |||
color: #333; | |||
} | |||
#mw-site-navigation .sidebar-chunk li a:not(:hover), #mw-related-navigation .sidebar-chunk li a:not(:hover){ | |||
color: #777; | |||
} | } | ||
Line 72: | Line 103: | ||
div.suggestions { | div.suggestions { | ||
top: 7em !important; | top: 7em !important; | ||
} | } | ||
Line 80: | Line 110: | ||
top: inherit; | top: inherit; | ||
z-index: inherit; | z-index: inherit; | ||
border-bottom: 5px solid #ddd; | |||
} | } | ||
#mw-header-nav-hack, #mw-header-hack { | #mw-header-nav-hack, #mw-header-hack { | ||
display: none !important; | |||
} | } | ||
Line 95: | Line 120: | ||
background-image: none; /* No more Cats */ | background-image: none; /* No more Cats */ | ||
border-bottom: none; | border-bottom: none; | ||
margin-top: 113px; | |||
} | } | ||
Line 113: | Line 139: | ||
} | } | ||
/* FOOTER */ | |||
#mw-footer-container { | #mw-footer-container { | ||
box-shadow: none; | box-shadow: none; | ||
border: none; | border: none; | ||
color: # | color: #ccc; | ||
font-size: .9em; | font-size: .9em; | ||
} | } | ||
#mw-footer-container a { | #mw-footer-container a { | ||
color: # | color: #ddd; | ||
} | } | ||
#mw-footer-container a:hover { | #mw-footer-container a:hover { | ||
color: # | color: #eee; | ||
} | } | ||
Line 142: | Line 169: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
/* MEDIA QUERIES */ | |||
@media screen and (max-width:850px) { | @media screen and (max-width:850px) { | ||
Line 150: | Line 179: | ||
.rru-global-header { | .rru-global-header { | ||
display: none; /* temporary */ | display: none; /* temporary */ | ||
} | |||
#mw-content-container { | |||
margin-top: 0px !important; | |||
} | } | ||
} | } | ||
Line 158: | Line 191: | ||
height: inherit; | height: inherit; | ||
padding: 1em; | padding: 1em; | ||
position: fixed; | |||
top: 0; | |||
z-index: 999; | |||
} | } | ||
Line 164: | Line 199: | ||
background-image: none; /* No more Cats */ | background-image: none; /* No more Cats */ | ||
} | } | ||
} | |||
@media screen and (min-width:851px) and (max-width: 1099px) { | |||
#mw-header-nav-hack { | |||
display: none !important; | |||
} | |||
} | } |
Latest revision as of 23:16, 31 August 2021
body, #p-logo-text a { font-family: "Segoe UI", Helvetica, sans-serif; } body { background: #1a1d24; line-height: 1.5em; color: rgb(55,55,55); font-size: 16px; } .rru-global-header { background: #1a1d24; margin:-1em -1em 1em -1em; padding: 1em; } .rru-global-header ul { margin:0px; padding:0px; } .rru-global-header ul li { display: inline-block; margin-right: 1em; } .rru-global-header ul li a { color: #aaa; opacity: .8; font-weight: 300; } .rru-global-header ul li a:hover { color: #EEE; opacity: 1; } .frontpage-search .mw-inputbox-input { padding: .5em; font-size: 1.2em; width: 90%; } .frontpage-search .mw-ui-button { padding: .5em; font-weight: 400; background-color: #0185da; color: white; text-shadow: none; border: none; } .frontpage-search .mw-ui-button:hover { background-color: #009bff; } #mw-header-container { background: #1e222a; border-bottom: 0px !important; } #mw-content-container { margin-top: 0px; } #mw-page-header-links { opacity: .5; font-size: 90%; padding-bottom: 4em; transition: 200ms ease opacity; } #mw-page-header-links:hover { opacity: 1; } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: transparent; border: none; } #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { font-weight: 600; color: #333; } #mw-site-navigation .sidebar-chunk li a:not(:hover), #mw-related-navigation .sidebar-chunk li a:not(:hover){ color: #777; } #personal h2 { font-size: 1em; font-weight: 300; } #simpleSearch { background: #2d313b; border: none; box-shadow: none; } #searchInput { color: #aaa; } div.suggestions { top: 7em !important; } #mw-header-container { position: relative; top: inherit; z-index: inherit; border-bottom: 5px solid #ddd; } #mw-header-nav-hack, #mw-header-hack { display: none !important; } #mw-content-container { background-image: none; /* No more Cats */ border-bottom: none; margin-top: 113px; } #mw-content h1.firstHeading { margin: 1.25em 0 0.5em; border-bottom: solid 1px #939393; padding-bottom: .5em; } /* EDITOR FIX */ .wikiEditor-ui-top { z-index: 1; } .wikiEditor-ui-bottom { z-index: 0; } /* FOOTER */ #mw-footer-container { box-shadow: none; border: none; color: #ccc; font-size: .9em; } #mw-footer-container a { color: #ddd; } #mw-footer-container a:hover { color: #eee; } #mw-footer-container #copyright { display: block; border-bottom: 1px solid #222; padding-bottom: 1em; } #mw-footer-container .footer-icons { opacity: .7; } #mw-footer-container .footer-icons:hover { opacity: 1; } /* MEDIA QUERIES */ @media screen and (max-width:850px) { #mw-header-container { padding-bottom: 1em; } .rru-global-header { display: none; /* temporary */ } #mw-content-container { margin-top: 0px !important; } } @media screen and (min-width:850px) { #mw-header-container { height: inherit; padding: 1em; position: fixed; top: 0; z-index: 999; } #mw-content-container { background-image: none; /* No more Cats */ } } @media screen and (min-width:851px) and (max-width: 1099px) { #mw-header-nav-hack { display: none !important; } }