MediaWiki:Vector.css

From Culture.si

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */

.infobox {
 float: right;
 background: #eee;
 padding: 0.5em;
 margin: 0 0 1em 0.2em;
 width: 260px;
}
#mw-pages td li {
 font-size: 90%;
}

body.page-Main_Page h1.firstHeading {
  display:none !important;
}

.contact {
  margin-top: 0.5em;
  padding: 0em;
}

.contact-row .row-value {  margin-left: 1em; }
.contact-role .row-value, .contact-name .row-value  {  margin-left: 0; }
.info-row .row-label {  display: none; }
.contact-row .row-label {  display: none; }
.contact-role { font-style: italic; color: #444; }
.row-badges { display: block; float: left; width: 2em; }

#mw-subcategories h3 { display: none; }
#mw-subcategories ul { margin-top: 0; margin-bottom: 0;}
#mw-subcategories table { border:1px solid #ddcef2; background:#faf5ff; }

.smwtable { font-size: 90%; }
.smwtable td { background: #eeeeee; }
.smwtable th { background: #cccccc; text-align: left; }
.smwtable tr:nth-child(even) td { background: #eeeeee; }
.smwtable tr:nth-child(odd) td { background: #dddddd; }

.smttpersist { display: none; }

body.page-Main_Page h1.firstHeading {
  display:none !important;
}

table.smwb-factbox {
  font-size: smaller;
}

.smwb-factbox .smwb-propvalue th {
  padding: 0.2em 0.5em;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  text-align: right;
  background: #ddd;
}

.smwb-factbox .smwb-propvalue td {
  padding: 0.2em 0.5em;
  border-bottom: 1px solid white;
  text-align: left;
  background: #eee;
}

#siteNotice { padding: 0; }

#bodyContent p>br { display: none; }

.KU_more {
 text-align: right;
 font-weight: bold;
}

* { font-family: helvetica, sans; }

pre { font-family: courier; }

.column { 
 vertical-align:top; 
 padding: 2px 5px;
}

#column_left {
 width:55%; 
 background:#f5fffa; 
 border:1px solid #cef2e0; 
}

#column_right {
  border:1px solid #ddd;
  border:1px solid #cedff2;
  background:#f5faff; 
}

.column h2 { 
  font-weight: bold;
  font-size: 14px;
  background:#deefef;
  border:solid 1px #cedfdf;
  padding:0.25em 0.5em;
  margin-top:0.25em;
}

.newest-page-updated {
  font-style: italic;
  color: green;
}

.broken-link {
  color: #111;
}

table.recent-page { background: transparent; }
td.recent-page-date { 
 white-space: nowrap;
 text-align: right;
}

.timeline-event {
  background: #eee;
  margin-bottom: 2px;
}

textarea { font-family:monospace }

table.infobox th {
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  font-size:90%;
}

tr.contact-separator {
  height:2px;
  background:#fff;
}

.xss-table {
  background:white;
  border-collapse:collapse;
  line-height:120%;
  width:100%;
  font-size:12px;
}
.xss-inner-wrap {
  width:100%;
  overflow:auto;
}
.xss-table td {
  border:solid 1px #ddd;
  vertical-align:top;
  padding:4px 4px;
  white-space:nowrap;
  max-width:24em;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#333;
}
.xss-table td a {
  text-decoration:none;
  color:#669;
}
.xss-table td a:hover {
  text-decoration:underline;
  color:#339;
}
#content .xss-sort a {
 color:#ccc;
}
.xss-cell {
}

.xss-cell:hover {

}

.xss-table th {
  border:solid 1px silver;
  vertical-align:top;
  padding:2px;
  max-width:200px;
  background:#ddd;
  white-space:nowrap;
}
#content a.xss-sort {
  color:#aaa;
}
#content a.xss-sort.selected {
  color:#333;
}

.xss-table.xss-rowtable td:first-child {
  width:20%;
}
.xss-tabledef-heading {
 float:left;
 margin-right:24px;
 padding-bottom:6px;
}
.xss-browse-nav, .xss-browse-limit {
  float:right;
  margin-left:24px;
  padding-bottom:6px;
}
.xss-outer-wrap {
  clear:both;
}
.xss-button {
  background:#ddd;
  padding:2px 6px;
  border-radius:2px;
  font-weight:normal;
}
/* republika */
@font-face {
    font-family: 'Republika';
    font-style: normal;
    font-weight: 500;
    src: local('Republika'), url('/static/fonts/republika-regular-webfont.woff2') format('woff2');
}
:root {
  --font-family-base: Republika,arial,helvetica,sans-serif;
  --color-blue:       #3e7c94;
  --color-lightblue:  #529dba;
  --color-darkblue:   #1b495a;
  --color-cyan:       #457A73;
  --color-lightcyan:  #5c9a92;
  --color-darkcyan:   #1f4843;
  --color-green:      #4c7520;
  --color-lightgreen: #66952e;
  --color-darkgreen:  #234502;
  --color-red:        #b2414d;
  --color-brown:      #736358;
}
.skin-vector * {
    font-family: var(--font-family-base);
}
.skin-vector .mw-body h1, 
.skin-vector .mw-body-content h1, 
.skin-vector .mw-body-content h2
{ 
    font-family: var(--font-family-base);
}
.skin-vector .featured-article-column .teaser a.image { display: none; }
.skin-vector a:visited { color: var(--color-darkblue); }
.vector-menu-tabs li a,
.skin-vector a { color: var(--color-blue); }
.skin-vector #pt-anonuserpage,
.skin-vector #pt-userpage a { padding-top: 2px !important; }
.skin-vector #p-personal li {
    margin-left: 0.75em;
    padding-top: 0.5em;
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 2px 8px;
    line-height: 20px;
    font-weight: 700;
}
.skin-vector #p-personal a.new,
.skin-vector a.new { color: var(--color-red); }
.vector-menu-dropdown li a { color: var(--color-lightcyan); }
.vector-menu-tabs li { background: none; }
.vector-menu-tabs .new a, 
.vector-menu-tabs .new a:visited { color: var(--color-brown); }
.skin-vector .portal .body li a, 
.skin-vector .portal .body li a:visited, 
.skin-vector .vector-menu-portal .body li a,
.skin-vector .vector-menu-portal .body li a:visited { color: var(--color-green); }
pre, code, tt, kbd, samp, 
.skin-vector .mw-code,
.skin-vector .mw-editfont-monospace { font-family: monospace,monospace; font-size: smaller; }
.skin-vector a.new { color: var(--color-red); }
.skin-vector .mw-body { border: 1px solid lightgray; }
#mw-page-base { background: none; }
@media screen { 
 body { background-color: white; zoom: 120%; }
}