m (replace notice, example, and license styles) |
mNo edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
+ | /* This governs the sections on the Community portal */ |
||
+ | .cpbox { |
||
+ | display: flex; |
||
+ | flex-direction: row-reverse; |
||
+ | flex-wrap: wrap; |
||
+ | } |
||
+ | |||
+ | .cpbox #admins { |
||
+ | box-sizing: border-box; |
||
+ | width: calc(33% - 10px); |
||
+ | margin: 5px; |
||
+ | flex-grow: 1; |
||
+ | min-width: 300px; |
||
+ | } |
||
+ | |||
+ | .cpbox #help { |
||
+ | box-sizing: border-box; |
||
+ | width: calc(67% - 10px); |
||
+ | margin: 5px; |
||
+ | flex-grow: 1; |
||
+ | } |
||
+ | |||
/* Template documentation styles */ |
/* Template documentation styles */ |
||
/* If modifying these styles, be sure to update the mobile skin! */ |
/* If modifying these styles, be sure to update the mobile skin! */ |
Revision as of 23:25, 5 December 2019
/* CSS placed here will be applied to all skins */
/* This governs the sections on the Community portal */
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1;
}
/* Template documentation styles */
/* If modifying these styles, be sure to update the mobile skin! */
.doc {
margin: 0em auto 1em;
background-color: rgba(0, 0, 0, 0.1);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em;
}
.doc-header {
padding-bottom: 3px;
border-bottom: 1px solid #BDCAC3;
margin-bottom: 1ex;
}
.doc-footer {
margin: 0;
background-color: rgba(0, 0, 0, 0.1);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em;
}
/*********************
/* Front page styles *
/*********************/
.lidheader {
background: transparent url(/media/a/a6/Header.png) repeat-x;
}
/******************
/* General styles *
/******************/
.contentbox {
border: 1px solid #aaaaaa;
background: #eeeeee;
color: #333333;
margin: 0 0 10px 0;
padding: 3px 6px;
overflow: auto;
}
span.bullet {
background: transparent no-repeat center 60%;
width: 9px;
font-size: 11px;
vertical-align: baseline;
}
.dablink {
padding: 2px 36px 10px 36px;
font-style: italic;
}
span.ghost {
color: #777777; /* For any text that appear fainter for some reason */
}
.columns {
padding: 0;
margin: 10px 0 0 0;
overflow: hidden;
}
.columns .leftcol {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.columns .centercol {
float: left;
margin: 0;
padding: 0;
}
.columns .rightcol {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
/********************
* Main Page Layout *
********************/
#mp-layout {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.mp-block {
background: rgba(23, 23, 23, .8);
display: flex;
flex-direction: column;
flex: 1 0 calc( 33% - 1em );
margin: .5em;
}
.mp-heading {
background: #6d6d6d;
color: #ffffff;
font-weight: bold;
padding: .25em .5em;
}
.mp-content {
padding: .5em;
}