Difference between revisions of "Common.css"
From Mondothèque
(46 intermediate revisions by 2 users not shown) | |||
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 20: | Line 19: | ||
} | } | ||
body.page-Main_Page { | body.page-Main_Page { | ||
− | background-image:url( | + | background-image:url(https://www.mondotheque.be/wiki/lastimage.php); |
background-repeat:repeat; | background-repeat:repeat; | ||
background-size:50%; | background-size:50%; | ||
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=" | + | #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; | |
− | + | background-color:lightgray; | |
− | + | 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; | ||
+ | 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 | |
− | table.jquery-tablesorter.appearance th.headerSort {background-position: center | + | } |
− | + | #content .unit a { | |
− | .unit {background: yellow | + | text-decoration:underline |
− | #content .unit a{text-decoration:underline | + | } |
− | + | .fragment { | |
− | + | padding:1em; | |
− | .fragment {padding: 1em; border: 1px solid black; text-decoration:none | + | border:1px solid black; |
+ | text-decoration:none | ||
} | } | ||
.fragment h1 { | .fragment h1 { | ||
− | + | font-size:1.1em !important; | |
− | font-size:1.1em | + | margin-top:15px; |
− | 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 { | |
− | .fragment h3 + .unit:before, .fragment p .unit:first-child:before { | + | content:"" |
− | 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; | |
− | + | 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; | ||
+ | background:white; | ||
+ | box-shadow: -1px -1px 0px #000, -6px -6px 1px #fff; | ||
+ | padding:5px; | ||
+ | z-index:9; | ||
} | } | ||
− | . | + | .page-Transclusionism .side{ |
+ | float: none !important; | ||
+ | position: relative !important; | ||
+ | right:0 !important; | ||
+ | margin: 30px auto !important; | ||
+ | } | ||
− | . | + | .imgrt { |
− | + | float:right; | |
− | + | width:110%; | |
− | + | font-size:12px; | |
− | + | color:black; | |
− | + | z-index:10; | |
− | + | margin: 0px 0px 0px 20px | |
+ | } | ||
+ | .page-X_Y{ | ||
+ | -webkit-hyphens: auto; | ||
+ | -moz-hyphens: auto; | ||
+ | -ms-hyphens: auto; | ||
+ | hyphens: auto; | ||
} | } | ||
− | . | + | .transource{ |
+ | font-style: italic !important; | ||
+ | } | ||
− | .side b{ | + | .side a { |
− | display:none | + | color:teal !important |
+ | } | ||
+ | .side b { | ||
+ | display:none | ||
} | } | ||
− | .side .selflink{ | + | .side .selflink { |
− | display:none | + | display:none |
} | } | ||
− | |||
.inside { | .inside { | ||
− | + | float:right; | |
− | + | width:180px; | |
− | + | position:absolute; | |
− | + | right:-170px; | |
− | + | font-size:12px; | |
− | + | color:black; | |
− | + | background-color:none; | |
− | + | text-decoration:none | |
− | + | } | |
− | .inside b{ | + | .inside b { |
− | display:none | + | display:none |
} | } | ||
− | .inside .selflink{ | + | .inside .selflink { |
− | display:none | + | display:none |
} | } | ||
− | |||
.transclusion { | .transclusion { | ||
− | + | font-size:12px; | |
− | + | color:black !important; | |
− | + | background:white !important; | |
− | + | text-decoration:none !important | |
− | + | } | |
.category-title { | .category-title { | ||
− | font-variant: small-caps | + | font-variant:small-caps |
} | } | ||
− | |||
.quote { | .quote { | ||
− | + | font-size:12px; | |
− | -webkit-columns: 200px | + | -webkit-columns:200px 4; |
− | -moz-columns: 200px | + | -moz-columns:200px 4; |
− | columns: 200px | + | columns:200px 4; |
− | margin: | + | margin: 2em 0; |
− | |||
− | |||
− | |||
} | } | ||
+ | .quote p { | ||
+ | border:1px solid grey; | ||
+ | padding:1em; | ||
+ | margin-bottom: 1em; | ||
+ | background:#FFFFCC | ||
+ | } | ||
+ | .sourcebox{ | ||
+ | float:left; | ||
+ | } | ||
+ | .personbox{ | ||
+ | float:left; | ||
+ | } | ||
+ | .sourcebox{ | ||
+ | display:inline-block; | ||
+ | width:33%; | ||
+ | } | ||
+ | .sourcetext{ | ||
+ | font-size:10pt; | ||
+ | width:90%; | ||
+ | } | ||
+ | .sourcesoup, .sourceimage{ | ||
+ | float:left; | ||
+ | } | ||
+ | /* | ||
+ | .thumb .image{ | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | */ | ||
+ | .sourceimage .reference{ | ||
+ | left:-5px !important; | ||
+ | } | ||
+ | .ccccc .unit{ | ||
+ | /*background:none !important;*/ | ||
+ | font-size:10px !important | ||
+ | } | ||
+ | .ccccc .coverr{ | ||
+ | background:none !important; | ||
+ | font-size:40px !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .indeximage { | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | .indeximage .image{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .indeximage .caption { | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | top:15px; | ||
+ | left:15px; | ||
+ | width:20%; | ||
+ | font-size: 9pt!important; | ||
+ | } | ||
+ | |||
+ | .indeximage .refref { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
− | + | .revision {font-family: monospace; font-size: 10pt; margin: 2% 0} |
Latest revision as of 10:51, 25 January 2019
.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(https://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; background:white; box-shadow: -1px -1px 0px #000, -6px -6px 1px #fff; padding:5px; z-index:9; } .page-Transclusionism .side{ float: none !important; position: relative !important; right:0 !important; margin: 30px auto !important; } .imgrt { float:right; width:110%; font-size:12px; color:black; z-index:10; margin: 0px 0px 0px 20px } .page-X_Y{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .transource{ font-style: italic !important; } .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; margin: 2em 0; } .quote p { border:1px solid grey; padding:1em; margin-bottom: 1em; background:#FFFFCC } .sourcebox{ float:left; } .personbox{ float:left; } .sourcebox{ display:inline-block; width:33%; } .sourcetext{ font-size:10pt; width:90%; } .sourcesoup, .sourceimage{ float:left; } /* .thumb .image{ padding: 0 !important; } */ .sourceimage .reference{ left:-5px !important; } .ccccc .unit{ /*background:none !important;*/ font-size:10px !important } .ccccc .coverr{ background:none !important; font-size:40px !important; } .indeximage { overflow:hidden; } .indeximage .image{ position:relative; float:left; } .indeximage .caption { position:relative; float:left; top:15px; left:15px; width:20%; font-size: 9pt!important; } .indeximage .refref { display:none; } .revision {font-family: monospace; font-size: 10pt; margin: 2% 0}