MediaWiki

Difference between revisions of "Common.css"

From Mondothèque

Line 10: Line 10:
 
}
 
}
 
.top-bar-section ul li ul.dropdown li > a {
 
.top-bar-section ul li ul.dropdown li > a {
 
 
background:#e5e5e5
 
background:#e5e5e5
 
}
 
}
Line 87: Line 86:
 
margin:1em 0 0.5em 0
 
margin:1em 0 0.5em 0
 
}
 
}
 
 
h4 {
 
h4 {
 
font-size:1em;
 
font-size:1em;
 
margin:1em 0 0.5em 0
 
margin:1em 0 0.5em 0
 
}
 
}
 
 
td {
 
td {
 
vertical-align:top
 
vertical-align:top
 
}
 
}
#actions .fa,#index [title="Traité de documentation"],#actions #ca-nstab-special,#actions #actions #ca-nstab-category,#actions #ca-nstab-property,.page-Main_Page h2#firstHeading,.rdflink,h3#tagline,dl,.mw-imagepage-section-filehistory,.filehistory,#mw-imagepage-content,.mw-filepage-resolutioninfo,#filetoc,#mw-imagepage-section-filehistory p,.mw-imagepage-section-metadata,.tocnumber {
+
#actions .fa,#index [title="Traité de documentation"],#actions #ca-nstab-special,#actions #actions #ca-nstab-category,#actions #ca-nstab-property,.page-Main_Page h2#firstHeading,.rdflink,h3#tagline,dl,.mw-imagepage-section-filehistory,.filehistory,#mw-imagepage-content,.mw-filepage-resolutioninfo,#filetoc,#mw-imagepage-section-filehistory p,.mw-imagepage-section-metadata,.tocnumber {
 
display:none
 
display:none
 
}
 
}
Line 110: Line 107:
 
margin-bottom:0.5em
 
margin-bottom:0.5em
 
}
 
}
#catlinks ul a:hover,#content sup a,#content sub a,#toc a:link
+
#catlinks ul a:hover,#content sup a,#content sub a,#toc a:link {
{
 
 
border-bottom:0px
 
border-bottom:0px
 
}
 
}
Line 129: Line 125:
 
}
 
}
 
#content a.image,a:hover.image {
 
#content a.image,a:hover.image {
border-bottom:none !important
+
border-bottom:none !important
 
}
 
}
 
#content a:visited {
 
#content a:visited {
Line 205: Line 201:
 
color:white
 
color:white
 
}
 
}
 
 
.chapeau {
 
.chapeau {
background:purple
+
background:purple
 
}
 
}
 
.inter {
 
.inter {
Line 217: Line 212:
 
.inter h2 {
 
.inter h2 {
 
color:white;
 
color:white;
margin-top:0
+
margin-top:0
 
}
 
}
 
.intro {
 
.intro {
Line 230: Line 225:
 
.intro a,.cat a,.book a,.inter a,.chapeau a {
 
.intro a,.cat a,.book a,.inter a,.chapeau a {
 
color:white !important;
 
color:white !important;
border-bottom:1px solid white !important
+
border-bottom:1px solid white !important
 
}
 
}
.intro a.new,.cat a.new,.book a.new,.inter a.new, .chapeau a.new{
+
.intro a.new,.cat a.new,.book a.new,.inter a.new,.chapeau a.new {
 
border-bottom:1px solid red
 
border-bottom:1px solid red
 
}
 
}
.intro a:hover,cat a:hover,.book a:hover,.inter a:hover, .chapeau a:hover {
+
.intro a:hover,cat a:hover,.book a:hover,.inter a:hover,.chapeau a:hover {
 
color:#85cccc;
 
color:#85cccc;
 
border-bottom:1px solid #85cccc
 
border-bottom:1px solid #85cccc
Line 303: Line 298:
 
background:lightgray;
 
background:lightgray;
 
padding:3px 1em 0 3px;
 
padding:3px 1em 0 3px;
color: black;
+
color:black;
background-color: lightgray;
+
background-color:lightgray;
text-decoration: none;
+
text-decoration:none
 
}
 
}
 
 
#index h1 a {
 
#index h1 a {
 
color:orange
 
color:orange
 
}
 
}
 
 
table.smwfacttable {
 
table.smwfacttable {
 
border:0px
 
border:0px
Line 319: Line 312:
 
}
 
}
 
.thumb .image {
 
.thumb .image {
padding:0
+
padding:0
 
}
 
}
 
.clear {
 
.clear {
Line 329: Line 322:
 
.ttmlStyled {
 
.ttmlStyled {
 
font-family:'Lekton-Regular';
 
font-family:'Lekton-Regular';
margin:0 1em
+
margin:0 1em
 
}
 
}
  +
table.appearance {
 
  +
background:#c3e5e5;
table.appearance {background: #c3e5e5; font-size:0.9em; white-space:nowrap; padding: 0.3em !important;}
 
  +
font-size:0.9em;
table.appearance th {line-height: 1.2em; border:0px !important; }
 
  +
white-space:nowrap;
table.appearance td, table.appearance .headerSort {border:0px !important; text-align: center}
 
  +
padding:0.3em !important
 
  +
}
table.jquery-tablesorter.appearance th.headerSort {background-position: center;}
 
  +
table.appearance th {
 
  +
line-height:1.2em;
.unit {background: yellow;}
 
  +
border:0px !important
#content .unit a{text-decoration:underline;}
 
  +
}
 
  +
table.appearance td,table.appearance .headerSort {
 
  +
border:0px !important;
.fragment {padding: 1em; border: 1px solid black; text-decoration:none;
 
  +
text-align:center
  +
}
  +
table.jquery-tablesorter.appearance th.headerSort {
  +
background-position:center
  +
}
  +
.unit {
  +
background:yellow
  +
}
  +
#content .unit a {
  +
text-decoration:underline
  +
}
  +
.fragment {
  +
padding:1em;
  +
border:1px solid black;
  +
text-decoration:none
 
}
 
}
 
.fragment h1 {
 
.fragment h1 {
  +
font-size:1.1em !important;
 
  +
margin-top:15px;
font-size:1.1em !important;
 
margin-top:15px;
+
margin-bottom:8px;
margin-bottom:8px;
 
 
margin-left:15px;
 
margin-left:15px;
margin-right:auto;
+
margin-right:auto
 
}
 
}
 
 
.fragment .unit:before {
 
.fragment .unit:before {
content: "\0020 \2022\0020 ";
+
content:"\0020 \2022\0020 "
 
}
 
}
  +
.fragment h3 + .unit:before,.fragment p .unit:first-child:before {
 
  +
content:""
.fragment h3 + .unit:before, .fragment p .unit:first-child:before {
 
content: "";
 
 
}
 
}
.fragment h4 + .unit:before, .fragment p .unit:first-child:before {
+
.fragment h4 + .unit:before,.fragment p .unit:first-child:before {
content: "";
+
content:""
 
}
 
}
 
 
.leftmargin {
 
.leftmargin {
float: left;
+
float:left;
width: 180px;
+
width:180px;
position: absolute;
+
position:absolute;
left: -170px;
+
left:-170px;
font-size: 12px;
+
font-size:12px;
text-align: right
+
text-align:right
  +
}
  +
.leftmargin p {
  +
margin-bottom:1em
 
}
 
}
 
.leftmargin p {margin-bottom: 1em;}
 
 
 
.side {
 
.side {
float: right;
+
float:right;
width: 180px;
+
width:180px;
position: absolute;
+
position:absolute;
right: -170px;
+
right:-170px;
font-size: 12px;
+
font-size:12px;
color: black;
+
color:black
 
}
 
}
  +
.side a {
 
.side a {color: teal !important;}
+
color:teal !important
 
.side b{
 
display:none;
 
 
}
 
}
.side .selflink{
+
.side b {
display:none;
+
display:none
  +
}
  +
.side .selflink {
  +
display:none
 
}
 
}
 
 
.inside {
 
.inside {
float: right;
+
float:right;
width: 180px;
+
width:180px;
position: absolute;
+
position:absolute;
right: -170px;
+
right:-170px;
font-size: 12px;
+
font-size:12px;
color: black;
+
color:black;
background-color: none;
+
background-color:none;
text-decoration: none;}
+
text-decoration:none
 
.inside b{
 
display:none;
 
 
}
 
}
.inside .selflink{
+
.inside b {
display:none;
+
display:none
  +
}
  +
.inside .selflink {
  +
display:none
 
}
 
}
 
 
.transclusion {
 
.transclusion {
font-size: 12px;
+
font-size:12px;
color: black !important;
+
color:black !important;
background: white !important;
+
background:white !important;
text-decoration: none !important;}
+
text-decoration:none !important
  +
}
 
 
.category-title {
 
.category-title {
font-variant: small-caps;
+
font-variant:small-caps
 
}
 
}
 
 
.quote {
 
.quote {
font-size: 12px;
+
font-size:12px;
-webkit-columns: 200px 3;
+
-webkit-columns:200px 4;
-moz-columns: 200px 3;
+
-moz-columns:200px 4;
columns: 200px 3;
+
columns:200px 4;
margin: 1em 0;
 
border: 1px solid grey;
 
padding: 1em;
 
background: #FFFFCC
 
 
}
 
}
   
  +
.quote p {
#OpenLayers {margin-bottom: 1em;}
 
  +
border:1px solid grey;
  +
margin-bottom: 1.5em;
  +
padding:1em;
  +
background:#FFFFCC }
  +
#OpenLayers {
  +
margin-bottom:1em
  +
}

Revision as of 15:27, 13 June 2016

.top-bar,.top-bar-section ul,.top-bar-section ul li.active > a,.top-bar-section li a:not(.button),.top-bar-section .has-form {
	background:#f2f2f2;
	color:#000000 
}
.top-bar-section > ul > .divider,.top-bar-section > ul > [role="separator"] {
	border-color:#f2f2f2 
}
.top-bar-section ul li.hover > a,.top-bar-section ul li ul.dropdown li.hover > a {
	background:#d9d9d9 
}
.top-bar-section ul li ul.dropdown li > a {
	background:#e5e5e5 
}
.top-bar .name h1 {
	font-size:1.50em 
}
.top-bar .button.search {
	margin-left:0.25em 
}
body.page-Main_Page {
	background-image:url(http://www.mondotheque.be/wiki/lastimage.php);
	background-repeat:repeat;
	background-size:50%;
	background-color:teal 
}
.top-bar {
	margin-bottom:0.5em 
}
@font-face {
	font-family:'Lora-Regular';
	src:url(http://www.mondotheque.be/wiki/fonts/Lora/Lora-Regular.ttf);
	font-style:normal 
}
@font-face {
	font-family:'Lekton-Regular';
	src:url(http://www.mondotheque.be/wiki/fonts/Lekton/Lekton-Regular.ttf) 
}
@font-face {
	font-family:'Lora-Bold';
	src:url(http://www.mondotheque.be/wiki/fonts/Lora/Lora-Regular.ttf);
	font-weight:300 
}
@font-face {
	font-family:'Lekton-Italic';
	src:url(http://www.mondotheque.be/wiki/fonts/Lekton/Lekton-Italic.ttf);
	font-style:italic 
}
@font-face {
	font-family:'Lekton-Italic-Bold';
	src:url(http://www.mondotheque.be/wiki/fonts/Lekton/Lekton-Italic.ttf);
	font-style:italic;
	font-weight:300 
}
body {
	font-family:'Lora-Regular',sans-serif;
	font-size:17px;
	padding-bottom:50px !important 
}
.page-Main_Page h2 {
}
strong,b {
	font-family:'Lora-Bold' 
}
em,i {
	font-family:'Lekton-Italic';
	font-size:1.05em 
}
strong i,strong em,em strong,i strong,i b,em b {
	font-family:'Lekton-Italic-Bold' 
}
#content h1,#content h2,#content h3,#content #firstHeading,#content .toc h2,#content #toc h2 {
	font-family:'Lekton-Regular',serif 
}
h1,h2,h3,h4,h5 {
	font-family:'Lekton-Regular',serif 
}
h2 {
	font-size:1.6em;
	margin:1em 0 0.5em 0 
}
h2#firstHeading {
	font-size:2em 
}
h3 {
	font-size:1.3em;
	margin:1em 0 0.5em 0 
}
h4 {
	font-size:1em;
	margin:1em 0 0.5em 0 
}
td {
	vertical-align:top 
}
#actions .fa,#index [title="Traité de documentation"],#actions #ca-nstab-special,#actions #actions #ca-nstab-category,#actions #ca-nstab-property,.page-Main_Page h2#firstHeading,.rdflink,h3#tagline,dl,.mw-imagepage-section-filehistory,.filehistory,#mw-imagepage-content,.mw-filepage-resolutioninfo,#filetoc,#mw-imagepage-section-filehistory p,.mw-imagepage-section-metadata,.tocnumber {
	display:none 
}
p.smw-editpage-help {
	border:none;
	background:none;
	padding:none 
}
#ca-view {
	display:none!important 
}
#file {
	margin-bottom:0.5em 
}
#catlinks ul a:hover,#content sup a,#content sub a,#toc a:link {
	border-bottom:0px 
}
h1.title-name a {
	color:teal !important 
}
h1.title-name a:hover {
	color:#004040 !important 
}
#content a {
	color:teal;
	text-decoration:none 
}
#content a:hover {
	color:teal;
	border-bottom:1px solid teal 
}
#content a.image,a:hover.image {
	border-bottom:none !important 
}
#content a:visited {
	color:#004040;
	border-bottom:1px solid #004040 
}
a.new {
	color:red !important 
}
#content a:hover.new {
	color:red;
	border-bottom:1px solid red 
}
a.external {
	color:navy 
}
#content a:hover.external {
	color:navy !important;
	border-bottom:1px solid navy 
}
.coverbox {
	background:white;
	padding:0.5em 2em 1.5em 2em;
	margin-top:1em 
}
.h2 {
	padding-top:0;
	background:white;
	display:inline 
}
#smw-form-editpage-help,.thumbcaption,#siteSub,#footer-left,#footer-right-icons,div.gallerytext,div.gallerytext em,div.gallerytext i,div.gallerytext p,div.gallerytext p em,div.gallerytext p i,ol.references,ol.references em,small,.mw-metadata,.fileInfo,.fullMedia,.listfiles td {
	font-size:11px !important;
	font-family:'Lora-Regular' !important;
	;
	line-height:1.4em !important;
	text-align:left 
}
.thumbcaption {
	margin:0.5em 0 0 0 
}
.thumb {
	margin:0.5em 
}
ol.references {
	margin-bottom:2em 
}
li.gallerybox {
	margin-bottom:1em 
}
#content ul {
	list-style-image:none;
	list-style:none 
}
#bodyContent ul li::before,#mw-data-after-content ul li::before {
	content:"- " 
}
#content li.gallerybox::before,#content .search-types li::before {
	content:"" !important 
}
#content .search-types .current a {
	color:green 
}
.plainlinks {
	display:inline 
}
blockquote {
	font-family:Lekton-Italic 
}
.mw-content-ltr .references {
	margin-top:2em 
}
.intro,.cat,.book,.inter,.chapeau {
	padding:1em;
	margin:1em 0;
	color:white 
}
.chapeau {
	background:purple 
}
.inter {
	background:black 
}
.inter .image {
	padding:0 0 1em 1em 
}
.inter h2 {
	color:white;
	margin-top:0 
}
.intro {
	background:teal 
}
.cat {
	background:silver 
}
.book {
	background:brown 
}
.intro a,.cat a,.book a,.inter a,.chapeau a {
	color:white !important;
	border-bottom:1px solid white !important 
}
.intro a.new,.cat a.new,.book a.new,.inter a.new,.chapeau a.new {
	border-bottom:1px solid red 
}
.intro a:hover,cat a:hover,.book a:hover,.inter a:hover,.chapeau a:hover {
	color:#85cccc;
	border-bottom:1px solid #85cccc 
}
.cat hr {
	color:white;
	border:0;
	height:1px 
}
.label {
	padding:0.35em 0.5em 0.25em;
	background-color:#85cccc;
	margin-bottom:0;
	font-family:'Lekton-Regular' 
}
.maps-map,.timeline-container {
	margin-bottom:1em 
}
#content {
	margin-bottom:3em 
}
#mw-content-text ul.gallery {
	margin:0.5em 0 
}
#bodyContent {
	margin-bottom:2em 
}
#actions {
	font-size:0.8125em;
	float:right;
	font-family:'Lekton-Regular' 
}
ul#actions,ul#actions ul.more {
	padding:0;
	margin:0 
}
ul#actions li,ul#actions ul.more li {
	list-style-type:none;
	display:inline-block 
}
ul#actions li a,ul#actions li ul.more li a {
	text-decoration:none;
	padding:3px 1em 0 3px;
	display:inline-block;
	white-space:nowrap 
}
ul#actions li {
	position:relative 
}
ul#actions li ul.more {
	display:none;
	position:absolute;
	top:1.5em;
	left:0;
	background:white 
}
ul#actions li:hover ul.more {
	display:block 
}
ul#actions a:hover {
	color:#004040!important 
}
li.gallerybox div.thumb {
	background:white 
}
#index {
	background:lightgray;
	padding:3px 1em 0 3px;
	color:black;
	background-color:lightgray;
	text-decoration:none
}
#index h1 a {
	color:orange 
}
table.smwfacttable {
	border:0px 
}
.image {
	padding:0 0.25em 
}
.thumb .image {
	padding:0 
}
.clear {
	clear:both 
}
.mediaContainer {
	margin:1em 0.25em 
}
.ttmlStyled {
	font-family:'Lekton-Regular';
	margin:0 1em 
}
table.appearance {
	background:#c3e5e5;
	font-size:0.9em;
	white-space:nowrap;
	padding:0.3em !important
}
table.appearance th {
	line-height:1.2em;
	border:0px !important
}
table.appearance td,table.appearance .headerSort {
	border:0px !important;
	text-align:center
}
table.jquery-tablesorter.appearance th.headerSort {
	background-position:center
}
.unit {
	background:yellow
}
#content .unit a {
	text-decoration:underline
}
.fragment {
	padding:1em;
	border:1px solid black;
	text-decoration:none
}
.fragment h1 {
	font-size:1.1em !important;
	margin-top:15px;
	margin-bottom:8px;
	margin-left:15px;
	margin-right:auto
}
.fragment .unit:before {
	content:"\0020 \2022\0020 "
}
.fragment h3 + .unit:before,.fragment p .unit:first-child:before {
	content:""
}
.fragment h4 + .unit:before,.fragment p .unit:first-child:before {
	content:""
}
.leftmargin {
	float:left;
	width:180px;
	position:absolute;
	left:-170px;
	font-size:12px;
	text-align:right 
}
.leftmargin p {
	margin-bottom:1em
}
.side {
	float:right;
	width:180px;
	position:absolute;
	right:-170px;
	font-size:12px;
	color:black
}
.side a {
	color:teal !important
}
.side b {
	display:none
}
.side .selflink {
	display:none
}
.inside {
	float:right;
	width:180px;
	position:absolute;
	right:-170px;
	font-size:12px;
	color:black;
	background-color:none;
	text-decoration:none
}
.inside b {
	display:none
}
.inside .selflink {
	display:none
}
.transclusion {
	font-size:12px;
	color:black !important;
	background:white !important;
	text-decoration:none !important
}
.category-title {
	font-variant:small-caps
}
.quote {
	font-size:12px;
	-webkit-columns:200px 4;
	-moz-columns:200px 4;
	columns:200px 4;	
}

.quote p {
border:1px solid grey;
	margin-bottom: 1.5em;
	padding:1em;
	background:#FFFFCC }
#OpenLayers {
	margin-bottom:1em
}