MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */

/* privremeno - obeležavam u sidebar-u šta je završeno */
#n-Novi-članak .nav-link, #n-Dužina-članka .nav-link, 
#n-Java-GeoSoft .nav-link, #n-Uroš---Java .nav-link, #n-RD-MST-mapa .nav-link, #n-FZ---Balans5-CBA .nav-link {
  color:#006699 !important;
  font-weight:500 !important;
}

/* markiranje teksta za zamenu*/
.zameniti {
  background:#ffebec
}
.zamena {
	background:#ddffdd;
}
.fw5 {
	font-weight:500;
}

/* SimpleTooltip ekstenzija */
.simple-tooltip-inline {
    border-bottom: 2px dotted #0066ff;
}
.tooltipster-default {
    border-radius: 5px;
    border: none;
    background: #ffffcc;
    color: black;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: system-ui;
    font-size: 16px;
    line-height: 1.2rem;
    padding: 6px 10px;
}

/* sakrivam 3 stavke u futeru - politiku privatnosti i sl. */
#footer-places {display:none;}

/* font za prikazivanje koda */
.monofont {
	font-family: ui-monospace, monospace;
	font-size:.9rem;
}

/* stilizacija Geosoftovog Java naming-a */
.zapovesti {
	filter: drop-shadow(0 5px 0.18rem #ccc);
	border: 1px solid #999;
	background:whitesmoke;
	padding:5px 14px;
	border-radius: 10px;
	margin-bottom:2rem;
}
.zapovesti-kod {
	border: 1px solid #dddddd;
	border-radius: 4px;
	margin-bottom:10px;
	color:black;
	background:white;
	font-family: ui-monospace, monospace;
	font-size:.9rem;
	padding: 5px 10px;
}
.zapovesti-kod p {
	margin: 5px 10px !important;
	padding: 0 !important;
}

/* stilizacija sidebar-a */
.nav-link:hover {
    color: black;
    background: linear-gradient(90deg,rgba(235, 221, 150, 1) 0%, rgba(235, 221, 150, 1) 2%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 50%, rgba(251, 248, 234, 1) 100%);
    background: linear-gradient(90deg,rgba(82, 122, 122, 1) 0%, rgba(82, 122, 122, 1) 2%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 50%, rgba(240, 245, 245, 1) 100%);
}

/* naglasavanje ispravnog i neispravnog u <pre> ili bilo gde (zeleno i crveno) */
.ispravno {
	color:  #00994d !important;
}
.pogresno {
	color: #ff0066 !important;
}

/* stilizovanje tabela. mst = Melany Softvare Table */
table.mst th, table.mst td {
	width:auto;
	padding: 5px;
	border-bottom: 1px solid #999;
	vertical-align: top;
/*	white-space: nowrap;  */
}
.mst-100 {width:100%}
table.mst-vc th, table.mst-vc td {vertical-align: top}
.mst-siva tr:nth-child(even) {background-color: #f0f5f5}
.mst-plava tr:nth-child(even) {background-color:#f0f8ff}
.mst-zelena tr:nth-child(even) {background-color:#f0fff0}
.mst-zuta tr:nth-child(even) {background-color:#fffff0}
.mst-crvena tr:nth-child(even) {background-color:#ffe6e6}

/* sakrivamo 'Actions' i 'Tools'  od neulogovanih korisnika */
aside .d-flex .dropdown {
  display: none;
}
/* sakrivamo Alate od neulogovanih */
#p-Alati, #p-Trece {
    display:none;
}

/* caret u searchbox */
#searchInput {
	caret-color: #ff9900;
}
/* Tagline */
#siteSub {
    display: block;
}
/* forma/input za kreiranje novog clanka */
.cdx-text-input__input {border: 1px solid #666 !important;}
.cdx-text-input__input:enabled:focus {border: 1px solid #ff3d08 !important;box-shadow:none;}
.cdx-button:enabled {background-color: #ff3d08 !important}

/* ekstenzija collapsible - želim da 'expand' bude levo */
.mw-collapsible-toggle {
	float: left !important;
	margin-left:0;
    margin-right:1em;
}
/* sklanjam zagrade oko 'expand' */
.mw-collapsible-toggle-default:before, .mw-collapsible-toggle-default:after {
    display: none;
}
.mw-collapsible-text {
/*	font-weight: bold;*/
}
.mw-collapsible-toggle-default .mw-collapsible-text {
 /*   color: #ff3d08;*/
}

/* stilovi za precicu na formu 'novi clanak' */
#precica {
	color: #007bff;
	cursor:pointer;
}
#precica:hover {
	text-decoration:underline;
}

/* formatiranje sadrzaja - odmakni ga od teksta */
#toc {
	margin-left:20px;
}
/**/
#mslogod {
	float:right;
	margin-right:20px;
}

/* Menjam pozadinu tagova za kod */
pre, code {
    background-color:#fafafa !important;
    border:1px solid #eef2f6 !important;
}
/* custom komponente za kod - siva i bela. koristio u Geosoft */
.mkods {
	font-family: ui-monospace, monospace;
	color:black;
	font-size: .875rem;
	background-color:#fafafa;
    border:1px solid #eef2f6;
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    padding: 1em;
    /*white-space: pre-wrap;*/
    overflow-x: hidden;
    word-wrap: break-word;    
}
.mkodb {
	font-family: ui-monospace, monospace;
	color:black;
	font-size: .875rem;
	background-color:white;
    border:1px solid #eef2f6;
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    padding: 1em;
    /*white-space: pre-wrap;*/
    overflow-x: hidden;
    word-wrap: break-word;
}
.mkods p {margin:0}
.mkodb p {margin:0}
.mkodit {font-style: italic}
.mkods2 {margin-left: 2rem}
.mkods4 {margin-left: 4rem}
.mkods6 {margin-left: 6rem}
.mkods8 {margin-left: 8rem}

/* stilizovanje za <kbd> */
.mslk {
	border: 1px solid #aaa;
	border-radius: 0.2em;
	box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
	background-color: #f8f9fa;
	background-image: linear-gradient(to bottom,#eaecf0,#f8f9fa,#eaecf0);
	color: #202122;
	padding: 0.1em 0.3em;
/*	font-family: inherit;*/
	font-size: 0.85em;
	font-size: .9rem;
}