Difference between revisions of "Common.css"

Revision as of 15:45, 1 March 2018

@font-face { 
font-family: 'Exo 2', sans-serif; 
src: url('https://fonts.googleapis.com/css?family=Exo+2');
} 

body {
font-family: 'Exo 2', sans-serif;
src: url('https://fonts.googleapis.com/css?family=Exo+2');
color: white;
font-size: 1rem;
font-weight: 300;
line-height: 2em;
background-image: url("http://www.conflictnations.com/fileadmin/templates/conflictnations/forum/bg.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}

p {
font-family: 'Exo 2', sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 2em;
}

dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
font-family: 'Exo 2', sans-serif;
src: url('https://fonts.googleapis.com/css?family=Exo+2');
color: white;
}

ul {
display: inline-block;
}

li ul {
display: block;
}

li {
font-size: 1rem;
color: white;
list-style-type: square;
/*list-style-image: url('https://wiki.conflictnations.com/images/d/dc/BP.png');*/
}

.toc li {
list-style-type: none;
}

.top-bar-section ul li {
list-style: none;
}

#footer-left li {
list-style: none;
}

.f-dropdown li {
list-style: none;
}

a {
font-weight: 430;
color: #4f97a5;
}

/* ============================================================HEADERS AND CONTENT ELEMENTS */

h1 {
font-size: 28px;
text-align: left;
color: white;
}

h2 {
font-size: 18px;
font-weight: 400;
text-align: left;
color: white;
clear: both;
background-color: rgba(79, 151, 165, 0.7);
width: 265px;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 6px;
margin-bottom: 24px;
}

h3 {
font-size: 16px;
font-weight: 400;
text-align: left;
float: left;
clear: both;
height: 20px;
background-color: rgba(79, 151, 165, 0.7);
margin-bottom: 0px;
}

h3 span {
font-size: 16px;
font-weight: 400;
text-align: left;
height: 100%;
line-height: 20px;
color: white;
background-color: rgba(11, 60, 71, 0.8);
vertical-align: middle;
display: block;
padding-left: 12px;
padding-right: 24px;
margin-left: 12px;
}

h2 + div {
display: inline-block;
width: 100%;
text-align: justify;
background: linear-gradient(to bottom right, rgba(79, 151, 165, 0.1), rgba(79, 151, 165, 0));
border-top: solid 4px rgba(11, 60, 71, 1);
padding: 12px;
margin-bottom: 48px;
}

h3 + div {
display: inline-block;
width: 100%;
clear: both;
text-align: justify;
background: linear-gradient(to bottom right, rgba(79, 151, 165, 0.1), rgba(79, 151, 165, 0));
border-top: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
margin-bottom: 48px;
}

h1 + h3#tagline {
background-color: transparent;
color: white;
}

div#toctitle h2 {
background-color: transparent;
}

/* ============================================================IMAGE FORMATTING */

/* Overriding default mediawiki thumb behaviour */
.thumb {
display: inline-block;
padding: 12px;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
}

/* Overriding default mediawiki caption styling */
.thumbcaption {
font-size: 0.75rem;
font-weight: 350;
color: white;
background: linear-gradient(to right, rgba(155, 41, 41, .55) 40%, rgba(155, 41, 41, 0) 100%);
padding-left: 3px;
}

/* An image that is treated as a block. Takes up its own row, text will not overflow. */
.img-block-left {
display: block;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
}

/* An image that is treated as a inline-block. Takes up its own row, however the container is resized to fit its content. */
.img-inline-block-left {
display: inline-block;
float: left;
clear: left;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
margin-right: 0.65em;
}

.img-inline-block-right {
display: inline-block;
float: right;
clear: right;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
margin-left: 0.65em;
}

/* Image format only used on front-page */
.img_margin_right {
margin-top: 0.65em;
margin-bottom: 0.65em;
margin-right: 1em;
}

/* ============================================================EMBEDDED VIDEO */
#tutorialvid {
display: block;
padding: 12px;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
}

.video-block {
display: block;
padding: 12px;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
}

.video-inline-right {
float: right;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
margin-left: 12px;
}

.video-inline-left {
float: left;
background-color: rgba(0, 0, 0, 0.15);
border: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
margin-right: 12px;
}

/* ============================================================FRONTPAGE ELEMENTS */

.nav_header {
width: 100%;
height: 32px;
text-align: left;
background-color: #a71f1f;
margin-top: 12px;
}

.nav-header-label {
font-size: 1rem;
font-weight: 400;
color: white;
height: 100%;
display: block;
vertical-align: middle;
line-height: 32px;
background-color: #4d4d4d;
padding-left: 6px;
margin-left: 12px;
}

.nav_item {
font-weight: 400;
horizontal-align: left;
padding-left: 18px;
padding-top: 12px;
}

.img_nav {
margin-right: 8px;
}

.main_body_header_highlight {
font-size: 1rem;
font-weight: 400;
text-align: left;
color: white;
background-color: #9b2929;
width: 185px;
vertical-align: middle;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 6px;
margin-top: 12px;
}

.main_body_header {
font-size: 1rem;
font-weight: 400;
text-align: left;
color: white;
background-color: rgba(79, 151, 165, 0.4);
width: 165px;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 6px;
}

.main_body_content {
font-weight: 300;
text-align: justify;
width: 100%;
background: linear-gradient(to bottom right, rgba(79, 151, 165, 0.1), rgba(79, 151, 165, 0));
border-top: solid 1px rgba(11, 60, 71, 1);
padding: 12px;
margin-bottom: 42px;
}

/* ==================================================================MISC WIKI OVERRIDES */

.tleft {
margin-right: 0.65em;
}

.tright {
margin-left: 0.65em;
}

#mainTable {
style=width:100%;
background: rgba(0, 0, 0, 0.2);
border: 1px solid #545454;
}

.keywords {
   display: none;
}

#mf-content {
margin-bottom:1em; 
vertical-align: middle;
padding:0.25em 0.4em 0.25em 0.4em;
}

#tablepage {
padding-left: 20px;
}

#tablepage a:link{color:rgb(255,255,255);}
#tablepage a:visited { color:rgb(200,200,200);}
#tablepage a:hover { color:rgb(230,230,230); }

.mw-destfile-warning {
color: white !important;
background-color: #780d13 !important;
}