Difference between revisions of "MediaWiki:Common.css"

From Summertime Saga Wiki
Jump to: navigation, search
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,600');
+
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700');
 +
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');
 +
 
 +
/*casiope edits*/
 +
.toclimit-2 .toclevel-1 ul,
 +
.toclimit-3 .toclevel-2 ul,
 +
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul {
 +
display: none;
 +
}
 +
.horizontal-toc-align-left {
 +
float: right;
 +
}
 +
.horizontal-toc-align-left {
 +
float: left;
 +
}
 +
.horizontal-toc-align-center {
 +
margin-left: auto;
 +
margin-right: auto;
 +
clear: none;
 +
}
 +
.horizontal-toc-clear-right {
 +
clear: right;
 +
}
 +
.horizontal-toc-clear-left {
 +
clear: left;
 +
}
 +
.horizontal-toc-clear-both {
 +
clear: both;
 +
}
 +
.horizontal-toc-clear-none {
 +
clear: none;
 +
}
 +
/* end casiope edits */
 +
 
 +
/*hide main page title*/
 +
body.page-Summertime_Saga_Wiki.action-view h1.firstHeading,
 +
body.page-Summertime_Saga_Wiki.action-submit h1.firstHeading,
 +
body.page-Summertime_Saga_Wiki.action-view .mw-body-content > #contentSub:empty,
 +
body.page-Summertime_Saga_Wiki.action-submit .mw-body-content > #contentSub:empty {
 +
    display: none;
 +
}
 +
 
 +
.mw-body-content h3 {
 +
    font-weight: 500;
 +
    font-size: 1.3em;
 +
}
 +
.mw-body-content h4 {
 +
    font-weight: 500;
 +
}
  
 
/* grid system for items */
 
/* grid system for items */
Line 15: Line 66:
 
     text-align: center;
 
     text-align: center;
 
}
 
}
 
+
/* spoiler tag */
/* styling for youtube embeds */
+
.spoiler {
a.vid-embed {
+
    filter: blur(5px);
 +
    transition: filter .15s ease-in-out;
 +
    display: inline-block;
 
     position: relative;
 
     position: relative;
    text-decoration: none;
 
    display: inline-block;
 
    width: 384px;
 
    height: 216px;
 
    margin: 0 10px 10px 0;
 
    background-size: cover;
 
    background-color: #000;
 
    background-position: center center;
 
    border: 1px solid #000;
 
    transition: border-color 0.15s ease-in-out;
 
    box-shadow: 0 0 10px 3px #191B26;
 
    border-radius: 2px;
 
    overflow: hidden;
 
 
}
 
}
a.vid-embed:hover {
+
.spoiler:hover {
     border-color: #777;
+
     filter: none;
    text-decoration: none;
 
 
}
 
}
a.vid-embed:hover div.vid-mask {
+
/* alerts */
     background: rgba(0, 0, 0, 0);
+
.alert {
}
+
     position: relative;
a.vid-embed:hover div.vid-play {
+
     border: 1px solid transparent;
     border-left: 28px solid rgba(255, 255, 255, 0.9);
+
     border-radius: 5px;
}
+
     padding: 8px 10px 8px 45px;
a.vid-embed:focus {
+
     margin: 8px 0 10px 0;
     outline: 0;
+
     line-height: 20px;
}
 
span.vid-embed-title {
 
    text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
 
     color: #cecece;
 
    text-align: left;
 
     margin: 8px 8px 0 12px;
 
    font-size: 16px;
 
    display: block;
 
    white-space: nowrap;
 
    overflow: hidden;
 
     text-overflow: ellipsis;
 
}
 
div.vid-mask {
 
    background: rgba(0, 0, 0, 0.5);
 
    width: 100%;
 
    height: 100%;
 
    position: absolute;
 
    top: 0;
 
    left: 0;
 
    transition: background 0.15s ease-in-out;
 
 
}
 
}
div.vid-play {
+
.alert i {
     width: 0;
+
     font-size: 18px;
    height: 0;
 
    border-top: 16px solid transparent;
 
    border-left: 28px solid rgba(255, 255, 255, 0.7);
 
    border-bottom: 16px solid transparent;
 
 
     position: absolute;
 
     position: absolute;
 
     top: 0;
 
     top: 0;
Line 77: Line 92:
 
     right: 0;
 
     right: 0;
 
     bottom: 0;
 
     bottom: 0;
     margin: auto;
+
    width: 45px;
     transition: border-left 0.15s ease-in-out;
+
    display: flex;
 +
    align-items: center;
 +
    justify-content: space-around;
 +
}
 +
.alert-danger {
 +
    color: #721c24;
 +
    background-color: #f8d7da;
 +
    border-color: #f5c6cb;
 +
    box-shadow: inset 0 0 15px rgba(114, 28, 36, 0.05);
 +
}
 +
.alert-info {
 +
    color: #0c5460;
 +
    background-color: #d1ecf1;
 +
    border-color: #bee5eb;
 +
    box-shadow: inset 0 0 15px rgba(12, 84, 96, 0.05);
 +
}
 +
.alert-warning {
 +
    color: #856404;
 +
    background-color: #fff3cd;
 +
    border-color: #ffeeba;
 +
    box-shadow: inset 0 0 15px rgba(133, 100, 4, 0.05);
 +
}
 +
 
 +
code {
 +
    font-size: 85%;
 +
}
 +
strong, b {
 +
    font-weight: 500;
 +
}
 +
 
 +
/* clade css */
 +
table.clade {
 +
    border-spacing:0;
 +
     margin:0;
 +
    font-size:100%;
 +
    line-height:100%;
 +
    border-collapse:separate;
 +
    width:auto;
 +
}
 +
table.clade table.clade {
 +
    width:100%;
 +
}
 +
table.clade td.clade-label {  /* the cell with the label */
 +
     width:0.7em; /* was only used for first leaf but shouldn't matter for others */
 +
    padding:0 0.2em;
 +
    vertical-align:bottom;
 +
    text-align:center;
 +
    border-left: 1px solid;  /* don't set default colour, helps with green on black monotype skin  */
 +
    border-bottom: 1px solid;
 +
}
 +
table.clade td.clade-label.first {
 +
border-left: none;
 +
border-right: none;
 +
}
 +
table.clade td.clade-label.reverse {
 +
border-left: none;
 +
border-right: 1px solid;
 +
}
 +
table.clade td.clade-slabel {  /* the cell with the sublabel; only use if there is a label */
 +
    padding:0 0.2em;
 +
    vertical-align:top;
 +
    text-align:center;
 +
    border-left: 1px solid;
 +
}
 +
table.clade td.clade-slabel.last  {
 +
border-left: none;
 +
border-right: none;
 +
}
 +
table.clade td.clade-slabel.reverse {
 +
border-left: none;
 +
border-right: 1px solid;
 +
}
 +
table.clade td.clade-bar {  /* the cell with the bar label or group label */
 +
    vertical-align:middle;
 +
    text-align:left;
 +
    padding:0 0.5em;
 +
}
 +
table.clade td.clade-bar.reverse {
 +
    text-align:right;
 +
}
 +
table.clade td.clade-leaf {  /* the cell with the leaf content (rowspan=2) */
 +
    border:0;
 +
    padding:0;
 +
    text-align:left;
 +
}
 +
table.clade td.clade-leafR {  /* the cell with the leaf content (rowspan=2) */
 +
    border:0;
 +
    padding:0;
 +
    text-align:right;
 +
}
 +
table.clade td.clade-leaf.reverse {  /* the cell with the leaf content (rowspan=2) */
 +
    text-align:right;
 
}
 
}
  

Latest revision as of 17:36, 14 June 2019

@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700');
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');

/*casiope edits*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}
.horizontal-toc-align-left {
	float: right;
}
.horizontal-toc-align-left {
	float: left;
}
.horizontal-toc-align-center {
	margin-left: auto;
	margin-right: auto;
	clear: none;
}
.horizontal-toc-clear-right {
	clear: right;
}
.horizontal-toc-clear-left {
	clear: left;
}
.horizontal-toc-clear-both {
	clear: both;
}
.horizontal-toc-clear-none {
	clear: none;
}
/* end casiope edits */

/*hide main page title*/
body.page-Summertime_Saga_Wiki.action-view h1.firstHeading,
body.page-Summertime_Saga_Wiki.action-submit h1.firstHeading,
body.page-Summertime_Saga_Wiki.action-view .mw-body-content > #contentSub:empty,
body.page-Summertime_Saga_Wiki.action-submit .mw-body-content > #contentSub:empty {
    display: none;
}

.mw-body-content h3 {
    font-weight: 500;
    font-size: 1.3em;
}
.mw-body-content h4 {
    font-weight: 500;
}

/* grid system for items */
.grid-container {
    width: 100%;
    margin: 10px -10px -10px 0;
    overflow: auto;
}
.grid-item {
    float: left;
    margin: 0 10px 10px 0;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
/* spoiler tag */
.spoiler {
    filter: blur(5px);
    transition: filter .15s ease-in-out;
    display: inline-block;
    position: relative;
}
.spoiler:hover {
    filter: none;
}
/* alerts */
.alert {
    position: relative;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 8px 10px 8px 45px;
    margin: 8px 0 10px 0;
    line-height: 20px;
}
.alert i {
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    box-shadow: inset 0 0 15px rgba(114, 28, 36, 0.05);
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    box-shadow: inset 0 0 15px rgba(12, 84, 96, 0.05);
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    box-shadow: inset 0 0 15px rgba(133, 100, 4, 0.05);
}

code {
    font-size: 85%;
}
strong, b {
    font-weight: 500;
}

/* clade css */
table.clade {
    border-spacing:0;
    margin:0;
    font-size:100%;
    line-height:100%;
    border-collapse:separate;
    width:auto;
}
table.clade table.clade {
    width:100%;
}
table.clade td.clade-label {  /* the cell with the label */
    width:0.7em; /* was only used for first leaf but shouldn't matter for others */
    padding:0 0.2em;
    vertical-align:bottom;
    text-align:center;
    border-left: 1px solid;   /* don't set default colour, helps with green on black monotype skin  */
    border-bottom: 1px solid;
}
table.clade td.clade-label.first {
	border-left: none;
	border-right: none;
}
table.clade td.clade-label.reverse {
	border-left: none;
	border-right: 1px solid;
}
table.clade td.clade-slabel {  /* the cell with the sublabel; only use if there is a label */
    padding:0 0.2em;
    vertical-align:top;
    text-align:center;
    border-left: 1px solid;
}
table.clade td.clade-slabel.last  {
	border-left: none;
	border-right: none;
}
table.clade td.clade-slabel.reverse {
	border-left: none;
	border-right: 1px solid;
}
table.clade td.clade-bar {  /* the cell with the bar label or group label */
    vertical-align:middle;
    text-align:left;
    padding:0 0.5em;
}
table.clade td.clade-bar.reverse {
    text-align:right;
}
table.clade td.clade-leaf {  /* the cell with the leaf content (rowspan=2) */
    border:0;
    padding:0;
    text-align:left;
}
table.clade td.clade-leafR {  /* the cell with the leaf content (rowspan=2) */
    border:0;
    padding:0;
    text-align:right;
}
table.clade td.clade-leaf.reverse {  /* the cell with the leaf content (rowspan=2) */
    text-align:right;
}

/* bootstrap grid*/
.panel {
    text-align: center;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}
.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.container,.container-fluid,.container-fluid:after,.container-fluid:before,.container:after,.container:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container *,.container *:after,.container *:before,.container-fluid *,.container-fluid *:after,.container-fluid *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container-fluid {
    padding: 0;
    margin-bottom: -20px;
}