MediaWiki:Common.css: Forskjell mellom sideversjoner
mIngen redigeringsforklaring |
mIngen redigeringsforklaring |
||
| (236 mellomliggende sideversjoner av samme bruker vises ikke) | |||
| Linje 1: | Linje 1: | ||
/* CSS | /* This is the CSS for all skins (for all users) on Rettspraksis.no. */ | ||
/* | /* @import url( 'https://fonts.googleapis.com/css2?family=Roboto '); */ | ||
. | |||
display:none; | /* CSS placed in this file will apply to all pages. For mobile view, see: MediaWiki:Mobile.css */ | ||
/* SECTIONS: | |||
1. General | |||
2. Main page styling | |||
2. Court decisions styling | |||
3. Various | |||
4. Mobile devices | |||
5. Testing | |||
*/ | |||
/** | |||
* 1. General | |||
* ------------------------------------------------- | |||
*/ | |||
/* body {font-family: "Roboto", sans-serif;} */ | |||
/* .firstHeading {font-size: 1.4375em;font-weight: 700;} */ | |||
/* #content h1, | |||
#content h2, | |||
#content h3, | |||
#content h4, | |||
#content h5, | |||
#content h6 { | |||
font-family: "Roboto", sans-serif; | |||
font-weight: 700; | |||
-webkit-font-smoothing: antialiased; | |||
color: #800020; | |||
} */ | |||
.mw-body, .parsoid-body { | |||
color: #333; | |||
} | |||
.mw-body-content { | |||
font-size: 0.9375em; | |||
line-height: 1.375; | |||
} | |||
/** | |||
* 2. MAIN PAGE / Forside | |||
* ------------------------------------------------- | |||
*/ | |||
/* 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 #siteSub, | |||
.page-Forside #contentSub, | |||
.page-Forside .subtitle, | |||
.page-Forside #jump-to-nav, | |||
.page-Forside .firstHeading { | |||
display: none !important; | |||
} | } | ||
/* | /* Skjuler categori-lenker på forsiden */ | ||
Skjuler | body.page-Forside #catlinks { | ||
display: none; | |||
body.page-Forside # | |||
display: none | |||
} | } | ||
/* 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: | font-size: 120%; | ||
color: #911313; | |||
padding: 0.4em; | padding: 0.4em; | ||
background-color: #eeeeee; | background-color: #eeeeee; | ||
font-weight: bold; | font-weight: bold; | ||
min-height: | min-height: 1em; | ||
vertical-align: middle; | |||
} | |||
.mainpage_boxtitle1 { | |||
font-size: 120%; | |||
color: #fff; | |||
padding: 0.4em; | |||
background-color: #f26522; | |||
font-weight: bold; | |||
min-height: 1em; | |||
vertical-align: middle; | |||
} | |||
.mainpage_boxtitle2 { | |||
font-size: 120%; | |||
color: #fff; | |||
padding: 0.4em; | |||
background-color: #7cc3d9; | |||
font-weight: bold; | |||
min-height: 1em; | |||
vertical-align: middle; | |||
} | |||
.mainpage_boxtitle3 { | |||
font-size: 120%; | |||
color: #fff; | |||
padding: 0.4em; | |||
background-color: #8dc63f; | |||
font-weight: bold; | |||
min-height: 1em; | |||
vertical-align: middle; | |||
} | |||
.mainpage_boxtitle4 { | |||
font-size: 120%; | |||
color: #fff; | |||
padding: 0.4em; | |||
background-color: #dd3333; | |||
font-weight: bold; | |||
min-height: 1em; | |||
vertical-align: middle; | vertical-align: middle; | ||
} | |||
.mainpage_pagetitle { | |||
color: #cf7606; | |||
font-size: 200%; | |||
padding: 0.2em 0.4em; | |||
} | |||
.mainpage_sitelinks { | |||
padding: 0.2em; | |||
text-align: center; | |||
background-color: white; | |||
font-weight: bold; | |||
} | |||
.mainpage_hubtitle { | |||
text-align: center; | |||
} | |||
.mainpage_boxcontents { | |||
background: #ffffff; | |||
padding: 0.2em 0.4em; | |||
} | |||
.mainpage_boxcontents2 { | |||
background: #f8f8f8; | |||
padding: 0.2em 0.4em; | |||
} | |||
.mainpage_boxcontents_small { | |||
font-size: 95%; | |||
} | |||
.mainpage_boxcontents_title { | |||
display: block; | |||
margin-bottom: 0.5em; | |||
font-weight: bold; | |||
font-size: larger; | |||
} | } | ||
| Linje 33: | Linje 178: | ||
} | } | ||
. | .mainpage_nye_rettsavgjorelser { | ||
margin: 0px 0px 0px 0px; | |||
} | } | ||
. | .mainpage_ukens-dommer { | ||
margin: 10px 0px 0px 0px; | |||
} | } | ||
. | .mainpage_om-rettspraksis { | ||
margin: 0px 0px 10px 0px; | |||
} | } | ||
. | .mainpage_andre-rettskilder { | ||
margin: 13px 0px 10px 10px; | |||
} | } | ||
| Linje 68: | Linje 201: | ||
/*display: -webkit-flex;*/ | /*display: -webkit-flex;*/ | ||
display: flex; | display: flex; | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
justify-content: space-between; | justify-content: space-between; | ||
margin: 1em 0; | margin: 1em 0; | ||
} | } | ||
@media screen and (min-width: 45em) { | @media screen and (min-width: 45em) { | ||
.mainpage_row2 .mainpage_hubbox { | .mainpage_row2 .mainpage_hubbox { | ||
| Linje 81: | Linje 213: | ||
} | } | ||
} | } | ||
@media screen and (max-width: 45em) { | @media screen and (max-width: 45em) { | ||
.mainpage_row2 .mainpage_hubbox { | .mainpage_row2 .mainpage_hubbox { | ||
| Linje 90: | Linje 223: | ||
} | } | ||
/* Statistikk-tabeller, | /* TWO COLUM FLOAT FORSIDE */ | ||
.column-row3 { | |||
float: left; | |||
} | |||
.left { | |||
width: 60%; | |||
vertical-align: top; | |||
} | |||
.right { | |||
width: 40%; | |||
} | |||
@media screen and (max-width: 600px) { | |||
.column-row3 { | |||
width: 100%; | |||
} | |||
} | |||
/** | |||
* 3. COURT DECISIONS | |||
* ------------------------------------------------- | |||
*/ | |||
#rp-tittel { | |||
font-size: 1.313em; | |||
font-weight: bold; | |||
color: #800020; | |||
letter-spacing: 0; | |||
display: block; | |||
line-height: 25px !important; | |||
margin: 10px 0 10px 0; | |||
clear: both; | |||
} | |||
#rp-tittel2 { | |||
font-size: 1.125em; | |||
font-weight: bold; | |||
color: #800020; | |||
letter-spacing: 0; | |||
display: block; | |||
line-height: 22px !important; | |||
margin: 10px 0 10px 0; | |||
clear: both; | |||
} | |||
#rp-tittel3 { | |||
font-size: 1em; | |||
font-weight: bold; | |||
color: #800020; | |||
letter-spacing: 0; | |||
display: block; | |||
line-height: 20px !important; | |||
margin: 10px 0 10px 0; | |||
clear: both; | |||
} | |||
#rp-innrykk { | |||
display:inline-block; | |||
margin-left: 2em; | |||
} | |||
#rp-innrykk2 { | |||
display:inline-block; | |||
margin-left: 4em; | |||
} | |||
#rp-sitat { | |||
display:inline-block; | |||
margin-left: 2em; | |||
font-style: italic; | |||
} | |||
#rp-sitat2 { | |||
display:inline-block; | |||
margin-left: 4em; | |||
font-style: italic; | |||
} | |||
/** | |||
* 4. VARIOUS | |||
* ------------------------------------------------- | |||
*/ | |||
/* Statistikk-tabeller, floating. See: Statistikk_over_saksbehandlingen_i_Norges_Høyesterett */ | |||
div.statistikk { | div.statistikk { | ||
float: left; | float: left; | ||
margin: auto; | margin: auto; | ||
padding: 10px; | padding: 10px; | ||
display: inline-flex; | display: inline-flex; | ||
} | |||
/** | |||
* 5. MOBILE DEVICES | |||
* ------------------------------------------------- | |||
*/ | |||
/* Only for mobile devices */ | |||
.onlymobile { | |||
display:none; | |||
} | |||
/** | |||
* 6. TESTING | |||
* ------------------------------------------------- | |||
*/ | |||
/* Testing for code review */ | |||
/* New flexboxes on main page 2end row */ | |||
.mainpage_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px; | |||
} | |||
.mainpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 210px; | |||
border: 1px solid #CCC; | |||
padding: 0 10px 10px 10px; | |||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | |||
} | |||
.mainpage_box h2, h3 { | |||
padding-top: 0; | |||
padding-right: 0; | |||
padding-bottom: 0; | |||
padding-left: 0; | |||
letter-spacing: 0.02em; | |||
margin: 0.5em 0; | |||
border-bottom: none; | |||
} | |||
.mainpage_box .items { | |||
border-top: 1px solid #CCC; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box .item1 { | |||
border-top: 3px solid #ffbe00; | |||
} | |||
.mainpage_box .item2 { | |||
border-top: 3px solid #7cc3d9; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box .item3 { | |||
border-top: 3px solid #8dc63f; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box p:last-child { | |||
margin-bottom: 0; | |||
} | } | ||