MediaWiki:Common.css: Forskjell mellom sideversjoner

FredrikL (diskusjon | bidrag)
mIngen redigeringsforklaring
FredrikL (diskusjon | bidrag)
mIngen redigeringsforklaring
 
(32 mellomliggende sideversjoner av samme bruker vises ikke)
Linje 1: Linje 1:
/* This is the CSS for all skins (for all users) on Rettspraksis.no. */
/* This is the CSS for all skins (for all users) on Rettspraksis.no. */


@import url( 'https://fonts.googleapis.com/css2?family=Roboto ');
/* @import url( 'https://fonts.googleapis.com/css2?family=Roboto '); */


/* CSS placed in this file will apply to all pages. For mobile view, see: MediaWiki:Mobile.css */
/* CSS placed in this file will apply to all pages. For mobile view, see: MediaWiki:Mobile.css */
Linje 18: Linje 18:
  * -------------------------------------------------
  * -------------------------------------------------
  */
  */
body {
/* body {font-family: "Roboto", sans-serif;} */
font-family: "Roboto", sans-serif;
-webkit-font-smoothing: antialiased;
}


.mw-body h1, .mw-body-content h1 {
/* .firstHeading {font-size: 1.4375em;font-weight: 700;} */
font-weight: 700;
font-size: 1.4375em;
-webkit-font-smoothing: antialiased;
}


#content h1,  
/* #content h1,  
#content h2,
#content h2,
#content h3,
#content h3,
Linje 39: Linje 32:
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
color: #800020;
color: #800020;
}
} */


.mw-body, .parsoid-body {
.mw-body, .parsoid-body {
Linje 46: Linje 39:


.mw-body-content {
.mw-body-content {
font-size: 0.9375rem;
font-size: 0.9375em;
line-height: 1.375rem;
line-height: 1.375;
}
 
.mw-body-content p {
margin: 1em 0;
margin-top: 1em;
margin-right: 0px;
margin-bottom: 1em;
margin-left: 0px;
}
}


Linje 64: Linje 49:


/* Hide elements on the main page */
/* Hide elements on the main page */
.page-Forside #ca-nstab-main,
.page-Forside #ca-talk,
.page-Forside #ca-view,
.page-Forside #ca-ve-edit,
.page-Forside #ca-formedit,
.page-Forside #ca-history,
.page-Forside #lastmod,
.page-Forside #lastmod,
.page-Forside #siteSub,
.page-Forside #siteSub,
Linje 70: Linje 61:
.page-Forside #jump-to-nav,
.page-Forside #jump-to-nav,
.page-Forside .firstHeading {
.page-Forside .firstHeading {
display: none;
display: none !important;
}
}
/* Skjuler categori-lenker på forsiden */
body.page-Forside #catlinks {
body.page-Forside #catlinks {
display: none;
display: none;
Linje 77: Linje 70:


/* Forside Infobokser */
/* Forside Infobokser */
.mainpage_layouttable {
border: 0;
margin: 0;
width: 100%;
border-spacing: 10px;
}
.mainpage_layouttable * > tr > td {
vertical-align: top;
}
.mainpage_boxtitle {
.mainpage_boxtitle {
font-size: 1.25rem;
    font-size: 120%;
font-weight: 700;
    color: #911313;
letter-spacing: 0.02em;
    padding: 0.4em;
color: #911313;
    background-color: #eeeeee;
padding: 0.4em;
    font-weight: bold;
background-color: #eeeeee;
    min-height: 1em;
vertical-align: middle;
    vertical-align: middle;
}
}


.mainpage_boxtitle1 {
.mainpage_boxtitle1 {
font-size: 1.25rem;
    font-size: 120%;
font-weight: 700;
    color: #fff;
letter-spacing: 0.02em;
    padding: 0.4em;
color: #fff;
    background-color: #f26522;
padding: 0.4em;
    font-weight: bold;
background-color: #f26522;
    min-height: 1em;
vertical-align: middle;
    vertical-align: middle;
}
}


.mainpage_boxtitle2 {
.mainpage_boxtitle2 {
font-size: 1.25rem;
    font-size: 120%;
font-weight: 700;
    color: #fff;
letter-spacing: 0.02em;
    padding: 0.4em;
color: #fff;
    background-color: #7cc3d9;
padding: 0.4em;
    font-weight: bold;
background-color: #7cc3d9;
    min-height: 1em;
vertical-align: middle;
    vertical-align: middle;
}
}


.mainpage_boxtitle3 {
.mainpage_boxtitle3 {
font-size: 1.25rem;
    font-size: 120%;
font-weight: 700;
    color: #fff;
letter-spacing: 0.02em;
    padding: 0.4em;
color: #fff;
    background-color: #8dc63f;
padding: 0.4em;
    font-weight: bold;
background-color: #8dc63f;
    min-height: 1em;
vertical-align: middle;
    vertical-align: middle;
}
}


.mainpage_boxtitle4 {
.mainpage_boxtitle4 {
font-size: 1.25rem;
    font-size: 120%;
font-weight: 700;
    color: #fff;
letter-spacing: 0.02em;
    padding: 0.4em;
color: #fff;
    background-color: #dd3333;
padding: 0.4em;
    font-weight: bold;
background-color: #dd3333;
    min-height: 1em;
vertical-align: middle;
    vertical-align: middle;
}
}


Linje 170: Linje 174:


.mainpage_hubbox, .mainpage_topbox {
.mainpage_hubbox, .mainpage_topbox {
     padding: 0px;
     padding: 0;
     border: 1px solid #aaaaaa;
     border: 1px solid #aaaaaa;
}
}
Linje 183: Linje 187:


.mainpage_om-rettspraksis {
.mainpage_om-rettspraksis {
     margin: 10px 0px 0px 0px;
     margin: 0px 0px 10px 0px;
}
}


.mainpage_andre-rettskilder {
.mainpage_andre-rettskilder {
     margin: 13px 0px 0px 10px;
     margin: 13px 0px 10px 10px;
}
}


Linje 221: Linje 225:
/* TWO COLUM FLOAT FORSIDE */
/* TWO COLUM FLOAT FORSIDE */
.column-row3 {
.column-row3 {
width: 100%;
    float: left;
float: left;
}
}


Linje 229: Linje 232:
     vertical-align: top;
     vertical-align: top;
}
}
.right {
.right {
width: 40%;
    width: 40%;
}
}


@media screen and (min-width: 45em) {
@media screen and (max-width: 600px) {
     .mainpage_row3 .mainpage_hubbox {
     .column-row3 {
        box-sizing: border-box;
         width: 100%;
        float: left;
         width: 32%;
     }
     }
}
}


@media screen and (max-width: 45em) {
    .mainpage_row3 .mainpage_hubbox {
        box-sizing: border-box;
        flex: 1 0 100%;
        width: 100%;
        margin: 0.5em 0
    }
}
/**
/**
  * 3. COURT DECISIONS
  * 3. COURT DECISIONS
Linje 255: Linje 249:


#rp-tittel {
#rp-tittel {
font-size: 1.313rem;
font-size: 1.313em;
font-weight: bold;
font-weight: bold;
color: #800020;
color: #800020;
Linje 266: Linje 260:


#rp-tittel2 {
#rp-tittel2 {
font-size: 1.125rem;
font-size: 1.125em;
font-weight: bold;
font-weight: bold;
color: #800020;
color: #800020;
Linje 277: Linje 271:


#rp-tittel3 {
#rp-tittel3 {
font-size: 1rem;
font-size: 1em;
font-weight: bold;
font-weight: bold;
color: #800020;
color: #800020;
Linje 338: Linje 332:


/* Testing for code review */
/* Testing for code review */
/* New flexboxes on main page 2end row */
.mainpage_row {
.mainpage_row {
display: flex;
display: flex;
Linje 354: Linje 350:
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
}
.mainpage_box h3 {
.mainpage_box h2, h3 {
/* Reset padding so is equal across skins */
padding-top: 0;
padding-right: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-bottom: 0;
/* Padding left gets overridden by headanchor gadget */
padding-left: 0;
letter-spacing: 0.02em;
margin: 0.5em 0;
margin: 0.5em 0;
border-bottom: none;
}
}
/* Set padding left only if headanchor gadget is not enabled */
.mainpage_box .items {
.mainpage_box h3:not(.tpl-vheadanchor-heading) {
border-top: 1px solid #CCC;
padding-left: 0;
padding-top: 0.5em;
}
.mainpage_box .item1 {
border-top: 3px solid #ffbe00;
}
}
.mainpage_box h3 .header_icon {
.mainpage_box .item2 {
float: left;
border-top: 3px solid #7cc3d9;
margin-right: 5px;
padding-top: 0.5em;
}
}
.mainpage_box .items {
.mainpage_box .item3 {
border-top: 1px solid #CCC;
border-top: 3px solid #8dc63f;
padding-top: 0.5em;
padding-top: 0.5em;
}
}