User:KafirHarbi/global.css


 * root {

/* Base colours of Solarized*/

--base03:	#282C35;

--base02:	#333745;

--base01:	#586e75;

--base00:	#657b83; /*grå til blå*/

--base0:	#839496;

--base1:	#93a1a1; /*brødtekst*/

--base2:	#eee8d5; /*lidt mørk beige*/

--base3:	#fdf6e3; /*beige*/

--yellow:	#b58900;

--orange:	#cb4b16;

--red:	#dc322f;

--magenta:	#d33682;

--violet:	#6c71c4;

--blue:	#268bd2;

--cyan:	#2aa198;

--green:	#859900;

}



/*Solarized lys*/

/*   --overskrift1: 	var(--base00);

--overskrift2: 	var(--base01);

--lilletekst: 	var(--base00);

--subtekst:		var(--base1);

--broed: 		var(--base00);

--hogf:		var(--base2);

--baggrundt:	var(--base3);

--baggrundb:	var(--base3);

--baggrundk: 	var(--base2);

--linkn: 		var(--base00);

--linkb:		var(--base00);

--linkr:		var(--base00);

--linknh: 		var(--blue);

--linkbh:		var(--violet);

--linkrh:		var(--orange); */

/* Solarized mørk */

--overskrift1: 	var(--base1);

--overskrift2: 	var(--base0);

--lilletekst: 	var(--base1);

--subtekst:		var(--base1);

--broed: 		var(--base0);

--hogf:			var(--base02);

--baggrundt:	var(--base03);

--baggrundb:	var(--base03);

--baggrundk: 	var(--base02);

--linkn: 		var(--blue);

--linkb:		var(--violet);

--linkr:		var(--base1);

--linknh: 		var(--blue);

--linkbh:		var(--violet);

--linkrh:		var(--orange);

}

/*hovedindhold*/

body

{

border: none !important;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

font-size: 17px !important;

background: var(--baggrundb) !important;

}

/* indhold tekst med brødtekst*/


 * 1) content

{

margin: 0 auto !important;

border: none !important;

max-width: 860px !important;

background: var(--baggrundt) !important;

text-align: justify;

-moz-hyphens: auto;

-webkit-hyphens: auto;

hyphens: auto;

font-family: Cambria !important;

color: var(--broed);

}

input {

background-color: var(--baggrundb)!important;

color: var(--broed)!important;

/*border: 1px solid #2b2b2b!important;*/

border-radius: 0px!important;

/*	padding: 6px 6px!important;*/

outline: none!important;

}

suggestions{

background-color: var(--baggrundb)!important;

color: var(--broed)!important;

/*border: 1px solid #2b2b2b!important;*/

border-radius: 0px!important;

/*	padding: 6px 6px!important;*/

outline: none!important;

}

suggestions-results{

background-color: var(--baggrundb)!important;

color: var(--broed)!important;

/*border: 1px solid #2b2b2b!important;*/

border-radius: 0px!important;

/*	padding: 6px 6px!important;*/

outline: none!important;

}

.suggestions{

background-color: var(--baggrundb)!important;

color: var(--broed)!important;

/*border: 1px solid #2b2b2b!important;*/

border-radius: 0px!important;

/*	padding: 6px 6px!important;*/

outline: none!important;

}

.suggestions-results{

background-color: var(--baggrundb)!important;

color: var(--broed)!important;

/*border: 1px solid #2b2b2b!important;*/

border-radius: 0px!important;

/*	padding: 6px 6px!important;*/

outline: none!important;

}

a       { text-decoration: underline !important; }

a:hover { text-decoration: underline !important; }

/* topmenu */


 * 1) mw-page-base

{

z-index: 10 !important;

height: 90px !important;

margin: 0 auto !important;

background: var(--hogf) !important;

}


 * 1) mw-navigation

{

position: absolute !important;

top: 0 !important; left: 0 !important; right: 0 !important;

}


 * 1) mw-head

{

position: relative !important;

max-width: 923px !important;

height: 90px !important;

margin: 0 auto !important;

}


 * 1) mw-head a,


 * 1) mw-head ul,


 * 1) mw-head li,


 * 1) mw-head span,


 * 1) mw-head .vectorTabs

{

background: none !important;

border: none !important;

}


 * 1) mw-head > *

{

position: absolute !important;

font-size: 16px !important;

margin: 0 !important;

padding: 0 !important;

}


 * 1) mw-head #left-navigation   { top: 50px !important; left: 29px !important; padding: 0 !important; }


 * 1) mw-head #right-navigation  { top: 50px !important; right:   0 !important; padding: 0 !important; }


 * 1) mw-head #p-personal        { top:  0px !important; right:   0 !important; padding: 5px 30px 0 0 !important; font-size: 14px !important; }


 * 1) mw-head li       { opacity: 0 !important; transition: all 0.45s ease-out !important; }


 * 1) mw-head:hover li { opacity: 1 !important; transition: all 0.13s ease-in !important; }

/*topmenu skjult skrift*/


 * 1) mw-head a,


 * 1) mw-head a:visited { color: var(--subtekst) !important; }


 * 1) mw-head a:hover {color: var(--linknh) !important; }


 * 1) mw-head #searchform > div

{

position: absolute !important;

z-index: 90 !important;

top: -32px !important; right: 30px !important;

margin-top: 13px !important; margin-left: 15px !important;

border: none !important;

background: var(--baggrundt) !important;

width: 350px !important;

padding: 0 0 10px !important;

}


 * 1) mw-head #searchform > div input#searchInput

{

padding: 8px 0 6px 8px !important;

}


 * 1) mw-head #p-cactions,


 * 1) mw-head #ca-watch

{

display: none !important;

}

/* logo */


 * 1) mw-head:before

{

position: relative !important;

width: 100px !important; height: 100px !important;

top: 31px !important; left: 33px !important;

content: 'Wikipedia' !important;

font-family: Times, Garamond !important;

font-weight: normal !important;

font-size: 26px !important;

text-transform: uppercase !important;

letter-spacing: 0px !important;

color: var(--subtekst) !important;

}

/* left nav */


 * 1) mw-navigation #mw-panel

{

position: fixed !important;

z-index: 999 !important;

font-size: 18px !important;

top: 0px !important;

left: -255px !important;

width: 190px !important;

height: 100% !important;

overflow-y: auto !important;

padding: 0 0 0 100px !important;

background: var(--hogf) !important;

box-shadow: 1px 0 3px rgba(0,0,0,0.25) !important;

transition: all 0.66s ease-in-out !important;

opacity: 0 !important;

}


 * 1) mw-navigation #mw-panel:hover

{

left: -100px !important;

transition: all 0.2s ease-in-out !important;

opacity: 1 !important;

}

/* tekst indholdsfortegnelse hover og ikke hover*/


 * 1) mw-navigation #mw-panel a		{ color: var(--subtekst) !important; }


 * 1) mw-navigation #mw-panel a:hover 	{ color: var(--linknh) !important; /*text-decoration: none !important;*/ }


 * 1) mw-navigation #p-navigation,


 * 1) mw-navigation .first

{

margin-bottom: 0 !important;

margin-top: 7px !important;

}


 * 1) mw-navigation #p-lang:before

{

content: "" !important;

font-size: 0 !important;

display: inline-block !important;

height: 0px !important;

width: 100% !important;

border-top: 1px solid rgba(0,0,0,0.2) !important;

border-bottom: 1px solid rgba(255,255,255,0.75) !important;

}


 * 1) mw-navigation #p-lang

{

margin-top: -15px !important;

}


 * 1) mw-navigation #p-lang .uls-settings-trigger

{

margin-right: 8px !important; margin-top: 6px !important;

}


 * 1) mw-navigation > #mw-panel > div:not(#p-lang):not(#p-navigation):not(.first),


 * 1) mw-navigation #p-lang .wbc-editpage

{

display: none !important;

}

/* article */

/* headlines */


 * 1) firstHeading

{

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;

font-size: 60px !important;

margin-top: 0 !important;

text-align: center !important;

padding-bottom: 5px !important;

font-weight: normal !important;

/*text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important; */

color: var(--overskrift1) !important;

}


 * 1) bodyContent h1,


 * 1) bodyContent h2,


 * 1) bodyContent h3,


 * 1) bodyContent h4,


 * 1) bodyContent h5,


 * 1) bodyContent h6

{

margin-top: 40px !important;

margin-bottom: 25px !important;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;

font-weight: normal !important;

/*text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important; */

color: var(--overskrift2) !important;

}


 * 1) bodyContent h1 span.mw-editsection,


 * 1) bodyContent h2 span.mw-editsection,


 * 1) bodyContent h3 span.mw-editsection,


 * 1) bodyContent h4 span.mw-editsection,


 * 1) bodyContent h5 span.mw-editsection,


 * 1) bodyContent h6 span.mw-editsection

{

float: right !important;

margin-top: 12px !important;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

text-shadow: none !important;

}

span.mw-editsection span.mw-editsection-bracket { display: none !important; }


 * 1) bodyContent h2 { font-size: 33px !important; }


 * 1) bodyContent h3 { font-size: 30px !important; }


 * 1) bodyContent h4 { font-size: 26px !important; }


 * 1) bodyContent h5 { font-size: 22px !important; }


 * 1) bodyContent h6 { font-size: 20px !important; }

/* numbering of the headings */

/* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */

body { counter-reset: headingOne; }


 * 1) toctitle h2:before

{

content: "" !important;

counter-reset: headingOne;

padding-right: 0 !important;

}


 * 1) bodyContent h2:before,


 * 1) bodyContent h3:before,


 * 1) bodyContent h4:before,


 * 1) bodyContent h5:before,


 * 1) bodyContent h6:before

{

padding-right: 9px;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

text-shadow: none !important;

}


 * 1) bodyContent h2 { counter-reset: headingTwo; }


 * 1) bodyContent h2:before

{

counter-increment: headingOne;

content: counter(headingOne);

font-size: 16px !important;

}


 * 1) bodyContent h3 { counter-reset: headingThree; }


 * 1) bodyContent h3:before

{

counter-increment: headingTwo;

content: counter(headingOne) "." counter(headingTwo);

font-size: 15px !important;

}


 * 1) bodyContent h4 { counter-reset: headingFour; }


 * 1) bodyContent h4:before

{

counter-increment: headingThree;

content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree);

font-size: 14px !important;

}


 * 1) bodyContent h5 { counter-reset: headingFive; }


 * 1) bodyContent h5:before

{

counter-increment: headingFour;

content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour);

font-size: 13px !important;

}


 * 1) bodyContent h6 { counter-reset: headingSix; }


 * 1) bodyContent h6:before

{

counter-increment: headingFive;

content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive);

font-size: 12px !important;

}

/* article */


 * 1) bodyContent .infobox

{

padding: 9px 16px 5px !important;

margin-left: 30px !important;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

background-color: var(--baggrundk) !important;

color: var(--overskrift2) !important;

}


 * 1) bodyContent #siteSub,            /* hide Wikipedia byline */


 * 1) bodyContent #mw-fr-revisiontag,  /* hide revision thingie */


 * 1) bodyContent #tfd.boilerplate     /* hide template considered for deletion */

{

display: none !important;

}


 * 1) bodyContent #coordinates

{

top: -3px !important;

padding: 4px 6px 3px !important;

background: var(--baggrundk) !important;

border-radius: 0px !important;

border: 1px solid var(--broed) !important;

/* box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.25) !important; */

}

html[lang="de"] #bodyContent #coordinates   /* .de fix */

{

top: 53px !important;

right: 32px !important;

}


 * 1) bodyContent #protected-icon,


 * 1) bodyContent #good-star,


 * 1) bodyContent #spoken-icon,


 * 1) bodyContent #featured-star

{

top: -45px !important;

}

/* text styles */


 * 1) bodyContent

{

letter-spacing: -0.1px !important;

}

/*brødtekst tekststørrelse*/


 * 1) bodyContent p,


 * 1) bodyContent li,


 * 1) bodyContent div.hatnote

{

color: var(--broed) !important;

font-size: 18px !important;

line-height: 23px !important;

letter-spacing: -0.2px !important;

}


 * 1) bodyContent a:not(.new)        	{ color: var(--linkn) !important; }


 * 1) bodyContent a:not(.new):visited	{ color: var(--linkb) !important; }


 * 1) bodyContent .new			{ color: var(--linkr) !important; }


 * 1) bodyContent a:not(.new):hover		{ color: var(--linknh) !important; /*text-decoration: none !important;*/ }


 * 1) bodyContent a:not(.new):visited:hover	{ color: var(--linkbh) !important; /*text-decoration: none !important;*/ }


 * 1) bodyContent .new:hover			{ color: var(--linkrh) !important; /*text-decoration: none !important;*/ }

/*småtekst ud for henvisninger til andre sider*/


 * 1) bodyContent .dablink,


 * 1) bodyContent .relarticle,


 * 1) bodyContent .rellink

{

margin: 7px 0 9px !important;

padding: 0 !important;

font-size: 14px !important;

line-height: 22px !important;

color: var(--lilletekst) !important;

}


 * 1) bodyContent #contentSub /* redirected from msg */

{

margin: 5px 0 12px -5px !important;

padding: 0 !important;

font-size: 12px !important;

}


 * 1) bodyContent table.ambox,


 * 1) bodyContent #disambigbox

{

margin: 0 !important;

font-size: 14px !important;

line-height: 22px !important;

}


 * 1) bodyContent #disambigbox

{

margin: 25px 0 !important;

}

/*fodnoter*/


 * 1) bodyContent .references li

{

color: var(--lilletekst) !important;

font-size: 10px !important;

line-height: 17px !important;

}


 * 1) bodyContent

td

{

color: var(--broed) !important;

/* font-size: 10px !important;*/

background-color: var(--baggrundk) !important;

}

/* boxes */

table.li

{

background-color: var(--blue) !important;

border:none !important;

color: var(--cyan) !important;

}

.messagebox,


 * 1) catlinks,

.infobox,

.infobox td,

table.infobox th,


 * 1) bodyContent div.thumb, /* fix the thumbs backgrounds!!! */

.thumbinner,

.citado,

div.thumb div,

code,

pre,

.thumbcaption,

.toccolours,

.NavFrame,

.toccolours th,

.toccolours tbody,

.NavHead,

.tright,

.tleft,

table,

.gallery,

.gallerybox,

.gallerytext,

table.gallery,

table.gallery td,

.mbox,

.mbox-small,


 * 1) toc,

.toc,

.mw-warning,

div.townBox,

table.diff, td.diff-otitle, td.diff-ntitle,


 * 1) imageLicense,


 * 1) filetoc,

.detail,

.hintergrundfarbe1,

.hintergrundfarbe2,


 * 1) hauptseite h2,

.MainPageBG,

.noarticletext,

.quotebox,

.mw-code

{

background-color: var(--baggrundk) !important;

border:none !important;

color: var(--lilletekst) !important;

}


 * 1) content .thumbinner

{

border-color: var(--overskrift1) !important;

}

/* noborder test */


 * 1) toc,

.thumbinner,

.thumbinner .thumbimage,

.infobox,

.vertical-navbox,

.mergedtoprow,

table.infobox > tbody:first-child > tr:first-child > th,

.metadata:not(.ambox),

.mbox-small,

.quotebox,

.portal,

.catlinks,

.navbox,

.hintergrundfarbe1,

table   /* check this! i added this for "roma" on italian wikipedia */

{

border:none !important;

}


 * 1) content .thumbinner

{

padding: 7px !important;

}


 * 1) bodyContent .ambox

{

border-width: 0 0 0 5px !important;

}

.navbox + .navbox

{

margin-top: 9px !important;

}

/* table of contents */


 * 1) toc

{

padding: 1px 16px 5px !important;

font-size: 12px !important;

}


 * 1) toc #toctitle

{

margin-top: 7px !important;

text-align: left !important;

padding-bottom: 0 !important;

}


 * 1) toc #toctitle h2

{

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

font-size: 17px !important;

}

/* floating toc*/

#bodyContent { position: relative !important; }

#toc .toctoggle { display: none !important; }

#toc.toc

{

padding: 0 !important;

font-size: 12px !important;

display: block !important;

position: fixed !important;

bottom: 0 !important;

height: 100% !important;

right: -200px !important;

width: 245px !important;

border: none !important;

transition: all 0.33s ease-in-out !important;

opacity: 0 !important;

overflow-y: auto !important;

z-index: 999;

border: none !important;

background: var(--hogf) !important;

box-shadow: 1px 0 6px rgba(0,0,0,0.25) !important;

}

#toc.toc:hover

{

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

right: 0px !important;

transition: all 0.15s ease-in-out !important;

opacity: 1 !important;

}

#bodyContent #toc ul,

#bodyContent #toc li

{

padding: 0 !important; margin: 0 !important;

}

#bodyContent #toc > ul > li

{ border-top: 1px solid rgba(255,255,255,0.19) !important;

border-bottom: 1px solid rgba(0,0,0,0.19) !important; }

#bodyContent #toc > ul > li:first-child

{ border-top: none !important; }

#bodyContent #toc > ul > li:last-child

{ border-bottom: none !important; }

/* overskrift tekst indholdsfortegnelse ikke hover*/

#bodyContent #toc ul li a

{ font-size: 18px !important; line-height: 21px !important; color: var(--subtekst) !important; padding: 6px 0 4px !important; }

/*brødtekst indholdsfortegnelse ikke hover*/


 * 1) bodyContent #toc ul ul li a

{ font-size: 13px !important; line-height: 17px !important; color: var(--subtekst) !important; padding: 4px 0 !important; }

/*indholdsfortegnelse nummer*/

#bodyContent #toc ul li a .tocnumber

{ font-size: 15px !important; color: var(--subtekst) !important; margin-right: 0 !important; }

#bodyContent #toc ul li a .tocnumber:after

{ content: "." !important; }

#bodyContent #toc ul ul li a .tocnumber

{ display: none !important; }

#bodyContent #toc ul > li

{ padding: 0 3px 0 0 !important; }

#bodyContent #toc ul ul ul > li

{ padding: 0 3px 0 10px !important; }

#bodyContent #toc > ul > li

{ padding: 3px 3px 3px 13px !important; }

#bodyContent #toc li a[href="#See_also"],

#bodyContent #toc li a[href="#Notes"],

#bodyContent #toc li a[href="#References"],

#bodyContent #toc li a[href="#Bibliography"],

#bodyContent #toc li a[href="#Further_reading"],

#bodyContent #toc li a[href="#Documentaries"],

#bodyContent #toc li a[href="#External_links"]

{

margin: -3px 0 !important;

font-size: 14px !important;

}

#bodyContent #toc li a[href="#See_also"] .tocnumber,

#bodyContent #toc li a[href="#Notes"] .tocnumber,

#bodyContent #toc li a[href="#References"] .tocnumber,

#bodyContent #toc li a[href="#Bibliography"] .tocnumber,

#bodyContent #toc li a[href="#Further_reading"] .tocnumber,

#bodyContent #toc li a[href="#Documentaries"] .tocnumber,

#bodyContent #toc li a[href="#External_links"] .tocnumber

{ display: none !important; }

#bodyContent #toc li a

{

display: block !important;

text-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;

}

#bodyContent #toc li a:hover

{

text-decoration: none !important;

color: var(--linknh)!important;

}

#toc ul li

{

transition: background 0.2s ease-in-out !important;

}

/*højre menu hover*/

/*  #toc ul li:hover

{

background: var(--hogf) !important;

transition: background 0.0s ease-in-out !important;

}*/

#toc #toctitle

{ display: none !important; }


 * 1) bodyContent .navbox,


 * 1) bodyContent navigation,


 * 1) bodyContent .navigation,


 * 1) bodyContent .tbody,


 * 1) bodyContent tbody,


 * 1) bodyContent table,


 * 1) bodyContent .table,


 * 1) bodyContent  navbox

{

background-color: var(--baggrundk) !important;

border:none !important;

color: var(--broed) !important;

}

/* footer */


 * 1) footer

{

left: 0 !important; right: 0 !important;

margin: 0 !important;

padding: 15px 0 !important;

background-color: var(--hogf) !important;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;

}


 * 1) footer-info

{

max-width: 860px !important;

margin: 0 auto !important;

font-size: 18px !important;

}


 * 1) footer li:not(#footer-info-lastmod)

{

display: none !important;

}