XLCubed is now FluenceXL. The new wiki can be found here: https://help.fluencexl.com/ |
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: 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 */ @import url('https://fonts.googleapis.com/css?family=Lato:300,400|Raleway'); body{ font-family: 'Lato', sans-serif; font-weight: 300; font-size: 1.1em; } #mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt{ font-family: 'Raleway', sans-serif; } a { font-weight: 400; } a:visited{ color: #0088dd; } .center { text-align: center } *.center * { margin-left: auto; margin-right: auto; } /* wikitable */ table.wikitable { margin: 1em 1em 1em 0px; background: #f9f9f9; border: 1px solid #aaaaaa; border-collapse: collapse; } .wikitable th, .wikitable td { border: 1px solid #aaaaaa; padding: 0.2em; } .wikitable th { background: #f2f2f2; text-align: center; } .wikitable caption { font-weight: 700; } /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* Template:Imbox */ table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff; background: #fbfbfb; } .imbox .mbox-text .imbox { margin: 0px -0.5em; } .mbox-inside .imbox { margin: 4px; } table.imbox-notice { border: 3px solid #1e90ff; } table.imbox-speedy { border: 3px solid #b22222; background: #ffeeee; } table.imbox-delete { border: 3px solid #b22222; } table.imbox-content { border: 3px solid #f28500; } table.imbox-style { border: 3px solid #f4c430; } table.imbox-move { border: 3px solid #9932cc; } table.imbox-protection { border: 3px solid #bbbbaa; } table.imbox-license { border: 3px solid #8888aa; background: #f7f8ff; } table.imbox-featured { border: 3px solid #cba135; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "small=yes" option. */ clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } tt { background: #f2f2f2; } /* Disambig and set index box styles */ table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; } th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; /* @noflip */ padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; /* @noflip */ padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } /* Override max-width 100% */ .mbox-image img { max-width: none; } /* Remove mediawiki icon */ #footer-icon-poweredby { display: none; } #f-poweredbyico { display: none; } #footer-poweredbyico { display: none; } /*fix slider menu causes content too narrow on small screens*/ #innerbodycontent{ margin-right: 0 !important; margin-left: 0; } .is-open-left #innerbodycontent { margin-right: 250px !important; } /*hide title on main page, and discussion tabs*/ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading, .mw-portlet#p-namespaces { display: none !important; } /*style header bar*/ #mw-header-container{ background-color: #3f4455; color: #fff; } #mw-header .mw-wiki-logo{ margin: 0; position: absolute; height: 68px; width: 200px; background-size: cover; top: 0; } #p-personal-label{ color: #000; } @media screen and (max-width: 850px){ #p-logo { display: block; margin-left: 50px; } #mw-header .mw-wiki-logo{ height: 57px; width: 170px; } } @media screen and (max-width: 1099px) and (min-width: 851px) { #p-logo{ display: block !important; } #mw-header .mw-wiki-logo{ height: 47px; width: 150px; } } /*style footer*/ body{ background-color: #f3f2f3; } #mw-content-container{ border: none; } #mw-footer-container, #mw-header-hack{ display: none; } /*navigation tree style*/ #mw-site-navigation .sidebar-chunk{ line-height: 1.5em; } @media screen and (min-width: 1100px) { #site-navigation{ margin-top: 2em !important; } } #site-navigation .mw-portlet-body.collapsed, ul.collapsed { display: none; } #site-navigation .mw-portlet-body.open, ul.open { display: block; } #site-navigation .toggle{ background-image: url(/skins/Timeless/resources/images/arrow-down-grey.png); background-repeat: no-repeat; background-position-x: right; background-position-y: center; padding-right: 25px; } #site-navigation .toggle.active{ background-image: url(/skins/Timeless/resources/images/arrow-up-grey.png); } .tree, .tree ul { list-style: none; } .tree li.toggle { padding-left: 1.3em; margin-left: -1.3em; background-image: url(https://help.xlcubed.com/skins/Timeless/resources/images/arrow-right-grey.png); background-repeat: no-repeat; } .tree .toggle.active { background-image: url(https://help.xlcubed.com/skins/Timeless/resources/images/arrow-down-grey.png); } .color-left, .color-middle, .color-right { background: #1a82c5; } /*content styling*/ #mw-content h1, #mw-content h2 { border-bottom: solid 2px #3f4455; } #mw-content h1.firstHeading { border-bottom: solid 4px #1a82c5; } .card{ padding: 1.2em; background: #fcfcfc; border: solid #eeeeee; border-width: 1px 1px 0.2em; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); } .card-container{ display:flex; justify-content: space-between; flex-direction: column; } @media (min-width: 851px) { .card{ width: 45%; } .card-container{ flex-direction: row; } } /*table of contents*/ .toc ul { margin: 0.2em 0 !important; } .toclevel-2 { margin-left: 1em; } .toclevel-3 { margin-left: 2em; } @media screen and (min-width: 851px){ #mw-content-container { background-image: none; } }