MediaWiki:Common.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */ #bodyContent { max-width: 1500px; } body h2 { font-size: 186%; background-color: white; border-bottom: 1px solid #D9D9D9; } /* Articles index */ .index-article > p { display: flex; flex-wrap: wrap; } .index-article > p > a { margin: 20px 20px 0 0; } .index-article > p > a.index-one { flex: 1 1 300px; } .index-article > p > a.index-two { flex: 1 1 300px; } .index-article a.index-two .index-item-img { width: 100%; flex: 0 0 300px; } /* Main index */ .index-main { display: flex; margin-bottom: 20px; } .index-main > a { width: 32%; } .index-main > a:not(:last-child) { margin-right: 20px; } .index-article > p > a, .index-main > a { display: flex; flex-direction: column; border: solid 1px #e5e5e5; text-decoration: none; color: black; } .index-article > p > a:hover, .index-main > a:hover { background-color: white; } .index-article > p > a:hover:visited, .index-main > a:hover:visited { background-color: white; } .index-article a.index-one .index-item-img, .index-main .index-item-img { width: 100%; flex: 0 0 200px; } .index-article .index-item-text, .index-main .index-item-text { display: flex; flex-direction: column; height: 190px; color: #545556; font-size: 134%; margin: 20px 20px 10px 20px; position: relative; } .index-article .index-item-text > span:first-child, .index-main .index-item-text > span:first-child { font-size: 16px; color: black; flex: none; } .index-article .index-item-text > span:nth-child( 2 ), .index-main .index-item-text > span:nth-child( 2 ) { flex: auto; overflow: hidden; } .index-article .index-item-text:after, .index-main .index-item-text:after { content: 'MORE >'; position: absolute; bottom: 0; right: 0; padding: 10px 0; font-size: .6em; font-weight: bold; background: white; } .index-article span.addthis_inline_share_toolbox_5fiq, .index-main span.addthis_inline_share_toolbox_5fiq { padding-top: 20px } .index-article .index-item-text > span:not(:last-child), .index-main .index-item-text > span:not(:last-child) { margin-bottom: 10px; } @media screen and (max-width: 1200px) { .index-main > a:nth-child( 3 ) { display: none !important; } .index-main > a { width: 66%; } } @media screen and (max-width: 900px) { .index-main > a:nth-child( 2 ) { display: none !important; } .index-main > a { width: 100%; } .index-main .index-item-img { flex: 0 0 300px; } } @media screen and (max-width: 480px) { .index-main .index-item-img { flex: 0 0 200px; } } .index-item-img { background-position: 50% 50%; background-origin: border-box; background-size: cover; }
Did you enjoy this article?
Kustomrama is an encyclopedia dedicated to preserve, share and protect traditional hot rod and custom car history from all over the world.
- Help us keep history alive. For as little as 2.99 USD a month you can become a monthly supporter. Click here to learn more.
- Subscribe to our free newsletter and receive regular updates and stories from Kustomrama.
- Do you know someone who would enjoy this article? Click here to forward it.
Can you help us make this article better?
Please get in touch with us at mail@kustomrama.com if you have additional information or photos to share about MediaWiki:Common.css.
This article was made possible by:
SunTec Auto Glass - Auto Glass Services on Vintage and Classic Cars
Finding a replacement windshield, back or side glass can be a difficult task when restoring your vintage or custom classic car. It doesn't have to be though now with auto glass specialist companies like www.suntecautoglass.com. They can source OEM or OEM-equivalent glass for older makes/models; which will ensure a proper fit every time. Check them out for more details!
Do you want to see your company here? Click here for more info about how you can advertise your business on Kustomrama.