Crisiscommunication.fi wiki - User contributions [en]

How to use WIKI

2014-08-26T22:18:17Z

Admin:

==Step 1==
[http://www.crisiscommunication.fi/login?view=registration Get an account here]
==Step 2==
[http://www.crisiscommunication.fi/index.php?option=com_users&view=login&return=L3dpa2k= Then log-in here]
==Step 3==
===How to add topics to the WIKI?===
* Go to the WIKI-page
* Press “edit”
* Add your text to the box (be careful not to delete existing text)
* Mark sub topics like this: ===TOPIC NAME===
* If you want to make a list, use * before the phrase
* If you want to add a hyperlink, use [ ]. Mark the hyperlink like this <nowiki>[http://www.pagename.com text what you want to the hyperlink]</nowiki>
* If you want to add a hyperlink to another WIKI page, use [[ ]]. Mark the hyperlink like this <nowiki>[[wiki page name|text what you want to the hyperlink]]</nowiki>
* If you want to add a category, put it in the end as <nowiki>[[Category: Category Name]]</nowiki>
* If you want to preview, click “show preview”
* If you want to save the text, press “save page”
* If you want to leave the page without saving anything, you can press “Cancel”.

===How to make a new WIKIpage?===
There are several ways to start a new page. Using WIKIlinks is the easiest way to do it. If you create a link to an article that doesn’t exist yet, the link will be coloured red. Click the red link and you will go to the edit page for the new article. Type your text, click “save” and the new page is created. When the page is created, the link will change from red to blue.

How to use WIKI

2014-08-26T22:18:02Z

Admin:

MediaWiki:Common.css

2014-08-25T22:05:11Z

Admin: Reverted edits by Admin (talk) to last revision by Antti

/* CSS placed here will be applied to all skins */

/* ----- Google fonts ----- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700);

/* ----- helpers ----- */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 100%; /* 16px */
line-height: 1.5; /* 24px */
color: #333;
background: #fff;
}

#wrapper, #container {
width: 960px;
position: relative;
margin: 0 auto;
}

#mw-page-base {
height: 9em;
height: 12em;
width: 20em;
}

#left-navigation,
#right-navigation {
margin-top: 6em;
margin-top: 9em;
}
#left-navigation {
margin-left: 25%;
}

div#content {
border: 1px solid #eee;
border-top: 3px solid #eee;
margin-top: 0;
color: #333;
padding: 3em 30px 6em 30px;
margin-left: 25%;
}

#bodyContent {
font-size: 1em;
line-height: 1.5;
color: #333;
}

#bodyContent label {
display: inline;
}

/* ----- logo ---- */
#p-logo {
left: 0;
height: 6em;
height: 9em;
width: 960px;
border-bottom: 3px solid #2ca8ca;
}

#p-logo a {
height: 6em;
height: 9em;
width: 500px;
}

/* ---- personal ---- */
#p-personal {
position: absolute;
top: 3.5em;
top: 6.5em;
right: 0em;
}

#p-personal li {
line-height: 2;
margin-top: 0;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

/* ----- vector tabs ----- */

div.vectorTabs ul li,
div.vectorTabs span,
div.vectorTabs,
div.vectorMenu h3 a,
div.vectorTabs ul {
background-color: transparent;
background-image: none;
}

div.vectorTabs {
/* background-color: #eee; */
padding-left: 0;
height: auto;
}

div.vectorTabs ul > li {
margin-right: 15px;
}

div.vectorTabs span {
display: block;
}

div.vectorTabs li a {
height: auto;
font-size: 0.875em;
line-height: 1.71428571;
padding-top: 21px;
padding-top: 19px;
padding-top: 16px;
padding-bottom: 8px;
}

div.vectorTabs li a {
padding-left: 0;
padding-right: 0;
position: relative;
}

div.vectorTabs li.selected a,
div.vectorTabs li a:hover {
border-bottom: 3px solid #f03856;
text-decoration: none;
}

div.vectorTabs li.selected a:before,
div.vectorTabs li a:hover:before {
content: " ";
height: 3px;
position: absolute;
left: -1px;
right: -1px;
bottom: -3px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

div.vectorTabs li.selected a{
font-weight: bold;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top: 48px;
}

#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
border: none;
}

div#mw-head div.vectorMenu h3 {
margin-left: 0;
}

div.vectorMenu h3 a {
height: 48px;
}

div.vectorMenu ul {
border-color: #eee;
}

#p-search {
height: 48px;
/* background: #eee; */
margin-right: 0 !important;
}

div#simpleSearch {
height: 1.5em;
margin-top: 0.75em; /* 12px */
width: 10em;
}

h1, h2, h3, h4, h5,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
color: #003e52;
border: none;
}

div#content h1,
div#content #firstHeading {
font-size: 1.875em; /* 30px */
font-size: 2em; /* 32px */
line-height: 1.06666667; /* 32px */
line-height: 1.25; /* 40px */
letter-spacing: 0;
/* color: #1c708b; */
color: #2ca8ca;
padding-top: 0.8em;
margin-bottom: 0.8em; /* 24px; */
}

div#content h2 {
font-size: 1.25em; /* 20px */
font-size: 1.5em; /* 24px */
line-height: 1.2; /* 24px */
line-height: 1.33333333; /* 32px */
margin-bottom: 0.66666667em; /* 16px */
padding-top: 1em; /* 24px */
}

div#content h3 {
font-size: 1.125em; /* 18px */
line-height: 1.33333333; /* 24px */
font-weight: bold;
padding-top: 0.88888889em; /* 16px */
padding-bottom: 0.44444444em; /* 8px */
}

div#content h4 {
font-size: 1em;
font-weight: bold;
color: #1C708B;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
color: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #2ca8ca;
text-decoration: none;
}

a {
color: #0e8fbb;
}

div#content p {
margin-top: 0;
margin-bottom: 1.5em; /* 24px */
}

div#content ul, div#content ol {
list-style: inherit;
}

div#content #toc ul , div#content #toc ol {
list-style: none;
}

div#content strong,
div#content b,
div#content em,
em {
font-weight: bold;
font-style: normal;
}

div#content li {
margin-bottom: 0.5em;
}

.additional-information,
.posted {
font-size: 0.75em; /* 12 px */
//line-height: 1.33333333; /* 16px */
line-height: 2; /* 24px */
color: #999;
margin-bottom: 2em;
}

/* ----- wiki special content sections ----- */

#p-navigation {
font-weight: bold;
font-size: 0.75em;
line-height: 2;
}

div#mw-panel div.portal div.body ul li {
font-size: inherit;
}

#mw-panel.collapsible-nav .portal {
font-size: 0.75em;
line-height: 2;
}

#mw-panel.collapsible-nav .portal h3 {
font-size: 1em;
}

#mw-page-base {
background: #fff;
}

div#mw-panel {
padding: 3em 0;
width: 25%;
padding-right: 30px;
}

#mw-panel.collapsible-nav .portal {
margin: 0;
background-image: none;
border-bottom: 1px solid #eee;
}

#mw-panel.collapsible-nav .portal.persistent .body {
margin-left: 0;
}

.toc, #toc, .catlinks {
font-size: 0.875em;
line-height: 1.42857143; /* 14/20 */
border: none;
padding: 0.875em 15px;
background: #eff7f9;
}

.toc li, #toc li {
line-height: 1.42857143;
}

.tocnumber {
font-weight: bold;
}

div#content #toc h2,
div#content .toc h2 {
font-family: 'Open Sans', Arial, sans-serif;
}

#catlinks, .catlinks {
margin-top: 3.42857143em; /* 48px */
}

#pt-logout {
display: none;
}

/* Hide main page tiitle */
body.page-Main_Page h1.firstHeading { display: none; }

/* WIKI front page */

.promo {
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33);
height: 418px;
}

.promo h1, .promo h2 {
color: #fff;
}

.promo h1 span {
font-weight: normal;
}

body.page-Main_Page div#content .promo h1 {
font-size: 3.5em;
padding-top: 1em;
/* padding-bottom: 0.85714286em; */
margin-bottom: 0;
line-height: 1;
letter-spacing: -0.05em;
color: #fff;
font-weight: normal;
}

body.page-Main_Page div#content .promo h2 {
color: #fff;
text-align: center;
margin: 0;
padding: 1em 0;
margin-bottom: 48px;
}

body.page-Main_Page div#content .promo p {
line-height: 0;
margin: 0;
padding: 0;
}

div#content .promo p, div#content .promo img {
margin: 0;
padding: 0;
line-height: 0;
}

.wiki-promo-content {
position: absolute;
bottom: 0;
width: 100%;
}

.bg-overlay {
/* background: rgba(8,21,26,0.75); */
}

body.page-Main_Page #content {
margin-left: 0;
padding-top: 1.5em;
padding-left: 15px;
padding-right: 15px;
}

body.page-Main_Page #p-navigation,
body.page-Main_Page #p-tb {
display: none;
}

body.page-Main_Page #left-navigation,
body.page-Main_Page div#footer {
margin-left: 0;
}

body.page-Main_Page #bodyContent ul,
body.page-Main_Page #bodyContent ol,
body.page-Main_Page #bodyContent p {
font-size: 0.875em;
line-height: 1.42857143;
margin-bottom: 1.42857143em;
}

body.page-Main_Page #bodyContent ol {
list-style-type: decimal;
margin-left: 1.6em;
}

.latest-updates {
background: #E0F0F4;
padding-bottom: 1.5em;
}

body.page-Main_Page #content .latest-updates ul {
list-style-type: decimal-leading-zero;
margin-left: 2em;
}

.latest-updates hr,
.latest-updates font {
display: none;
}

body.page-Main_Page #content ul {
list-style: none;
margin: 0;
}

body.page-Main_Page #content h1 {
color: #003e52
}

.card-container {
margin: 0 -15px 0 0;
}

.card {
padding-right: 15px;
padding-left: 0;
padding-bottom: 1em;
padding-top: 0;
float: left;
}

div#content .card.column-full ul {
font-size: 20px;
line-height: 1.2;
}

div#content .card.column-full ul li {
padding-bottom: 8px;
}

div#content .card.column-6 ul,
div#content .column-4 ol {
font-size: 16px;
line-height: 1.25;
}

div#content .card.column-6 ul li,
div#content .column-4 ol li {
padding-bottom: 8px;

}

div#content .card ul {
list-style: none;
margin: 0;
padding: 0;
}

div#content .card ul li,
div#content .column-4 ol li {
border-bottom: 1px solid #eee;
padding-left: 1em;
}

div#content .card ul li:last-child {
border: none;
}

.secondary-column-wrapper {
counter-reset: li;
}

body.page-Main_Page #bodyContent .secondary-column-wrapper p {
margin-bottom: 0;
}

div#content .column-4 ol {
border-top: 1px solid #eee;
list-style-position: inside;
margin: 0;
}

div#content .column-4 ol > li {
padding-left: 2em;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
list-style: none;
margin-bottom: 0;
}

div#content .column-4 ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
position:absolute;
left: 0;
top: 6px;
width: 24px;
color:#fff;
background:#2ca8ca;
font-weight:bold;
text-align:center;
font-size: 12px;
line-height: 24px;
}

.card-header {
margin: 0 0;
position: relative;
}

.card-content {
padding: 1em 14px;
padding-top: 0;
border: 1px solid #eee;
border-top: none;
}

div#content .card-header h3, div#content .card-header h2 {
/* background: #2ca8ca;
background: rgba(0,0,0,0.5); */
padding: 15px;
padding-bottom: 13px;
margin-bottom: 0;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 3px solid #2ca8ca;
text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33);
}

div#content .card-header h2 {
line-height: 1.16666667;
}

div#content .card-header a {
color: #fff;
}

div#content .card-header p, div#content .card-header img {
margin: 0;
padding: 0;
display: block;
}

div#content .card-header > div:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(8,21,26,0.25);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);
}

body.page-Main_Page #content img {
max-width: 100%;
height: auto;
}

.overflow {
overflow: hidden;
}

div#content .secondary-column-wrapper {
padding-left: 15px;
padding-right: 0;
border-left: 1px solid #eee;
margin-bottom: -999px;
padding-bottom: 999px;
}

div#content .column-4 h2 {
padding-top: 0;
margin-top: 0;
}

div#content .column-4 ul {
display: none;
}

div#content .on-page-navigation {
font-size: 0.875em;
line-height: 1.42857143;
padding: 0.875em 15px;
background: #eff7f9;
}

div#content .on-page-navigation ul {
margin: 0;
padding: 0 1em;
list-style: none;
}

div#content .on-page-navigation li,
div#content .card li {
margin-bottom: 0;
}

div#content .on-page-navigation li:before,
div#content .card li:before {
content: "";
border-color: transparent #2ca8ca;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 1em;
position: relative;
margin-bottom: 0;
}

div#footer {
margin-left: 25%;
}

#ca-talk, #ca-viewsource, .toc, #toc {
display: none !important;
}

/* end */

MediaWiki:Common.css

2014-08-25T22:04:15Z

Admin:

/* CSS placed here will be applied to all skins */

/* ----- Google fonts ----- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700);

/* ----- helpers ----- */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 100%; /* 16px */
line-height: 1.5; /* 24px */
color: #333;
background: #fff;
}

#wrapper, #container {
width: 960px;
position: relative;
margin: 0 auto;
}

#mw-page-base {
height: 9em;
height: 12em;
width: 20em;
}

#left-navigation,
#right-navigation {
margin-top: 6em;
margin-top: 9em;
}
#left-navigation {
margin-left: 25%;
}

div#content {
border: 1px solid #eee;
border-top: 3px solid #eee;
margin-top: 0;
color: #333;
padding: 3em 30px 6em 30px;
margin-left: 25%;
}

#bodyContent {
font-size: 1em;
line-height: 1.5;
color: #333;
}

#bodyContent label {
display: inline;
}

/* ----- logo ---- */
#p-logo {
left: 0;
height: 6em;
height: 9em;
border-bottom: 3px solid #2ca8ca;
}

#p-logo a {
height: 6em;
height: 9em;
}

/* ---- personal ---- */
#p-personal {
position: absolute;
top: 3.5em;
top: 6.5em;
right: 0em;
}

#p-personal li {
line-height: 2;
margin-top: 0;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

/* ----- vector tabs ----- */

div.vectorTabs ul li,
div.vectorTabs span,
div.vectorTabs,
div.vectorMenu h3 a,
div.vectorTabs ul {
background-color: transparent;
background-image: none;
}

div.vectorTabs {
/* background-color: #eee; */
padding-left: 0;
height: auto;
}

div.vectorTabs ul > li {
margin-right: 15px;
}

div.vectorTabs span {
display: block;
}

div.vectorTabs li a {
height: auto;
font-size: 0.875em;
line-height: 1.71428571;
padding-top: 21px;
padding-top: 19px;
padding-top: 16px;
padding-bottom: 8px;
}

div.vectorTabs li a {
padding-left: 0;
padding-right: 0;
position: relative;
}

div.vectorTabs li.selected a,
div.vectorTabs li a:hover {
border-bottom: 3px solid #f03856;
text-decoration: none;
}

div.vectorTabs li.selected a:before,
div.vectorTabs li a:hover:before {
content: " ";
height: 3px;
position: absolute;
left: -1px;
right: -1px;
bottom: -3px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

div.vectorTabs li.selected a{
font-weight: bold;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top: 48px;
}

#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
border: none;
}

div#mw-head div.vectorMenu h3 {
margin-left: 0;
}

div.vectorMenu h3 a {
height: 48px;
}

div.vectorMenu ul {
border-color: #eee;
}

#p-search {
height: 48px;
/* background: #eee; */
margin-right: 0 !important;
}

div#simpleSearch {
height: 1.5em;
margin-top: 0.75em; /* 12px */
width: 10em;
}

h1, h2, h3, h4, h5,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
color: #003e52;
border: none;
}

div#content h1,
div#content #firstHeading {
font-size: 1.875em; /* 30px */
font-size: 2em; /* 32px */
line-height: 1.06666667; /* 32px */
line-height: 1.25; /* 40px */
letter-spacing: 0;
/* color: #1c708b; */
color: #2ca8ca;
padding-top: 0.8em;
margin-bottom: 0.8em; /* 24px; */
}

div#content h2 {
font-size: 1.25em; /* 20px */
font-size: 1.5em; /* 24px */
line-height: 1.2; /* 24px */
line-height: 1.33333333; /* 32px */
margin-bottom: 0.66666667em; /* 16px */
padding-top: 1em; /* 24px */
}

div#content h3 {
font-size: 1.125em; /* 18px */
line-height: 1.33333333; /* 24px */
font-weight: bold;
padding-top: 0.88888889em; /* 16px */
padding-bottom: 0.44444444em; /* 8px */
}

div#content h4 {
font-size: 1em;
font-weight: bold;
color: #1C708B;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
color: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #2ca8ca;
text-decoration: none;
}

a {
color: #0e8fbb;
}

div#content p {
margin-top: 0;
margin-bottom: 1.5em; /* 24px */
}

div#content ul, div#content ol {
list-style: inherit;
}

div#content #toc ul , div#content #toc ol {
list-style: none;
}

div#content strong,
div#content b,
div#content em,
em {
font-weight: bold;
font-style: normal;
}

div#content li {
margin-bottom: 0.5em;
}

.additional-information,
.posted {
font-size: 0.75em; /* 12 px */
//line-height: 1.33333333; /* 16px */
line-height: 2; /* 24px */
color: #999;
margin-bottom: 2em;
}

/* ----- wiki special content sections ----- */

#p-navigation {
font-weight: bold;
font-size: 0.75em;
line-height: 2;
}

div#mw-panel div.portal div.body ul li {
font-size: inherit;
}

#mw-panel.collapsible-nav .portal {
font-size: 0.75em;
line-height: 2;
}

#mw-panel.collapsible-nav .portal h3 {
font-size: 1em;
}

#mw-page-base {
background: #fff;
}

div#mw-panel {
padding: 3em 0;
width: 25%;
padding-right: 30px;
}

#mw-panel.collapsible-nav .portal {
margin: 0;
background-image: none;
border-bottom: 1px solid #eee;
}

#mw-panel.collapsible-nav .portal.persistent .body {
margin-left: 0;
}

.toc, #toc, .catlinks {
font-size: 0.875em;
line-height: 1.42857143; /* 14/20 */
border: none;
padding: 0.875em 15px;
background: #eff7f9;
}

.toc li, #toc li {
line-height: 1.42857143;
}

.tocnumber {
font-weight: bold;
}

div#content #toc h2,
div#content .toc h2 {
font-family: 'Open Sans', Arial, sans-serif;
}

#catlinks, .catlinks {
margin-top: 3.42857143em; /* 48px */
}

#pt-logout {
display: none;
}

/* Hide main page tiitle */
body.page-Main_Page h1.firstHeading { display: none; }

/* WIKI front page */

.promo {
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33);
height: 418px;
}

.promo h1, .promo h2 {
color: #fff;
}

.promo h1 span {
font-weight: normal;
}

body.page-Main_Page div#content .promo h1 {
font-size: 3.5em;
padding-top: 1em;
/* padding-bottom: 0.85714286em; */
margin-bottom: 0;
line-height: 1;
letter-spacing: -0.05em;
color: #fff;
font-weight: normal;
}

body.page-Main_Page div#content .promo h2 {
color: #fff;
text-align: center;
margin: 0;
padding: 1em 0;
margin-bottom: 48px;
}

body.page-Main_Page div#content .promo p {
line-height: 0;
margin: 0;
padding: 0;
}

div#content .promo p, div#content .promo img {
margin: 0;
padding: 0;
line-height: 0;
}

.wiki-promo-content {
position: absolute;
bottom: 0;
width: 100%;
}

.bg-overlay {
/* background: rgba(8,21,26,0.75); */
}

body.page-Main_Page #content {
margin-left: 0;
padding-top: 1.5em;
padding-left: 15px;
padding-right: 15px;
}

body.page-Main_Page #p-navigation,
body.page-Main_Page #p-tb {
display: none;
}

body.page-Main_Page #left-navigation,
body.page-Main_Page div#footer {
margin-left: 0;
}

body.page-Main_Page #bodyContent ul,
body.page-Main_Page #bodyContent ol,
body.page-Main_Page #bodyContent p {
font-size: 0.875em;
line-height: 1.42857143;
margin-bottom: 1.42857143em;
}

body.page-Main_Page #bodyContent ol {
list-style-type: decimal;
margin-left: 1.6em;
}

.latest-updates {
background: #E0F0F4;
padding-bottom: 1.5em;
}

body.page-Main_Page #content .latest-updates ul {
list-style-type: decimal-leading-zero;
margin-left: 2em;
}

.latest-updates hr,
.latest-updates font {
display: none;
}

body.page-Main_Page #content ul {
list-style: none;
margin: 0;
}

body.page-Main_Page #content h1 {
color: #003e52
}

.card-container {
margin: 0 -15px 0 0;
}

.card {
padding-right: 15px;
padding-left: 0;
padding-bottom: 1em;
padding-top: 0;
float: left;
}

div#content .card.column-full ul {
font-size: 20px;
line-height: 1.2;
}

div#content .card.column-full ul li {
padding-bottom: 8px;
}

div#content .card.column-6 ul,
div#content .column-4 ol {
font-size: 16px;
line-height: 1.25;
}

div#content .card.column-6 ul li,
div#content .column-4 ol li {
padding-bottom: 8px;

}

div#content .card ul {
list-style: none;
margin: 0;
padding: 0;
}

div#content .card ul li,
div#content .column-4 ol li {
border-bottom: 1px solid #eee;
padding-left: 1em;
}

div#content .card ul li:last-child {
border: none;
}

.secondary-column-wrapper {
counter-reset: li;
}

body.page-Main_Page #bodyContent .secondary-column-wrapper p {
margin-bottom: 0;
}

div#content .column-4 ol {
border-top: 1px solid #eee;
list-style-position: inside;
margin: 0;
}

div#content .column-4 ol > li {
padding-left: 2em;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
list-style: none;
margin-bottom: 0;
}

div#content .column-4 ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
position:absolute;
left: 0;
top: 6px;
width: 24px;
color:#fff;
background:#2ca8ca;
font-weight:bold;
text-align:center;
font-size: 12px;
line-height: 24px;
}

.card-header {
margin: 0 0;
position: relative;
}

.card-content {
padding: 1em 14px;
padding-top: 0;
border: 1px solid #eee;
border-top: none;
}

div#content .card-header h3, div#content .card-header h2 {
/* background: #2ca8ca;
background: rgba(0,0,0,0.5); */
padding: 15px;
padding-bottom: 13px;
margin-bottom: 0;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 3px solid #2ca8ca;
text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33);
}

div#content .card-header h2 {
line-height: 1.16666667;
}

div#content .card-header a {
color: #fff;
}

div#content .card-header p, div#content .card-header img {
margin: 0;
padding: 0;
display: block;
}

div#content .card-header > div:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(8,21,26,0.25);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);
}

body.page-Main_Page #content img {
max-width: 100%;
height: auto;
}

.overflow {
overflow: hidden;
}

div#content .secondary-column-wrapper {
padding-left: 15px;
padding-right: 0;
border-left: 1px solid #eee;
margin-bottom: -999px;
padding-bottom: 999px;
}

div#content .column-4 h2 {
padding-top: 0;
margin-top: 0;
}

div#content .column-4 ul {
display: none;
}

div#content .on-page-navigation {
font-size: 0.875em;
line-height: 1.42857143;
padding: 0.875em 15px;
background: #eff7f9;
}

div#content .on-page-navigation ul {
margin: 0;
padding: 0 1em;
list-style: none;
}

div#content .on-page-navigation li,
div#content .card li {
margin-bottom: 0;
}

div#content .on-page-navigation li:before,
div#content .card li:before {
content: "";
border-color: transparent #2ca8ca;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 1em;
position: relative;
margin-bottom: 0;
}

div#footer {
margin-left: 25%;
}

#ca-talk, #ca-viewsource, .toc, #toc {
display: none !important;
}

/* end */

MediaWiki:Common.css

2014-08-25T22:03:23Z

Admin:

/* CSS placed here will be applied to all skins */

/* ----- Google fonts ----- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700);

/* ----- helpers ----- */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 100%; /* 16px */
line-height: 1.5; /* 24px */
color: #333;
background: #fff;
}

#wrapper, #container {
width: 960px;
position: relative;
margin: 0 auto;
}

#mw-page-base {
height: 9em;
height: 12em;
width: 20em;
}

#left-navigation,
#right-navigation {
margin-top: 6em;
margin-top: 9em;
}
#left-navigation {
margin-left: 25%;
}

div#content {
border: 1px solid #eee;
border-top: 3px solid #eee;
margin-top: 0;
color: #333;
padding: 3em 30px 6em 30px;
margin-left: 25%;
}

#bodyContent {
font-size: 1em;
line-height: 1.5;
color: #333;
}

#bodyContent label {
display: inline;
}

/* ----- logo ---- */
#p-logo {
left: 0;
height: 6em;
height: 12em;
height: 280px;
width: 960px;
border-bottom: 3px solid #2ca8ca;
}

#p-logo a {
height: 6em;
height: 12em;
width: 700px;
}

/* ---- personal ---- */
#p-personal {
position: absolute;
top: 3.5em;
top: 6.5em;
right: 0em;
}

#p-personal li {
line-height: 2;
margin-top: 0;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

/* ----- vector tabs ----- */

div.vectorTabs ul li,
div.vectorTabs span,
div.vectorTabs,
div.vectorMenu h3 a,
div.vectorTabs ul {
background-color: transparent;
background-image: none;
}

div.vectorTabs {
/* background-color: #eee; */
padding-left: 0;
height: auto;
}

div.vectorTabs ul > li {
margin-right: 15px;
}

div.vectorTabs span {
display: block;
}

div.vectorTabs li a {
height: auto;
font-size: 0.875em;
line-height: 1.71428571;
padding-top: 21px;
padding-top: 19px;
padding-top: 16px;
padding-bottom: 8px;
}

div.vectorTabs li a {
padding-left: 0;
padding-right: 0;
position: relative;
}

div.vectorTabs li.selected a,
div.vectorTabs li a:hover {
border-bottom: 3px solid #f03856;
text-decoration: none;
}

div.vectorTabs li.selected a:before,
div.vectorTabs li a:hover:before {
content: " ";
height: 3px;
position: absolute;
left: -1px;
right: -1px;
bottom: -3px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

div.vectorTabs li.selected a{
font-weight: bold;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top: 48px;
}

#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
border: none;
}

div#mw-head div.vectorMenu h3 {
margin-left: 0;
}

div.vectorMenu h3 a {
height: 48px;
}

div.vectorMenu ul {
border-color: #eee;
}

#p-search {
height: 48px;
/* background: #eee; */
margin-right: 0 !important;
}

div#simpleSearch {
height: 1.5em;
margin-top: 0.75em; /* 12px */
width: 10em;
}

h1, h2, h3, h4, h5,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
color: #003e52;
border: none;
}

div#content h1,
div#content #firstHeading {
font-size: 1.875em; /* 30px */
font-size: 2em; /* 32px */
line-height: 1.06666667; /* 32px */
line-height: 1.25; /* 40px */
letter-spacing: 0;
/* color: #1c708b; */
color: #2ca8ca;
padding-top: 0.8em;
margin-bottom: 0.8em; /* 24px; */
}

div#content h2 {
font-size: 1.25em; /* 20px */
font-size: 1.5em; /* 24px */
line-height: 1.2; /* 24px */
line-height: 1.33333333; /* 32px */
margin-bottom: 0.66666667em; /* 16px */
padding-top: 1em; /* 24px */
}

div#content h3 {
font-size: 1.125em; /* 18px */
line-height: 1.33333333; /* 24px */
font-weight: bold;
padding-top: 0.88888889em; /* 16px */
padding-bottom: 0.44444444em; /* 8px */
}

div#content h4 {
font-size: 1em;
font-weight: bold;
color: #1C708B;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
color: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #2ca8ca;
text-decoration: none;
}

a {
color: #0e8fbb;
}

div#content p {
margin-top: 0;
margin-bottom: 1.5em; /* 24px */
}

div#content ul, div#content ol {
list-style: inherit;
}

div#content #toc ul , div#content #toc ol {
list-style: none;
}

div#content strong,
div#content b,
div#content em,
em {
font-weight: bold;
font-style: normal;
}

div#content li {
margin-bottom: 0.5em;
}

.additional-information,
.posted {
font-size: 0.75em; /* 12 px */
//line-height: 1.33333333; /* 16px */
line-height: 2; /* 24px */
color: #999;
margin-bottom: 2em;
}

/* ----- wiki special content sections ----- */

#p-navigation {
font-weight: bold;
font-size: 0.75em;
line-height: 2;
}

div#mw-panel div.portal div.body ul li {
font-size: inherit;
}

#mw-panel.collapsible-nav .portal {
font-size: 0.75em;
line-height: 2;
}

#mw-panel.collapsible-nav .portal h3 {
font-size: 1em;
}

#mw-page-base {
background: #fff;
}

div#mw-panel {
padding: 3em 0;
width: 25%;
padding-right: 30px;
}

#mw-panel.collapsible-nav .portal {
margin: 0;
background-image: none;
border-bottom: 1px solid #eee;
}

#mw-panel.collapsible-nav .portal.persistent .body {
margin-left: 0;
}

.toc, #toc, .catlinks {
font-size: 0.875em;
line-height: 1.42857143; /* 14/20 */
border: none;
padding: 0.875em 15px;
background: #eff7f9;
}

.toc li, #toc li {
line-height: 1.42857143;
}

.tocnumber {
font-weight: bold;
}

div#content #toc h2,
div#content .toc h2 {
font-family: 'Open Sans', Arial, sans-serif;
}

#catlinks, .catlinks {
margin-top: 3.42857143em; /* 48px */
}

#pt-logout {
display: none;
}

/* Hide main page tiitle */
body.page-Main_Page h1.firstHeading { display: none; }

/* WIKI front page */

.promo {
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33);
height: 418px;
}

.promo h1, .promo h2 {
color: #fff;
}

.promo h1 span {
font-weight: normal;
}

body.page-Main_Page div#content .promo h1 {
font-size: 3.5em;
padding-top: 1em;
/* padding-bottom: 0.85714286em; */
margin-bottom: 0;
line-height: 1;
letter-spacing: -0.05em;
color: #fff;
font-weight: normal;
}

body.page-Main_Page div#content .promo h2 {
color: #fff;
text-align: center;
margin: 0;
padding: 1em 0;
margin-bottom: 48px;
}

body.page-Main_Page div#content .promo p {
line-height: 0;
margin: 0;
padding: 0;
}

div#content .promo p, div#content .promo img {
margin: 0;
padding: 0;
line-height: 0;
}

.wiki-promo-content {
position: absolute;
bottom: 0;
width: 100%;
}

.bg-overlay {
/* background: rgba(8,21,26,0.75); */
}

body.page-Main_Page #content {
margin-left: 0;
padding-top: 1.5em;
padding-left: 15px;
padding-right: 15px;
}

body.page-Main_Page #p-navigation,
body.page-Main_Page #p-tb {
display: none;
}

body.page-Main_Page #left-navigation,
body.page-Main_Page div#footer {
margin-left: 0;
}

body.page-Main_Page #bodyContent ul,
body.page-Main_Page #bodyContent ol,
body.page-Main_Page #bodyContent p {
font-size: 0.875em;
line-height: 1.42857143;
margin-bottom: 1.42857143em;
}

body.page-Main_Page #bodyContent ol {
list-style-type: decimal;
margin-left: 1.6em;
}

.latest-updates {
background: #E0F0F4;
padding-bottom: 1.5em;
}

body.page-Main_Page #content .latest-updates ul {
list-style-type: decimal-leading-zero;
margin-left: 2em;
}

.latest-updates hr,
.latest-updates font {
display: none;
}

body.page-Main_Page #content ul {
list-style: none;
margin: 0;
}

body.page-Main_Page #content h1 {
color: #003e52
}

.card-container {
margin: 0 -15px 0 0;
}

.card {
padding-right: 15px;
padding-left: 0;
padding-bottom: 1em;
padding-top: 0;
float: left;
}

div#content .card.column-full ul {
font-size: 20px;
line-height: 1.2;
}

div#content .card.column-full ul li {
padding-bottom: 8px;
}

div#content .card.column-6 ul,
div#content .column-4 ol {
font-size: 16px;
line-height: 1.25;
}

div#content .card.column-6 ul li,
div#content .column-4 ol li {
padding-bottom: 8px;

}

div#content .card ul {
list-style: none;
margin: 0;
padding: 0;
}

div#content .card ul li,
div#content .column-4 ol li {
border-bottom: 1px solid #eee;
padding-left: 1em;
}

div#content .card ul li:last-child {
border: none;
}

.secondary-column-wrapper {
counter-reset: li;
}

body.page-Main_Page #bodyContent .secondary-column-wrapper p {
margin-bottom: 0;
}

div#content .column-4 ol {
border-top: 1px solid #eee;
list-style-position: inside;
margin: 0;
}

div#content .column-4 ol > li {
padding-left: 2em;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
list-style: none;
margin-bottom: 0;
}

div#content .column-4 ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
position:absolute;
left: 0;
top: 6px;
width: 24px;
color:#fff;
background:#2ca8ca;
font-weight:bold;
text-align:center;
font-size: 12px;
line-height: 24px;
}

.card-header {
margin: 0 0;
position: relative;
}

.card-content {
padding: 1em 14px;
padding-top: 0;
border: 1px solid #eee;
border-top: none;
}

div#content .card-header h3, div#content .card-header h2 {
/* background: #2ca8ca;
background: rgba(0,0,0,0.5); */
padding: 15px;
padding-bottom: 13px;
margin-bottom: 0;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 3px solid #2ca8ca;
text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33);
}

div#content .card-header h2 {
line-height: 1.16666667;
}

div#content .card-header a {
color: #fff;
}

div#content .card-header p, div#content .card-header img {
margin: 0;
padding: 0;
display: block;
}

div#content .card-header > div:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(8,21,26,0.25);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);
}

body.page-Main_Page #content img {
max-width: 100%;
height: auto;
}

.overflow {
overflow: hidden;
}

div#content .secondary-column-wrapper {
padding-left: 15px;
padding-right: 0;
border-left: 1px solid #eee;
margin-bottom: -999px;
padding-bottom: 999px;
}

div#content .column-4 h2 {
padding-top: 0;
margin-top: 0;
}

div#content .column-4 ul {
display: none;
}

div#content .on-page-navigation {
font-size: 0.875em;
line-height: 1.42857143;
padding: 0.875em 15px;
background: #eff7f9;
}

div#content .on-page-navigation ul {
margin: 0;
padding: 0 1em;
list-style: none;
}

div#content .on-page-navigation li,
div#content .card li {
margin-bottom: 0;
}

div#content .on-page-navigation li:before,
div#content .card li:before {
content: "";
border-color: transparent #2ca8ca;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 1em;
position: relative;
margin-bottom: 0;
}

div#footer {
margin-left: 25%;
}

#ca-talk, #ca-viewsource, .toc, #toc {
display: none !important;
}

/* end */

MediaWiki:Common.css

2014-08-25T22:01:37Z

Admin:

/* CSS placed here will be applied to all skins */

/* ----- Google fonts ----- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700);

/* ----- helpers ----- */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 100%; /* 16px */
line-height: 1.5; /* 24px */
color: #333;
background: #fff;
}

#wrapper, #container {
width: 960px;
position: relative;
margin: 0 auto;
}

#mw-page-base {
height: 9em;
height: 12em;
width: 20em;
}

#left-navigation,
#right-navigation {
margin-top: 6em;
margin-top: 9em;
}
#left-navigation {
margin-left: 25%;
}

div#content {
border: 1px solid #eee;
border-top: 3px solid #eee;
margin-top: 0;
color: #333;
padding: 3em 30px 6em 30px;
margin-left: 25%;
}

#bodyContent {
font-size: 1em;
line-height: 1.5;
color: #333;
}

#bodyContent label {
display: inline;
}

/* ----- logo ---- */
#p-logo {
left: 0;
height: 6em;
height: 12em;
width: 960px;
border-bottom: 3px solid #2ca8ca;
}

#p-logo a {
height: 6em;
height: 12em;
width: 700px;
}

/* ---- personal ---- */
#p-personal {
position: absolute;
top: 3.5em;
top: 6.5em;
right: 0em;
}

#p-personal li {
line-height: 2;
margin-top: 0;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

/* ----- vector tabs ----- */

div.vectorTabs ul li,
div.vectorTabs span,
div.vectorTabs,
div.vectorMenu h3 a,
div.vectorTabs ul {
background-color: transparent;
background-image: none;
}

div.vectorTabs {
/* background-color: #eee; */
padding-left: 0;
height: auto;
}

div.vectorTabs ul > li {
margin-right: 15px;
}

div.vectorTabs span {
display: block;
}

div.vectorTabs li a {
height: auto;
font-size: 0.875em;
line-height: 1.71428571;
padding-top: 21px;
padding-top: 19px;
padding-top: 16px;
padding-bottom: 8px;
}

div.vectorTabs li a {
padding-left: 0;
padding-right: 0;
position: relative;
}

div.vectorTabs li.selected a,
div.vectorTabs li a:hover {
border-bottom: 3px solid #f03856;
text-decoration: none;
}

div.vectorTabs li.selected a:before,
div.vectorTabs li a:hover:before {
content: " ";
height: 3px;
position: absolute;
left: -1px;
right: -1px;
bottom: -3px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

div.vectorTabs li.selected a{
font-weight: bold;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top: 48px;
}

#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
border: none;
}

div#mw-head div.vectorMenu h3 {
margin-left: 0;
}

div.vectorMenu h3 a {
height: 48px;
}

div.vectorMenu ul {
border-color: #eee;
}

#p-search {
height: 48px;
/* background: #eee; */
margin-right: 0 !important;
}

div#simpleSearch {
height: 1.5em;
margin-top: 0.75em; /* 12px */
width: 10em;
}

h1, h2, h3, h4, h5,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
color: #003e52;
border: none;
}

div#content h1,
div#content #firstHeading {
font-size: 1.875em; /* 30px */
font-size: 2em; /* 32px */
line-height: 1.06666667; /* 32px */
line-height: 1.25; /* 40px */
letter-spacing: 0;
/* color: #1c708b; */
color: #2ca8ca;
padding-top: 0.8em;
margin-bottom: 0.8em; /* 24px; */
}

div#content h2 {
font-size: 1.25em; /* 20px */
font-size: 1.5em; /* 24px */
line-height: 1.2; /* 24px */
line-height: 1.33333333; /* 32px */
margin-bottom: 0.66666667em; /* 16px */
padding-top: 1em; /* 24px */
}

div#content h3 {
font-size: 1.125em; /* 18px */
line-height: 1.33333333; /* 24px */
font-weight: bold;
padding-top: 0.88888889em; /* 16px */
padding-bottom: 0.44444444em; /* 8px */
}

div#content h4 {
font-size: 1em;
font-weight: bold;
color: #1C708B;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
color: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #2ca8ca;
text-decoration: none;
}

a {
color: #0e8fbb;
}

div#content p {
margin-top: 0;
margin-bottom: 1.5em; /* 24px */
}

div#content ul, div#content ol {
list-style: inherit;
}

div#content #toc ul , div#content #toc ol {
list-style: none;
}

div#content strong,
div#content b,
div#content em,
em {
font-weight: bold;
font-style: normal;
}

div#content li {
margin-bottom: 0.5em;
}

.additional-information,
.posted {
font-size: 0.75em; /* 12 px */
//line-height: 1.33333333; /* 16px */
line-height: 2; /* 24px */
color: #999;
margin-bottom: 2em;
}

/* ----- wiki special content sections ----- */

#p-navigation {
font-weight: bold;
font-size: 0.75em;
line-height: 2;
}

div#mw-panel div.portal div.body ul li {
font-size: inherit;
}

#mw-panel.collapsible-nav .portal {
font-size: 0.75em;
line-height: 2;
}

#mw-panel.collapsible-nav .portal h3 {
font-size: 1em;
}

#mw-page-base {
background: #fff;
}

div#mw-panel {
padding: 3em 0;
width: 25%;
padding-right: 30px;
}

#mw-panel.collapsible-nav .portal {
margin: 0;
background-image: none;
border-bottom: 1px solid #eee;
}

#mw-panel.collapsible-nav .portal.persistent .body {
margin-left: 0;
}

.toc, #toc, .catlinks {
font-size: 0.875em;
line-height: 1.42857143; /* 14/20 */
border: none;
padding: 0.875em 15px;
background: #eff7f9;
}

.toc li, #toc li {
line-height: 1.42857143;
}

.tocnumber {
font-weight: bold;
}

div#content #toc h2,
div#content .toc h2 {
font-family: 'Open Sans', Arial, sans-serif;
}

#catlinks, .catlinks {
margin-top: 3.42857143em; /* 48px */
}

#pt-logout {
display: none;
}

/* Hide main page tiitle */
body.page-Main_Page h1.firstHeading { display: none; }

/* WIKI front page */

.promo {
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33);
height: 418px;
}

.promo h1, .promo h2 {
color: #fff;
}

.promo h1 span {
font-weight: normal;
}

body.page-Main_Page div#content .promo h1 {
font-size: 3.5em;
padding-top: 1em;
/* padding-bottom: 0.85714286em; */
margin-bottom: 0;
line-height: 1;
letter-spacing: -0.05em;
color: #fff;
font-weight: normal;
}

body.page-Main_Page div#content .promo h2 {
color: #fff;
text-align: center;
margin: 0;
padding: 1em 0;
margin-bottom: 48px;
}

body.page-Main_Page div#content .promo p {
line-height: 0;
margin: 0;
padding: 0;
}

div#content .promo p, div#content .promo img {
margin: 0;
padding: 0;
line-height: 0;
}

.wiki-promo-content {
position: absolute;
bottom: 0;
width: 100%;
}

.bg-overlay {
/* background: rgba(8,21,26,0.75); */
}

body.page-Main_Page #content {
margin-left: 0;
padding-top: 1.5em;
padding-left: 15px;
padding-right: 15px;
}

body.page-Main_Page #p-navigation,
body.page-Main_Page #p-tb {
display: none;
}

body.page-Main_Page #left-navigation,
body.page-Main_Page div#footer {
margin-left: 0;
}

body.page-Main_Page #bodyContent ul,
body.page-Main_Page #bodyContent ol,
body.page-Main_Page #bodyContent p {
font-size: 0.875em;
line-height: 1.42857143;
margin-bottom: 1.42857143em;
}

body.page-Main_Page #bodyContent ol {
list-style-type: decimal;
margin-left: 1.6em;
}

.latest-updates {
background: #E0F0F4;
padding-bottom: 1.5em;
}

body.page-Main_Page #content .latest-updates ul {
list-style-type: decimal-leading-zero;
margin-left: 2em;
}

.latest-updates hr,
.latest-updates font {
display: none;
}

body.page-Main_Page #content ul {
list-style: none;
margin: 0;
}

body.page-Main_Page #content h1 {
color: #003e52
}

.card-container {
margin: 0 -15px 0 0;
}

.card {
padding-right: 15px;
padding-left: 0;
padding-bottom: 1em;
padding-top: 0;
float: left;
}

div#content .card.column-full ul {
font-size: 20px;
line-height: 1.2;
}

div#content .card.column-full ul li {
padding-bottom: 8px;
}

div#content .card.column-6 ul,
div#content .column-4 ol {
font-size: 16px;
line-height: 1.25;
}

div#content .card.column-6 ul li,
div#content .column-4 ol li {
padding-bottom: 8px;

}

div#content .card ul {
list-style: none;
margin: 0;
padding: 0;
}

div#content .card ul li,
div#content .column-4 ol li {
border-bottom: 1px solid #eee;
padding-left: 1em;
}

div#content .card ul li:last-child {
border: none;
}

.secondary-column-wrapper {
counter-reset: li;
}

body.page-Main_Page #bodyContent .secondary-column-wrapper p {
margin-bottom: 0;
}

div#content .column-4 ol {
border-top: 1px solid #eee;
list-style-position: inside;
margin: 0;
}

div#content .column-4 ol > li {
padding-left: 2em;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
list-style: none;
margin-bottom: 0;
}

div#content .column-4 ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
position:absolute;
left: 0;
top: 6px;
width: 24px;
color:#fff;
background:#2ca8ca;
font-weight:bold;
text-align:center;
font-size: 12px;
line-height: 24px;
}

.card-header {
margin: 0 0;
position: relative;
}

.card-content {
padding: 1em 14px;
padding-top: 0;
border: 1px solid #eee;
border-top: none;
}

div#content .card-header h3, div#content .card-header h2 {
/* background: #2ca8ca;
background: rgba(0,0,0,0.5); */
padding: 15px;
padding-bottom: 13px;
margin-bottom: 0;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 3px solid #2ca8ca;
text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33);
}

div#content .card-header h2 {
line-height: 1.16666667;
}

div#content .card-header a {
color: #fff;
}

div#content .card-header p, div#content .card-header img {
margin: 0;
padding: 0;
display: block;
}

div#content .card-header > div:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(8,21,26,0.25);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);
}

body.page-Main_Page #content img {
max-width: 100%;
height: auto;
}

.overflow {
overflow: hidden;
}

div#content .secondary-column-wrapper {
padding-left: 15px;
padding-right: 0;
border-left: 1px solid #eee;
margin-bottom: -999px;
padding-bottom: 999px;
}

div#content .column-4 h2 {
padding-top: 0;
margin-top: 0;
}

div#content .column-4 ul {
display: none;
}

div#content .on-page-navigation {
font-size: 0.875em;
line-height: 1.42857143;
padding: 0.875em 15px;
background: #eff7f9;
}

div#content .on-page-navigation ul {
margin: 0;
padding: 0 1em;
list-style: none;
}

div#content .on-page-navigation li,
div#content .card li {
margin-bottom: 0;
}

div#content .on-page-navigation li:before,
div#content .card li:before {
content: "";
border-color: transparent #2ca8ca;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 1em;
position: relative;
margin-bottom: 0;
}

div#footer {
margin-left: 25%;
}

#ca-talk, #ca-viewsource, .toc, #toc {
display: none !important;
}

/* end */

MediaWiki:Common.css

2014-08-25T21:59:21Z

Admin:

/* CSS placed here will be applied to all skins */

/* ----- Google fonts ----- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700);

/* ----- helpers ----- */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 100%; /* 16px */
line-height: 1.5; /* 24px */
color: #333;
background: #fff;
}

#wrapper, #container {
width: 960px;
position: relative;
margin: 0 auto;
}

#mw-page-base {
height: 9em;
height: 12em;
width: 20em;
}

#left-navigation,
#right-navigation {
margin-top: 6em;
margin-top: 9em;
}
#left-navigation {
margin-left: 25%;
}

div#content {
border: 1px solid #eee;
border-top: 3px solid #eee;
margin-top: 0;
color: #333;
padding: 3em 30px 6em 30px;
margin-left: 25%;
}

#bodyContent {
font-size: 1em;
line-height: 1.5;
color: #333;
}

#bodyContent label {
display: inline;
}

/* ----- logo ---- */
#p-logo {
left: 0;
height: 6em;
height: 9em;
width: 960px;
border-bottom: 3px solid #2ca8ca;
}

#p-logo a {
height: 6em;
height: 12em;
width: 700px;
}

/* ---- personal ---- */
#p-personal {
position: absolute;
top: 3.5em;
top: 6.5em;
right: 0em;
}

#p-personal li {
line-height: 2;
margin-top: 0;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

/* ----- vector tabs ----- */

div.vectorTabs ul li,
div.vectorTabs span,
div.vectorTabs,
div.vectorMenu h3 a,
div.vectorTabs ul {
background-color: transparent;
background-image: none;
}

div.vectorTabs {
/* background-color: #eee; */
padding-left: 0;
height: auto;
}

div.vectorTabs ul > li {
margin-right: 15px;
}

div.vectorTabs span {
display: block;
}

div.vectorTabs li a {
height: auto;
font-size: 0.875em;
line-height: 1.71428571;
padding-top: 21px;
padding-top: 19px;
padding-top: 16px;
padding-bottom: 8px;
}

div.vectorTabs li a {
padding-left: 0;
padding-right: 0;
position: relative;
}

div.vectorTabs li.selected a,
div.vectorTabs li a:hover {
border-bottom: 3px solid #f03856;
text-decoration: none;
}

div.vectorTabs li.selected a:before,
div.vectorTabs li a:hover:before {
content: " ";
height: 3px;
position: absolute;
left: -1px;
right: -1px;
bottom: -3px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

div.vectorTabs li.selected a{
font-weight: bold;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
padding-top: 48px;
}

#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
border: none;
}

div#mw-head div.vectorMenu h3 {
margin-left: 0;
}

div.vectorMenu h3 a {
height: 48px;
}

div.vectorMenu ul {
border-color: #eee;
}

#p-search {
height: 48px;
/* background: #eee; */
margin-right: 0 !important;
}

div#simpleSearch {
height: 1.5em;
margin-top: 0.75em; /* 12px */
width: 10em;
}

h1, h2, h3, h4, h5,
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 700;
color: #003e52;
border: none;
}

div#content h1,
div#content #firstHeading {
font-size: 1.875em; /* 30px */
font-size: 2em; /* 32px */
line-height: 1.06666667; /* 32px */
line-height: 1.25; /* 40px */
letter-spacing: 0;
/* color: #1c708b; */
color: #2ca8ca;
padding-top: 0.8em;
margin-bottom: 0.8em; /* 24px; */
}

div#content h2 {
font-size: 1.25em; /* 20px */
font-size: 1.5em; /* 24px */
line-height: 1.2; /* 24px */
line-height: 1.33333333; /* 32px */
margin-bottom: 0.66666667em; /* 16px */
padding-top: 1em; /* 24px */
}

div#content h3 {
font-size: 1.125em; /* 18px */
line-height: 1.33333333; /* 24px */
font-weight: bold;
padding-top: 0.88888889em; /* 16px */
padding-bottom: 0.44444444em; /* 8px */
}

div#content h4 {
font-size: 1em;
font-weight: bold;
color: #1C708B;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
color: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #2ca8ca;
text-decoration: none;
}

a {
color: #0e8fbb;
}

div#content p {
margin-top: 0;
margin-bottom: 1.5em; /* 24px */
}

div#content ul, div#content ol {
list-style: inherit;
}

div#content #toc ul , div#content #toc ol {
list-style: none;
}

div#content strong,
div#content b,
div#content em,
em {
font-weight: bold;
font-style: normal;
}

div#content li {
margin-bottom: 0.5em;
}

.additional-information,
.posted {
font-size: 0.75em; /* 12 px */
//line-height: 1.33333333; /* 16px */
line-height: 2; /* 24px */
color: #999;
margin-bottom: 2em;
}

/* ----- wiki special content sections ----- */

#p-navigation {
font-weight: bold;
font-size: 0.75em;
line-height: 2;
}

div#mw-panel div.portal div.body ul li {
font-size: inherit;
}

#mw-panel.collapsible-nav .portal {
font-size: 0.75em;
line-height: 2;
}

#mw-panel.collapsible-nav .portal h3 {
font-size: 1em;
}

#mw-page-base {
background: #fff;
}

div#mw-panel {
padding: 3em 0;
width: 25%;
padding-right: 30px;
}

#mw-panel.collapsible-nav .portal {
margin: 0;
background-image: none;
border-bottom: 1px solid #eee;
}

#mw-panel.collapsible-nav .portal.persistent .body {
margin-left: 0;
}

.toc, #toc, .catlinks {
font-size: 0.875em;
line-height: 1.42857143; /* 14/20 */
border: none;
padding: 0.875em 15px;
background: #eff7f9;
}

.toc li, #toc li {
line-height: 1.42857143;
}

.tocnumber {
font-weight: bold;
}

div#content #toc h2,
div#content .toc h2 {
font-family: 'Open Sans', Arial, sans-serif;
}

#catlinks, .catlinks {
margin-top: 3.42857143em; /* 48px */
}

#pt-logout {
display: none;
}

/* Hide main page tiitle */
body.page-Main_Page h1.firstHeading { display: none; }

/* WIKI front page */

.promo {
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33), 0px 0px 8px rgba(0, 0, 0, 0.33);
height: 418px;
}

.promo h1, .promo h2 {
color: #fff;
}

.promo h1 span {
font-weight: normal;
}

body.page-Main_Page div#content .promo h1 {
font-size: 3.5em;
padding-top: 1em;
/* padding-bottom: 0.85714286em; */
margin-bottom: 0;
line-height: 1;
letter-spacing: -0.05em;
color: #fff;
font-weight: normal;
}

body.page-Main_Page div#content .promo h2 {
color: #fff;
text-align: center;
margin: 0;
padding: 1em 0;
margin-bottom: 48px;
}

body.page-Main_Page div#content .promo p {
line-height: 0;
margin: 0;
padding: 0;
}

div#content .promo p, div#content .promo img {
margin: 0;
padding: 0;
line-height: 0;
}

.wiki-promo-content {
position: absolute;
bottom: 0;
width: 100%;
}

.bg-overlay {
/* background: rgba(8,21,26,0.75); */
}

body.page-Main_Page #content {
margin-left: 0;
padding-top: 1.5em;
padding-left: 15px;
padding-right: 15px;
}

body.page-Main_Page #p-navigation,
body.page-Main_Page #p-tb {
display: none;
}

body.page-Main_Page #left-navigation,
body.page-Main_Page div#footer {
margin-left: 0;
}

body.page-Main_Page #bodyContent ul,
body.page-Main_Page #bodyContent ol,
body.page-Main_Page #bodyContent p {
font-size: 0.875em;
line-height: 1.42857143;
margin-bottom: 1.42857143em;
}

body.page-Main_Page #bodyContent ol {
list-style-type: decimal;
margin-left: 1.6em;
}

.latest-updates {
background: #E0F0F4;
padding-bottom: 1.5em;
}

body.page-Main_Page #content .latest-updates ul {
list-style-type: decimal-leading-zero;
margin-left: 2em;
}

.latest-updates hr,
.latest-updates font {
display: none;
}

body.page-Main_Page #content ul {
list-style: none;
margin: 0;
}

body.page-Main_Page #content h1 {
color: #003e52
}

.card-container {
margin: 0 -15px 0 0;
}

.card {
padding-right: 15px;
padding-left: 0;
padding-bottom: 1em;
padding-top: 0;
float: left;
}

div#content .card.column-full ul {
font-size: 20px;
line-height: 1.2;
}

div#content .card.column-full ul li {
padding-bottom: 8px;
}

div#content .card.column-6 ul,
div#content .column-4 ol {
font-size: 16px;
line-height: 1.25;
}

div#content .card.column-6 ul li,
div#content .column-4 ol li {
padding-bottom: 8px;

}

div#content .card ul {
list-style: none;
margin: 0;
padding: 0;
}

div#content .card ul li,
div#content .column-4 ol li {
border-bottom: 1px solid #eee;
padding-left: 1em;
}

div#content .card ul li:last-child {
border: none;
}

.secondary-column-wrapper {
counter-reset: li;
}

body.page-Main_Page #bodyContent .secondary-column-wrapper p {
margin-bottom: 0;
}

div#content .column-4 ol {
border-top: 1px solid #eee;
list-style-position: inside;
margin: 0;
}

div#content .column-4 ol > li {
padding-left: 2em;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
list-style: none;
margin-bottom: 0;
}

div#content .column-4 ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
position:absolute;
left: 0;
top: 6px;
width: 24px;
color:#fff;
background:#2ca8ca;
font-weight:bold;
text-align:center;
font-size: 12px;
line-height: 24px;
}

.card-header {
margin: 0 0;
position: relative;
}

.card-content {
padding: 1em 14px;
padding-top: 0;
border: 1px solid #eee;
border-top: none;
}

div#content .card-header h3, div#content .card-header h2 {
/* background: #2ca8ca;
background: rgba(0,0,0,0.5); */
padding: 15px;
padding-bottom: 13px;
margin-bottom: 0;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 3px solid #2ca8ca;
text-shadow: 0px 1px 1px rgba(0,0,0,0.33),0px 0px 8px rgba(0,0,0,0.33);
}

div#content .card-header h2 {
line-height: 1.16666667;
}

div#content .card-header a {
color: #fff;
}

div#content .card-header p, div#content .card-header img {
margin: 0;
padding: 0;
display: block;
}

div#content .card-header > div:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(8,21,26,0.25);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);
}

body.page-Main_Page #content img {
max-width: 100%;
height: auto;
}

.overflow {
overflow: hidden;
}

div#content .secondary-column-wrapper {
padding-left: 15px;
padding-right: 0;
border-left: 1px solid #eee;
margin-bottom: -999px;
padding-bottom: 999px;
}

div#content .column-4 h2 {
padding-top: 0;
margin-top: 0;
}

div#content .column-4 ul {
display: none;
}

div#content .on-page-navigation {
font-size: 0.875em;
line-height: 1.42857143;
padding: 0.875em 15px;
background: #eff7f9;
}

div#content .on-page-navigation ul {
margin: 0;
padding: 0 1em;
list-style: none;
}

div#content .on-page-navigation li,
div#content .card li {
margin-bottom: 0;
}

div#content .on-page-navigation li:before,
div#content .card li:before {
content: "";
border-color: transparent #2ca8ca;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 1em;
position: relative;
margin-bottom: 0;
}

div#footer {
margin-left: 25%;
}

#ca-talk, #ca-viewsource, .toc, #toc {
display: none !important;
}

/* end */

MediaWiki:Common.css

2014-06-30T10:21:25Z

Admin: Created page with " /* CSS placed here will be applied to all skins */ /* ----- Google fonts ----- */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,700); /* -----..."

Main Page

2014-06-25T22:06:19Z

Admin: Blanked the page