MediaWiki:Common.css/Tweaks.css
Napomena: Nakon objave možda ćete trebati očistiti međuspremnik svog preglednika kako biste vidjeli promjene.
- Firefox / Safari: držite Shift i pritisnite Reload, ili pritisnite bilo Ctrl-F5 ili Ctrl-R (⌘-R na Macu)
- Google Chrome: pritisnite Ctrl-Shift-R (⌘-Shift-R na Macu)
- Internet Explorer / Edge: držite Ctrl i kliknite Refresh, ili pritisnite Ctrl-F5
- Opera: pritisnite Ctrl-F5.
@charset "utf-8";
/*
*==== This stylesheet contains all hr.WS specific tweaks =====
*/
/* make user experience moar-kewl */
a:link, a:visited {
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}
/* Fix copy and paste formatting */
.verse pre {
margin: 0;
padding-left: 2em;
border: 0;
background-color: #FFF;
font-family: sans-serif;
white-space: pre;
line-height: 150%;
}
.verse p {
white-space: pre;
}
/* Short lines preferred by some editors */
.prose {
padding-left: 3em;
max-width: 35em;
margin: 0 auto;
}
/* poem tag : avoid extra margins between transcluded pages */
.poem {
margin-bottom: 0em;
margin-top: 0em;
line-height: 1.6em;
text-indent: inherit;
}
.poem p {
margin-top: 0em !important;
margin-bottom: 0em !important;
text-indent: inherit !important;
}
/* poem tag : inhibits div with defined-list wiki mark-up for indentation */
.poem dl {
margin-top: 0em !important;
margin-bottom: 0em !important;
text-indent: inherit !important;
}
.poem dd {
margin-top: 0em !important;
margin-bottom: 0em !important;
text-indent: inherit !important;
}
/* edit-form, editOptions related settings */
span#wpSummaryLabel {
display: inline-block !important;
font-weight: 500;
margin-top: 0.00em !important;
margin-bottom: 0.38em !important;
}
INPUT[name="wpSummary"] {
display: inline !important;
position: relative !important;
margin-top: 0.00em !important;
margin-bottom: 0.38em !important;
}
div.editCheckboxes {
padding-left: 64px;
}
/* center TemplateData extension's output table */
.mw-templatedata-doc-params {
margin: 0.50em auto 0.50em auto !important;
}
/* show deleted text hidden by CopyVio template */
.page-Special_Undelete div#copyvio {
display: block !important;
}
/* restore defunct class begining around 1.19wmf update */
.hiddenStructure {
display: none !important;
}
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */
.listify td {
display: list-item;
}
.listify tr {
display: block;
}
.listify table {
display: block;
}
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references {
font-size: 100%;
}
.references-small {
font-size: 90%;
}
ol.references > li:target {
background-color: #ddeeff;
}
sup.reference:target {
background-color: #ddeeff;
}
/* force paragraphs wrapped within this div class to inherit font size and line height */
div.fslhInherit > p {
font-size: inherit !important;
line-height: inherit !important;
}
/* modify profiles */
@media screen, handheld, projection {
/* indent page text on screen out of the way of the page numbers */
div.indented-page {
margin-left:3em;
}
/* Dont display the URL onto the screen */
cite *.printonly {
display: none;
}
}
/* Featured template */
#cornerbox {
position: absolute;
top: 0.3em;
right: 0.2em;
border: 1px solid #BBB;
font-size: 0.8em;
}
/* PRETTYTABLE
*
* Produces customized grayscale tables. Based on WikiTable css definitions.
* Table documentation at [[Wikisource:Style guide/Tables]] - SUPERSEDED -
* Some values need !important added otherwise they could be overriden.
*/
table.prettytable {
background-color: #f9f9f9 !important;
border: 1px solid #aaa !important;
border-collapse: collapse !important;
color: #000000;
margin: 1em 0px 1em 0px;
page-break-inside: avoid;
}
table.prettytable > tr > th, table.prettytable > * > tr > th {
background-color: #f2f2f2 !important;
border: 1px solid #569BBB !important;
padding: 0.25em 0.50em 0.25em 0.50em !important;
text-align: center;
}
table.prettytable > tr > td, table.prettytable > * > tr > td {
border: 1px solid #569BBB !important;
padding: 0.25em 0.25em 0.25em 0.25em !important;
vertical-align: top;
}
table.prettytable > caption {
font-weight: normal;
}
/* TABLE basicWS
*
* Produces most basic of table settings stripped of all values.
* Meant to be a foundation Users can build upon.
* Equivalent of cellspacing="0" cellpadding="0"
*/
table.basicWS {
border-collapse: collapse;
border-spacing: 0px 0px;
empty-cells: hide;
margin-top: 0.0em;
margin-right: auto;
margin-bottom: 0.0em;
margin-left: auto;
page-break-inside: avoid;
}
table.basicWS > tr > th, table.basicWS > * > tr > th {
font-weight: normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
}
table.basicWS > tr > td, table.basicWS > * > tr > td {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
table.basicWS > caption {
font-weight: normal;
}
/* TABLE commonWS
*
* Produces table settings common to most older browser defaults.
* Meant to be a foundation Users can build upon.
* Equivalent of cellspacing="2" cellpadding="1"
*/
table.commonWS {
border-collapse: separate;
border-spacing: 2px 2px;
margin-top: 0.0em;
margin-right: auto;
margin-bottom: 0.0em;
margin-left: auto;
page-break-inside: avoid;
}
table.commonWS > tr > th, table.commonWS > * > tr > th {
font-weight: normal;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
text-align: center;
}
table.commonWS > tr > td, table.commonWS > * > tr > td {
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
}
table.commonWS > caption {
font-weight: normal;
}
/* *********
* STYLISTIC TABLES
*/
/* '''valign''' ; cell(s) in row vertically aligned to top*/
/* '''valignb''' ; rows vertically aligned to bottom*/
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/
table.table-c75vtop {
width: 75%;
margin-left: auto;
margin-right: auto;
}
.table-c75vtop, .valign tr, .valign tr td {
vertical-align: top;
}
.table-c75vbot, .valignb tr, .valignb tr td {
vertical-align: bottom;
}
/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */
/* as used in [[Template:Hussey Churches table header]] */
table.tablecolhdborder {
border: 1px solid;
margin: 0;
border-collapse: collapse;
}
table.tablecolhdborder th {
border-bottom: 1px solid;
border-left: 1px solid;
text-align: center;
}
table.tablecolhdborder td {
border-left: 1px solid;
padding-left: 5px;
}
/* Add a border to the bottom of a table row */
tr.tablebtmborder td {
border-bottom: 1px solid;
}
/* enable a standard means to insert a 1em padding in the first column of a table; Mostly used in book table of contents -- ab 20120122 */
.rpadCol1 td:first-child {
padding-right: 1.0em !important;
}
/* When div class=nonumtoc is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber {
display: none;
}
/* Deprecated - apply using the above definitions instead */
/* #hideTOCnumbers { display: none; } */
.nonumtoc #toc ul, .nonumtoc .toc ul {
line-height: 1.5em;
list-style: none;
margin: .3em 0 0;
padding: 0;
}
.nonumtoc #toc ul ul, .nonumtoc .toc ul ul {
/* @noflip */
margin: 0 0 0 2em;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* usei: U.S. executive instruments
** Attempt to reclaim basic heading tags, etc. from the wikicode
** for use in the formatting of typical orders, procs, etc.
** by executive branches of U.S. Gov'ts. Core settings only.
*/
h1.usei, h2.usei, h3.usei, h4.usei, h5.usei, h6.usei, h7.usei {
color: #000000;
background: none;
font-weight: normal;
margin-top: 0.00em;
margin-bottom: 0.00em;
overflow: hidden;
padding-top: 0.50em;
padding-bottom: 0.17em;
border-bottom: none;
page-break-after: avoid;
}
hr.usei {
height: 1px;
color: #aaa;
background-color: #aaa;
border: 0;
margin: 0.12em 0.00em 0.12em 0.00em;
}
/* for table lists found in various gov't serials */
table.useiList {
display: table;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
empty-cells: hide !important;
margin: 0px auto 0px auto !important;
width: 100% !important;
page-break-inside: avoid !important;
}
tr.useiListrow {
display: table-row;
}
td.useiListcell1 {
display: table-cell;
border-right: 1px solid #aaa !important;
line-height: 1.33em !important;
padding: 0.25em 0.75em 0.20em 0.75em !important;
text-align: left !important;
vertical-align: top !important;
white-space: nowrap !important;
}
td.useiListcell2 {
display: table-cell;
border-right: 1px solid #aaa !important;
line-height: 1.33em !important;
padding: 0.25em 0.75em 0.20em 0.75em !important;
text-align: center !important;
vertical-align: top !important;
white-space: nowrap !important;
}
td.useiListcell3 {
display: table-cell;
line-height: 1.33em !important;
padding: 0.25em 0.75em 0.20em 1.75em !important;
text-align: left !important;
vertical-align: baseline !important;
}
td.useiListcell4 {
display: table-cell;
border-left: 1px solid #aaa !important;
line-height: 1.33em !important;
padding: 0.25em 0.75em 0.20em 0.75em !important;
text-align: right !important;
vertical-align: bottom !important;
white-space: nowrap !important;
}
span.useiHgindt {
display: inline-block !important;
text-indent: -1.00em !important;
}
span.useiHdnpad {
margin-right: -0.50em !important;
visibility: hidden !important;
}
span.useiHidden {
visibility: hidden !important;
}
span.useiFloatl {
float: left !important;
}
span.useiFloatr {
float: right !important;
}
/*********
** special formatting classes
*********/
/* ordered-list flavours; see [[History of the Rise, Progress, and Termination of the American Revolution/Chapter II]] for first deployment */
div.divRomanOL ol {
list-style-type: upper-roman;
}
div.divRomanOL-lower ol {
list-style-type: lower-roman;
}
div.divAlphaOL ol {
list-style-type: upper-alpha; /* or upper-latin; q: which is better supported? */
}
div.divAlphaOL-lower ol {
list-style-type: lower-alpha; /* or lower-latin...*/
}
div.divGreekOL-lower ol {
list-style-type: lower-greek;
}
div.divDecimalOL-leading-zero ol {
list-style-type: decimal-leading-zero;
}
div.divDecimalOL-normal ol {
list-style-type: decimal; /* could be useful in nested situations - but computer says no... */
}
/* georgian && armenian as needed... */
/*********
** tabber
*********/
/*
Generic defaults
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display: none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top: 1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav {
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #CCC;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #ccc;
border-bottom: none;
background-color: #f2f7ff;
text-decoration: none;
}
ul.tabbernav li a:link {
color: #448;
}
ul.tabbernav li a:visited {
color: #667;
}
ul.tabbernav li a:hover {
color: #000;
background-color: #fff9f2;
border-color: #CCC;
}
ul.tabbernav li.tabberactive a {
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
color: #000;
background-color: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding: 5px;
border: 1px solid #CCC;
border-top: 0;
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
/* height: 200px; */
/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
/* overflow: auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display: none;
}
.tabberlive .tabbertab h3 {
display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height: 200px;
overflow: auto;
}
/*--------------------------------------------------*/
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */
span.nikud {
color: #002bb8;
cursor: pointer;
}
/* CLEARFIX
* //stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
*
* some basic fixes for a well known bug dealing with floats & their containers
*
*/
.clearFix {
display: inline-block;
}
.clearFix:after {
content: "\2007";
display: block;
height: 0px;
clear: both;
overflow: hidden;
visibility: hidden;
}
/* Generic class for Times-based serif, texhtml class for inline math */
.times-serif, span.texhtml {
font-family: "Times New Roman", "Nimbus Roman No9 L", Times, serif;
font-size: 118%;
}
span.texhtml {
white-space: nowrap;
}
span.texhtml span.texhtml {
font-size: 100%;
}
/* Disable kerning, and enable tabular and lining display for digits.
* This causes most common fonts to display digits as if they were monospace.
*/
.digits, .texhtml {
-moz-font-feature-settings: "kern" 0, "lnum", "tnum";
-webkit-font-feature-settings: "kern" 0, "lnum", "tnum";
font-feature-settings: "kern" 0, "lnum", "tnum";
}
/* highlights the anchor text obtained using Template:Anchor+ */
/* this relies on CSS3, and thus is not seen by many browsers, but it is only added-value eye-candy so that's OK. */
span.HighlightedAnchor:target {
background-color: #DEF;
}
/* ##Category formatting## */
/* displays hidden categories with a smaller font, and separates below normal categories */
#mw-hidden-catlinks {
font-size: 90%;
}
/**
* Icons on the top right of the article.
* See also mw common JS file
*
* @source www.mediawiki.org/wiki/Snippets/Top_icons
* @version 4
*/
/* Hide without javascript */
.Top_icon_raw {
display: none;
}
/* With JavaScript */
.Top_icon_dynamic {
float: right;
padding-left: 10px;
font-size: 50%;
width: auto !important;
}
.Top_icon_raw p, .Top_icon_dynamic p {
padding: 0 0;
margin: 0 0;
}
/* .pagenum_container:hover {background-color:#eeeeee; opacity:0.5; } */
/*
*==== This stylesheet deals with Main page settings (sandbox only for now) =====
*/
.page-Main_Page_sandbox.action-view .firstHeading, .page-Main_Page_sandbox.action-view #siteSub, .page-Main_Page_sandbox.action-view #contentSub {
display: none;
}
/* Make main page snazzy on modern browsers */
.page-Main_Page_sandbox #mw-content-text #main-header,
.page-Main_Page_sandbox #mw-content-text #main-col1>div,
.page-Main_Page_sandbox #mw-content-text #main-col2>div,
.page-Main_Page_sandbox #mw-content-text #main-footer {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
-webkit-box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
}
.page-Main_Page_sandbox #mw-content-text h2 {
background: rgb(83,118,198); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(122,177,214,1) 0%, rgba(83,118,198,1) 30%, rgba(83,118,198,1) 70%, rgba(104,142,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(122,177,214,1)), color-stop(30%,rgba(83,118,198,1)), color-stop(70%,rgba(83,118,198,1)), color-stop(100%,rgba(104,142,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab1d6',endColorstr='#688eb7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.page-Main_Page_sandbox #mw-content-text h3 {
margin: 1em;
padding: 0px;
font-size: 100%;
background: rgb(227,240,252);
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}
.page-Main_Page_sandbox #mw-content-text #main-header #main-scribe {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
width: 120px;
height: 120px;
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Accueil_scribe_invert.png/120px-Accueil_scribe_invert.png);
-moz-box-shadow: inset 0em 0em 0em 0.2em rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0em 0em 0em 0.2em rgba(0,0,0,0.2);
box-shadow: inset 0em 0em 0em 0.2em rgba(0,0,0,0.2);
}
/* Hide firstHeading etc. & timestamp on edit-protected Main Page */
.page-Main_Page.action-view .firstHeading, .page-Main_Page.action-view #siteSub, .page-Main_Page.action-view #contentSub {
display: none !important;
}
.page-Main_Page #footer-info-lastmod {
display: none !important;
}
/* @end */