Difference between revisions of "MediaWiki:Common.css"

From H+Pedia
Jump to: navigation, search
(One intermediate revision by the same user not shown)
Line 25: Line 25:
 
     font-size:120%;
 
     font-size:120%;
 
     width:100%;
 
     width:100%;
 +
}
 +
/* desktop CSS */
 +
.portal-column-left {
 +
    float: left;
 +
    width: 50%;
 +
}
 +
.portal-column-right {
 +
    float: right;
 +
    width: 49%;
 +
}
 +
/* mobile CSS */
 +
@media only screen and (max-width: 800px) {
 +
    /* Decouple the columns on narrow screens */
 +
    .portal-column-left,
 +
    .portal-column-right {
 +
        float: inherit;
 +
        width: inherit;
 +
    }
 
}
 
}

Revision as of 15:18, 24 February 2018

/* CSS placed here will be applied to all skins */
.grey_box {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f5f5f5 0%, #fff 100%) repeat scroll 0 0;
    background: -ms-linear-gradient( top,#f5f5f5 0%,#FFF );
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f5f5f5), color-stop(0.02, #f5f5f5), color-stop(0.97, #fff), color-stop(1.0, #fff));
    padding: 1px;
    border: 1px solid #f5f5f5;
}
.blue_box {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ccddff 0%, #fff 100%) repeat scroll 0 0;
    background: -ms-linear-gradient( top,#ccddff 0%,#FFF );
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ccddff), color-stop(0.02, #ccddff), color-stop(0.97, #fff), color-stop(1.0, #fff));
    padding: 1px;
    border: 1px solid #ccddff;
}
.yellow_box {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffe066 0%, #fff 100%) repeat scroll 0 0;
    background: -ms-linear-gradient( top,#ffe066 0%,#FFF );
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffe066), color-stop(0.02, #ffe066), color-stop(0.97, #fff), color-stop(1.0, #fff));
    padding: 1px;
    border: 1px solid #ffe066;
}
.table_header {
    border-bottom: thin solid #ccc;
    font-size:120%;
    width:100%;
}
/* desktop CSS */
.portal-column-left {
    float: left;
    width: 50%;
}
.portal-column-right {
    float: right;
    width: 49%;
}
/* mobile CSS */
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .portal-column-left,
    .portal-column-right {
        float: inherit;
        width: inherit;
    }
}