Foreground.css
From ENC Phillips Group Wiki
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.
body {
background-color: #f3f3f3;
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Work Sans'; line-height: 1.4; }
@media only screen and (min-width: 768px) {
h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
h1 { font-size: 1.80em; }
h2 { font-size: 1.45em; }
h3 { font-size: 1.30em; }
h4 { font-size: 1.18em; }
}
input {
max-width: 100%;
}
@media only screen and (max-width: 768px) {
a {word-wrap: break-word;}
table a {word-wrap: normal;}
}
.broad-table-show {
border: 1px solid #eee;
padding: 0 1em;
}
.broad-table-4 {
border: 1px solid #eee;
padding: 5px;
}
td img {
min-width: 32px;
}
/* Custom Foreground menubar colors */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
background: #558DBF;
color: #fff;
font-weight: normal;
}
.top-bar-section ul li > a {
font-weight: normal;
font-size: .85em;
}
.top-bar.expanded .title-area {
background: #558DBF;
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-color: #558DBF;
}
div#navwrapper {
background: #558DBF;
}
/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
background: #4c7eab;
}
/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
background: #3b6285;
}
/* Expanded menu and toggle button color */
.top-bar.expanded .toggle-topbar a span {
-webkit-box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
}
.top-bar.expanded .toggle-topbar a {
color: #fff;
}
button, .button {
background-color: #2A465F;
border-color: #2A465F;
}
.mw-bodytext h1 {
font-size: 1.70em; }
.mw-bodytext h2 {
font-size: 1.45em; }
.mw-bodytext h3 {
font-size: 1.30em; }
.mw-bodytext h4 {
font-size: 1.16em; }
.mw-bodytext h5 {
font-size: 1.08em; }
ul, ol {
margin-left: 1em; }
a:focus {
outline: none; }
h2 span {display:inline;}
#p-cactions {
margin-top: 0;
background-color: #fff;
border: 1px solid rgba(34, 132, 161, 0.15);
margin-bottom: 2em;
}
footer.row {
margin-top: 2em;
color: #222;
max-width: 100%;
margin: .5em 0 0 0;
border-top: 1px solid #ccc;
background-color: #fff;
padding: 2em;
}
/* Login form hack */
.mw-ui-container #userloginForm {margin:3em 0;}
/* Special Pages min-height */
.ns-special .mw-bodytext {min-height: 400px;}
/* Wide pages */
.row { max-width: 75.625em }
@media only screen and (max-width: 768px) {
.main-page-image {text-align:center;}
#toc {float:none !important;max-width:100% !important; margin:0 !important;}
}
@media only screen and (min-width: 768px) {
.large-6-spaced {position: relative;width: 49%;}
.large-4-spaced {position: relative;width: 32%;}
.large-3-spaced {position: relative;width: 24%;}
}
#toc { border:1px solid #ccc;}
body.page-User_Hutchy68_New_main_page h2.title,
body.page-User_Hutchy68_New_main_page h3#tagline,
body.page-User_Hutchy68_New_main_page h5.subtitle,
body.page-User_Hutchy68_New_main_page h4.namespace.label {
display:none;
}
/* Line up the icons in dropdown menus */
#icon {
display: inline-block;
line-height: 1em;
padding: 0;
text-align: center;
margin: 0 5px 0 0;
}
.mw-bodytext h1, .mw-bodytext h2, .mw-bodytext h3, .mw-bodytext h4,
.mw-bodytext h5, .mw-bodytext h6 {
margin-top:1em
}
/* Underline h2 Section headings */
.mw-bodytext h2 {
border-bottom: 1px solid #aac6df;
overflow: hidden;
}
/* Don't underline Portal Box Headings and reset display type */
.portal-header .mw-headline {
border: none;
display: initial;
}
/*Top and bottom spacing on h1 headings */
h1 span.mw-headline {
line-height:1.8em;
}
/* Custom changes to page */
h3#tagline {
display: inline;
font-size: 0.80em !important;
font-weight: normal;
font-style: normal;
margin-right: .5em;
}
h1.title {
font-size:1.9em;
color: #142849;
padding-bottom: 0em;
border-bottom: none;
margin-top:.25em;
margin-bottom: .25em;
}
/* remove this after 1/25/2015 */
h2.title {
font-size:1.8em;
color: #142849;
padding-bottom: 0em;
border-bottom: none;
margin-top:.5em;
}
/* remove this end */
h4.namespace.label {
padding:0.25em;
font-size:1.1em !important;
font-weight:normal;
margin: .5em 0 1em;
background-color: #2284a1;
}
h5.subtitle {
font-size:.80em !important;
}
.hf-nsheader {
line-height: 1.0em;
}
.panel {
padding:.5em;
overflow: hidden;
margin-bottom:.5em;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
line-height: 1.8em;
margin-bottom: 0.25em;
border-bottom:1px solid #d9d9d9;
}
.subheader-ambox {
font-size: 1.3em;
font-weight:bold;
line-height: 1.8;
overflow: hidden;
margin-bottom: .3em;
border-bottom: none;
}
.subheader-ambox img {
float:left;
padding-top:.2em;
margin:0;
}
div#mw-pages table{
width:100%;
}
#toc {
padding:1rem;
background-color:#eef3f8;
width: auto;
max-width: 400px;
word-wrap: normal;
font-size:.875rem;
border: 1px solid #ccdceb;
}
.mw-content-ltr .toc ul, .mw-content-ltr #toc ul, .mw-content-rtl .mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr #toc ul {
width: auto;
list-style-position: outside;
margin-left: 1.75em;
}
#toc ul li {
list-style-position: outside;
list-style-type:none;
}
#toc h2 {
border-bottom:none !important;
margin-top:0;
display:inline-block;
}
span.toctoggle, span.toctoggle a {
vertical-align: top;
display: inline-block;
font-size: 90%;
}
.top-bar .name h1 {
font-size:1.0625em;
}
.mw-editsection {
font-size: 12px;
vertical-align: top;
}
img {
max-width:100%;
height:auto;
margin:.5em 0;
}
ul img, ol img {
margin:0;
}
img.thumbborder {
border: #ccc 1px solid;
margin: 0 0 1em;
}
.thumbinner {
min-width: 100px;
max-width: 100%;
border: 1px solid #aac6df;
padding: 0 .4em;
}
.tright {
line-height: 1.4em;
padding: 0 .4em !important;
font-size: 94%;
margin-left:1em;
}
.tleft {
line-height: 1.4em;
padding: 0 .4em !important;
font-size: 94%;
margin-right:1em;
}
blockquote {
border-left: 5px solid #ddd;
margin: 0 0 0 .75em;
padding: .5em .5em .5em 1em;
}
blockquote p {
margin: 0
}
/* Editor Fixes */
.wikiEditor-ui-toolbar .page-characters div span {
padding-top:0;
line-height:1em;
}
.wikiEditor-ui textarea#wpTextbox1 {
margin: 0;
padding: 3px !important;
width:100%;
font-family:courier !important;
}
.wikiEditor-ui-toolbar .group .label {
background-color: transparent;
}
/*Get rid of [edit] links in preview*/
.wikiEditor-preview-contents .editsection {
display: none;
}
/*editor interface*/
.editOptions {
background-color: #F0F0F0;
border: 1px solid silver;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
}
#editpage-copywarn2 {
background-color: #F0F0F0;
border-top: none;
border-bottom: none;
padding: .25em 1em .5em 1em;
}
.mw-editTools {
background-color: #F0F0F0;
border: 1px solid silver;
padding: .5em;
margin-bottom: 2em;
font-size: 90%;
}
#page-content .noarticletext ul {
margin: 0.5em 0 0.3em 1em;
}
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.5em 0 0.3em 1em;
padding: 0;
list-style-position: outside;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul, #mw-content-text ul {
margin: 0.5em 0 0.3em 1em;
padding: 0;
list-style-position: outside;
}
.poweredby {
display:none;
}
.printfooter {
display:none;
}
/* Category Links */
#catlinks {margin-bottom:.5em;}
.catlinks {
clear: both;
border: 1px solid #ccc;
margin-top: .5em;
padding: .25em;
display: block;
}
#catlinks .label {
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#catlinks .label.new { background-color: #900900 }
.hotcatlink .label {
background: transparent;
color: #aaa;
}
.hotcatlink #catlinks .label:hover {
background: transparent;
color: #2C58A1;
}
/* Tables */
table {
border:none;
width:auto;
}
.wikitable {
white-space: pre-wrap;
word-wrap: normal;
}
table.ambox {
width:80%;
}
table.ambox th.ambox-text, table.ambox td.ambox-text {
width:auto;
}
/*amboxNew classes*/
p.ambox {
margin: .5em 0;
}
.ambox-title {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
margin-left: .25em;
}
.panel.ambox-merge {
background-color:#bcf0f7;
border-color: #bcf0f7;
margin:.5em 0;
}
.panel.ambox-notice {
background-color: aqua;
border-color: aqua;
margin:.5em 0;
}
.panel.ambox-copyedit {
background-color: cornsilk;
border:1px solid cornsilk;
margin:.5em 0;
}
.panel.ambox-split {
background-color:#bcf0f7;
border-color: #bcf0f7;
margin:.5em 0;
}
.panel.ambox-delete {
background-color:#ffc;
border-color: #ffc;
margin:.5em 0;
}
.panel.ambox-serious {
background-color: #FFBABA;
border-color: #FFBABA;
margin:.5em 0;
}
.ambox-delete .subheader-ambox {
color:red;
}
.panel.ambox-tip {
background-color: lightyellow;
border-color: lightyellow;
margin:.5em 0;
}
.panel.radius {
box-shadow:1px 1px 8px #ababab;
}
/* alert-box used for note template */
.alert-box b {
font-weight: bolder;
font-size: 1em;
}
.alert-box {
overflow: hidden;
font-size: 1.08em;
font-weight: normal;
border-radius:3px;
}
/* fixing headertabs */
.ui-tabs .ui-tabs-nav {
font-size:90%;
margin:0 !important;
background:none;
border:none;
border-bottom: 1px solid #cccccc;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#headertabs .ui-widget-content {
background:none;
}
/* Fixes for Google Custom Search */
.gsc-search-button.gsc-search-button-v2 {
height:auto !important;
width:auto !important;
}
.cse input.gsc-input, input.gsc-input, .gsc-input-box {
height: auto !important;
line-height: 1.6em;
font-size: 18px !important;
}
/*Width for Abuse filter */
#wpFilterRules {
width: 80% !important;
}
/* dl fixes */
dl, dd, dl dd {
-webkit-margin-after: 1em;
-webkit-margin-before: 1em;
}
/* p element tweaks */
p {
margin: 1em 0 1em 0;
line-height: 1.4em;
}
/* external link icons ltr (left-to-right) content */
.ltr .external.free {
padding-right: none;
background: none;
text-decoration: none !important;
}
.ltr .external.text {
padding-right: none;
background: none;
text-decoration: none !important;
}
.ltr .no-external-icon .external.text {
padding: 0;
background: none !important;
}
div#mw-content-text a.external[href ^="mailto:"],
.link-mailto {
padding-right: 14px;
background: url(skins/foreground/assets/images/mail-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href ^="http://"],
.link-http {
padding-right: 14px;
background: url(skins/foreground/assets/images/external-link-ltr-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href ^="https://"],
.link-https{
padding-right: 14px;
background: url(skins/foreground/assets/images/lock-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href ^="gopher://"]{
padding-right: 14px;
background: url(skins/foreground/assets/images/external-link-ltr-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href ^="ftp://"],
.link-ftp{
padding-right: 14px;
background: url(skins/foreground/assets/images/file-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href ^="irc://"],
div#mw-content-text a.external[href ^="ircs://"],
.link-irc{
padding-right: 14px;
background: url(skins/foreground/assets/images/talk-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href $=".ogg"], div#mw-content-text a.external[href $=".OGG"],
div#mw-content-text a.external[href $=".mid"], div#mw-content-text a.external[href $=".MID"],
div#mw-content-text a.external[href $=".midi"], div#mw-content-text a.external[href $=".MIDI"],
div#mw-content-text a.external[href $=".mp3"], div#mw-content-text a.external[href $=".MP3"],
div#mw-content-text a.external[href $=".wav"], div#mw-content-text a.external[href $=".WAV"],
div#mw-content-text a.external[href $=".wma"], div#mw-content-text a.external[href $=".WMA"],
.link-audio {
padding-right: 14px;
background: url(skins/foreground/assets/images/audio-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href $=".ogm"], div#mw-content-text a.external[href $=".OGM"],
div#mw-content-text a.external[href $=".avi"], div#mw-content-text a.external[href $=".AVI"],
div#mw-content-text a.external[href $=".mpeg"], div#mw-content-text a.external[href $=".MPEG"],
div#mw-content-text a.external[href $=".mpg"], div#mw-content-text a.external[href $=".MPG"],
.link-video {
padding-right: 14px;
background: url(skins/foreground/assets/images/video-icon.png) top right no-repeat;
text-decoration: none !important;
}
div#mw-content-text a.external[href $=".pdf"], div#mw-content-text a.external[href $=".PDF"],
div#mw-content-text a.external[href *=".pdf#"], div#mw-content-text a.external[href *=".PDF#"],
div#mw-content-text a.external[href *=".pdf?"], div#mw-content-text a.external[href *=".PDF?"],
.link-document {
padding-right: 14px;
background: url(skins/foreground/assets/images/document-icon.png) top right no-repeat;
text-decoration: none !important;
}
/* Echo badge */
#echo-notifications #pt-notifications a.mw-echo-short-link .mw-badge {
padding: 5px;
}
#echo-notifications {
margin:.5em .75em .5em 0;
}
/* Link improvements as suggested by Peter */
#mw-content-text a {
color:#336699;
}
#toc a {
text-decoration: none;
}
#mw-content-text a:hover, #mw-content-text a:focus {
color:#4d82dc;
text-decoration: underline;
}
body.page-Main_Page #mw-content-text a {
text-decoration: none;
}
body.page-Main_Page #mw-content-text a:hover,
body.page-Main_Page #mw-content-text a:focus {
text-decoration: underline;
}
/* Make sure red links are red */
#mw-content-text a.new,
#mw-content-text #quickbar a.new,
#mw-normal-catlinks a.new {
color: #e96c6c !important;
}
/* captcha improvements */
.captcha {
border: 1px solid #2ba6cb;
padding: 1em;
background: lightyellow;
margin: 1.5em 0;
}
.captcha label {
font-size: .9em;
font-weight: bold;
}
/* InputBox Styling */
.createbox {
padding: 1em;
background: transparent;
}
.createboxInput {
max-width: 100%;
}
/* floatright and left styles - make responsive for mobile */
div.floatright, table.floatright {
margin: 0 0 .5em .5em;
border: 0;
}
div.floatleft, table.floatleft {
margin: 0 .5em .5em 0;
border: 0;
}
@media only screen and (max-width: 480px) {
div.floatright, table.floatright, div.floatleft, table.floatleft {text-align:center;float:none;margin:.5em auto;}
}
@media only screen and (max-width: 939px) {
.thumb.tright {text-align:center;float:none;margin:.5em auto;}
.thumb.tleft {text-align:center;float:none;margin:.5em auto;}
.thumbinner {display:inline-block;}
}
/* Dissmissable SiteNotice better formatting */
#siteNotice.panel {
background: none;
border: none;
box-shadow: none;
}
#siteNotice {
margin: 0;
padding: 0;
}
.mw-dismissable-click {
font-size: 80%;
margin: .25em .5em 0 0;
}
/* Take advantage of ajax patrolling/better notice placement */
#mw-notification-area {
position: absolute;
top: -1em;
right: 50%;
margin-right: -10em;
}
/* Category Links at the Bottom with Style*/
#catlinks .label {
padding: 5px;
border-radius: 3px;
}
#catlinks .label.new {
background-color: #b70b00;
}
#catlinks .label:hover {
background-color: #2C58A1
}
#catlinks .label.new:hover {
background-color: #900900;
}
/*Fixes for User Preferences Pages*/
#preftoc li a {
color: white;
padding: .25em .5em;
}
#preftoc li a:hover {
background: aqua;
color: white;
}
#preftoc li {
margin: 2px;
display:inline-block;
float: none;
padding: 1px;
position: relative;
list-style-type: none;
list-style-image: none;
z-index: 3;
border-radius: 3px;
font-size: .85em;
background: #142849;
border:0;
color: white;
}
#preftoc li a {
color: white;
}
#preftoc li a:hover {
background: #2ba6cb;
}
ul#preftoc {
margin: auto;
text-align: center;
}
#preftoc > li.selected {
background: #2C58A1;
box-shadow: 2px 2px 5px 2px rgba(50, 138, 64, 0.54);
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#preferences table {
min-width: 100%;
}
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#preftoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#preferences {
margin: 0;
clear: both;
background-color: #FFF;
border: none;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection legend {
font-weight: bold;
}
.prefsection table, .prefsection legend {
background-color: #F9F9F9;
}
#preferences legend.mainLegend {
display: none;
}
#preferences fieldset legend {
font-weight: bold;
padding: 0 .25em;
margin: 0;
margin: 0 .25em 0 1em;
background:#FFF;
}
td.htmlform-tip {
font-size: .8em;
padding: .2em 2em;
color: #666;
border: 1px solid #eeeffe;
background: #eeeffe;
}
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
.prefcache {
font-size: 90%;
margin-top: 1em;
}
/* Footer links */
li#footer-privacy, li#footer-about, li#footer-disclaimer {
display: block;
}
/*For Social*/
div#social {
display: inline-block;
margin: .25em .5em 0 0;
}
/*For Social Follow */
.social-footer p {
float: left;
display: inline-block;
margin: 0 .5em 0 0;
font-size: 1.5em;
line-height: 32px;
}
.addthis_toolbox.addthis_default_style.addthis_32x32_style {
display: inline-block;
float: right;
}
/* Hide social share on certain namespaces until I can figure out why $this->data['isarticle'] is ignoring $wgContentNamespaces as the article check */
.ns-2 div#social, .ns-3 div#social,
.ns-5 div#social, .ns-6 div#social,
.ns-7 div#social, .ns-8 div#social,
.ns-9 div#social, .ns-10 div#social,
.ns-11 div#social, .ns-13 div#social,
.ns-15 div#social, .ns-140 div#social,
.ns-136 div#social {
display: none;
}
textarea#wpTextbox1 {
width: 100%;
}
/* Google Calendar Responsive */
.calendar-container {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.calendar-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.video-container :active {
outline:none;
}
/* Button styles */
a#content-button.secondary {
color: #333333;
}
a:hover#content-button.secondary,
a:focus#content-button.secondary {
color: #333333;
text-decoration: none;
}
a#content-button {
color: #ffffff;
}
a:hover#content-button,
a:focus#content-button {
color: #fff;
text-decoration: none;
}
#content-button.button {
padding-top: 0.8125em;
padding-bottom: 0.75em;
padding-left: 1.5em;
padding-right: 1.5em;
-webkit-appearance: none;
font-size: 1em;
}
#content-button.button.tiny {
padding-top: 0.4375em;
padding-right: 0.875em;
padding-bottom: 0.5em;
padding-left: 0.875em;
-webkit-appearance: none;
font-size: 0.6875em;
}
#content-button.button.small {
padding-top: 0.625em;
padding-bottom: 0.5625em;
-webkit-appearance: none;
padding-right: 1.125em;
padding-left: 1.125em;
font-size: .875em
}
#content-button.button.large {
padding-top: 1.03125em;
padding-bottom: 1.03125em;
-webkit-appearance: none;
padding-right: 0em;
padding-left: 0em;
font-size: 1.25em
}
.mw-changeslist-legend {
font-size: 75%;
}
/* quick fix to create account button */
#mw-createaccount-cta a:hover {
background-color: #ccc;
text-decoration: none;
color: white;
border-color: #ccc;
}
#mw-createaccount-cta a {
color: white;
}
input.createboxInput {
margin: 0 .5em;
}
table tr th, table tr td {
font-size: 0.95em;
}
.blue-bkgd {
background: #558DBF;
border-color: #558DBF;
}
.blue {
color: #558DBF;
}
.navboxblue-bkgd {
background: #ccdceb;
border-color: #ccdceb;
}
.navboxblue {
color: #ccdceb;
}
.red-bkgd {
background: #f44321;
border-color: #f44321;
}
.red {
color: #f44321;
}
.dark-grey-bkgd {
background: #433e42;
border-color: #433e42;
}
.green-bkgd {
background: #7ac143;
border-color: #7ac143;
}
.green {
color: #7ac143;
}
.orange-bkgd {
background: #f9a541;
border-color: #f9a541;
}
.orange {
color: #f9a541;
}
.white-bkgd {
background: #ffffff;
border-color: #ffffff;
}
.white {
color: #ffffff;
}
.icon {
width: 30px;
text-align: center;
}
/* If nomobile then nomobile under 480px */
@media only screen and (max-width: 480px) {
.nomobile { display: none; }
.nomobile + hr { display: none; }
}
/* Portal Pages */
span#main-portal-heading {
color: #fff;
display: block;
font-size: 1.8em;
line-height: 1.2em;
}
span#section-portal-heading h2 {
border: 0;
display: inline;
margin-left: .25em;
color: #fff;
font-weight: normal;
}
span#section-portal-heading h3 {
border: 0;
display: inline;
margin-left: .25em;
color: #fff;
font-weight: normal;
}
.portal-navbox {
background: #ffffff;
display: inline-block;
width: 100%;
position: relative;
border: #dde 1px solid;
padding: .5em;
margin-bottom: 1em;
}
/* Tables in responsive */
@media only screen and (max-width: 768px) {
table {overflow-x: auto; overflow-y: hidden; display: block;}
/* Style a x-axis scrollable table */
.scrollable {overflow: scroll; overflow-y: hidden;}
.scrollable table {white-space: nowrap; border: 1px solid #eee; border-collapse: separate;}
}
@media only screen and (max-width: 640px) {
table.mw-specialpages-table td {
display: inline;
padding: 0;
}
#mw-pages table td,
#mw-subcategories table td {
display: inline;
padding: 0;
}
}
#nc-record .createboxInput {
width: 100%;
display: table-cell;
}
#nc-record span.checkboxSpan .createboxInput {
width: auto;
display: initial;
}
#nc-record .row {
margin:0 0 .5em;
}
#nc-record span.checkboxSpan {
float: left;
padding-right: 9px;
}
#nc-record span.checkboxSpan {
width: 250px;
display: block;
font-size: .9em;
}
span.smwtticon.info {
vertical-align: super;
margin: 0 2px;
}
#nc-record .field-width-150
{
max-width: 150px;
}
#nc-record .field-width-200
{
max-width: 200px;
}
#nc-record .field-width-250
{
max-width: 250px;
}
#nc-record .field-width-300
{
max-width: 300px;
}
#nc-record .field-width-350
{
max-width: 350px;
}
@media only screen and (min-width: 641px)
{
.large-text-right
{
text-align: right;
}
.large-text-left
{
text-align: left;
}
}
blockquote {
border-left: none;
/* margin: 0 0 0 .75em; */
/* padding: .5em .5em .5em 1em; */
font-family: Roboto Slab, serif;
font-size: 14px;
font-style: italic;
/* width: 500px; */
margin: 1em 1em;
padding: 0 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
blockquote p {
margin: 0 0 1em;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 65px;
position: absolute;
left: -5px;
top: -25px;
color: #7a7a7a;
font-family: Georgia,serif;
}
blockquote cite {
display: block;
font-size: 0.85em;
color: #555555;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
div.searchresult {
width: 100% !important;
word-wrap: break-word
}
#mw-content-text ul.mw-search-results {
margin: 0;
}