/* Izradio Ivan Spajić: ispajic@gmail.com */
/* ovo stavlja underline na element unutar tekst */
.u {
text-decoration:underline;
}
/* ovo stavlja bold na element unutar tekst */
.b {
font-weight:bold;
}
/* ovo stavlja bold na element unutar tekst */
.i {
font-style:italic;
}
/* ovo stavlja center na element unutar tekst */
.c{
text-align:center;
text-indent:0;
}
/* ovo su svojstva svih linkova koji nisu označeni nekim specifičnim svojstvom */
a:link {
color: blue;
text-decoration: none;
}
a:visited {
color: blue;
text-decoration: none;
}
a:hover {
color: blue;
text-decoration: underline;
}
a:active {
color: purple;
text-decoration: none;
}
/* ovo su svojstva menija na svim stranicama osim naslovne. Tu se radi o onim menijima koji su sa lijeve strane tih stranica, a u umeću se uz pomoć iframe-ova */
.meni {
color: #1C648E;
font-family: arial;
font-size: 14px;
line-height: 160%;
text-align:center;
vertical-align:middle;
background-image:url(bg-lnkn.jpg);
background-repeat:repeat-x;
font-weight:bold;
line-height:20pt;
}
a.meni:link {
color: #1C648E;
font-weight:bold;
text-decoration: none;
background-image:url(bg-link2.jpg);
border-bottom: thin dotted red;
}
a.meni:visited {
color: #1C648E;
font-weight:bold;
background-image:url(bg-link2.jpg);
border-bottom: thin dotted red;
}
a.meni:hover {
color: #1C648E;
font-weight:bold;
text-decoration: none;
background-image:url(bg-link2.jpg);
border-bottom: thin solid red;
}
a.meni:active {
color: #1C648E;
font-weight:bold;
border-bottom: thin dotted red;
}
/* ovo su svojstva koja dajemo linkovima u meniju kada nam previše problema stvara efekt širenja */
/* ovo su svojstva menija na svim stranicama osim naslovne. Tu se radi o onim menijima koji su sa lijeve strane tih stranica, a u umeću se uz pomoć iframe-ova */
a.meni-fr:link {
color: #FFFFFF;
font-weight:normal;
text-decoration: none;
}
a.meni-fr:visited {
color: #FFFFFF;
font-weight:normal;
}
a.meni-fr:hover {
color: #FFFFFF;
font-weight:normal;
text-decoration:underline;
}
a.meni-fr:active {
color: #FFFFFF;
font-weight:normal;
}
/* dodatni meni */
.meni-dod {
color: #1C648E;
font-family: arial;
font-size: 14px;
line-height: 160%;
vertical-align:middle;
text-align:left;
background-image:url(bg-dod.jpg);
background-repeat:repeat-y;
font-weight:bold;
line-height:20pt;
}
/*dodatni meni - viši, tj. stupanj 1 */
.m-d-i {
position:absolute;
top:277px;
left:10px;
height:60px;
width:260px;
background-image:url(bg-dod.jpg);
}
/*dodatni meni - niži, tj. stupanj 2 */
.m-d-ii
{
position:absolute;
top:415px;
left:10px;
height:60px;
width:260px;
background-image:url(bg-dod.jpg);
}
/*dodatni meni - višlji, tj. stupanj 0 */
.m-d-iii
{
position:absolute;
top:150px;
left:10px;
height:60px;
width:260px;
background-image:url(bg-dod.jpg);
}
.meni-it /* meni talijanski */ {
color: #1C648E;
font-family: arial;
font-size: 11pt;
line-height: 160%;
text-align:center;
vertical-align:middle;
background-image:url(bg-lnkn.jpg);
background-repeat:repeat-x;
font-weight:bold;
line-height:90%;
background-image:url(bg-dod.jpg);
}
/* ovo je format za meni na svim stranicama osim glavne. on je postavljen tako da bude sa lijeve strane. koristi se na div - ovima
i meni se uvijek ubacuje unutar njega */
div.knleft
{
position:absolute;
left: 10pt;
top: 12.75pt;
width:798px;
margin:0;
text-align:center;
vertical-align: middle;
border: thin solid #EBA051;
background:#EBA051;
}
/* ovo je format za diviziju u koju se ubacuje glavni tekst na svim stranicama osim naslovne (čast iznimkama :) ). Korsitimo ga tako da
napravimo diviziju, stavimo joj ovaj class i onda sve ostale divizije i paragrafe glavnog teksta držimo unutar ove divizije */
div.kncontent
{
position:absolute;
left: 217.5pt;
top: 175.5pt;
width:490px;
padding: 10;
font-family: arial, verdana;
font-size: 12pt;
border-top: thin solid #EBA051;
border-left: thin solid #EBA051;
border-right: thin solid #EBA051;
background:white;
min-height: 500px;
}
/* ovo su svojstva za zaglavlje svih stranica osim naslovne. Zaključio sam da je zgodno da gore u lijevom kutu piše u kojoj podtemi se nalazimo */
div.knheader
{
position:absolute;
left: 218pt;
top: 93pt;
padding:0.5em;
line-height:165%;
color:red;
clear:left;
font-family:arial;
font-size: 22px;
font-weight: bold;
width: 490px;
height: 60px;
text-align:center;
background-image:url(bg-title.jpg);
background-repeat:repeat-y;
border-top: thin solid #EBA051;
border-bottom: thin solid #EBA051;
}
/*ovo je glavni format za sve tekstove izvan naslovnice. Njega primjenjujemo na paragrafe i divizije u tekstu */
.content {
color: #2E4976;
font-family: arial;
font-size: 14px;
line-height: 160%;
text-decoration:none;
text-indent: 5%;
}
.content-noindent {
text-indent: 0pt;
}
/* ovo stavlja underline i bold na element unutar tekst */
.content-ub {
text-decoration:underline;
font-weight: bold;
}
/* ovo stavlja underline na element unutar tekst */
.content-u {
text-decoration:underline;
}
/* ovo stavlja bold na element unutar tekst */
.content-b {
font-weight:bold;
}
/* ovo stavlja bold na element unutar tekst */
.content-i {
font-style:italic;
}
/* ovo su svojstva linkova za tekst, ali ne običnih, nego kada se radi o nekakvim menijima. Ako želite stavljati unutar običnog teksta, koristite content-fr,
pošto ovaj ima to svojstvo da kada se mišem prelazi preko linka sa desne strane stavi strelicu, zbog čega može stvoriti distorziju unutar običnog teksta.
Umećemo ga na sam "a" element, npr */
a.content:link {
color: #1E4A7B;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
text-transform: uppercase;
}
a.content:visited {
color: #1E4A7B;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
text-transform: uppercase;
}
a.content:hover {
color: #6A9DCC;
font-weight:bold;
width: 480px;
padding-right: 15pt;
background-repeat: no-repeat;
background-position: 100% 25%;
background-image: url(images/bg-meni-link.gif);
text-decoration:underline;
text-indent: 0;
text-transform: uppercase;
}
a.content:active {
color: #000000;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
text-transform: uppercase;
}
/* ovo je naslov koji je lijevo */
.content-title{
color: #1E4A7B;
font-size: 18px;
font-family: arial, verdana;
font-weight:bold;
letter-spacing: 20%;
line-height: 150%;}
/* ovo je naslov koji je lijevo i manji */
.content-titles{
color: #1E4A7B;
font-size: 14px;
font-family: arial, verdana;
font-weight:bold;
line-height: 150%;}
/* ovo je naslov koji je centriran */
.content-titlec{
color: #1E4A7B;
font-size: 18px;
font-family: arial, verdana;
font-weight:bold;
text-align:center;
letter-spacing: 20%;
line-height: 150%;
text-indent:0;
}
/* ovo je naslov koji je centriran i manji */
.content-titlecs{
color: #1E4A7B;
font-size: 14px;
font-family: arial, verdana;
font-weight:bold;
text-align:center;
letter-spacing: 20%;
line-height: 150%;
text-indent:0;
}
/* ovo koristimo kada želimo unutar teksta napraviti razmak između slova. */
.content-prorijec {
color: #061193;
font-family: arial;
font-size: 14px;
line-height: 160%;
text-decoration:none;
text-indent: 5%;
letter-spacing: 17%;
}
/* ovo su svojstva običnih linkova za tekst.
Umećemo ga na sam "a" element, npr */
.content-fr {
font-family: arial;
font-size: 14px;
line-height: 160%;
text-decoration:none;
text-indent: 5%;}
a.content-fr:link {
color: #1E4A7B;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
}
a.content-fr:visited {
color: #6272DF;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
}
a.content-fr:hover {
color:#63A4DE;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
}
a.content-fr:active- {
color: #000000;
font-weight:bold;
text-decoration:underline;
text-indent: 0;
}
/* linkovi koji su malo veći... */
.content-big {
font-family: arial;
font-size: 16px;
line-height: 160%;
text-indent: 5%;}
a.content-big:link {
color: #1E4A7B;
font-weight:bold;
text-indent: 0;
}
a.content-big:visited {
color: #6272DF;
font-weight:bold;
text-indent: 0;
}
a.content-big:hover {
color: #6272DF;
font-weight:bold;
border-bottom: thin dotted red;
text-decoration:none;
text-indent: 0;
}
a.content-big:active- {
color: #000000;
font-weight:bold;
text-indent: 0;
}
/* ovo je vrlo bitna stavka za ostale tekstove: pozadina */
.kbody {
background: #ffffff;
background-image:url(bg-cntnt.jpg);
background-repeat:repeat-y;
}
/* popis dodatnih podataka za iframeove (tj različite visine za njih) */
.iftal {
height: 490px;
}
/* naglašeni tekst na naslovnici crveni*/
.index-bigr {
color: red;
font-weight: bold;
font-size: 14pt;
}
a.index-bigr:link {
color: red;
}
a.index-bigr:visited {
color: red;
}
a.index-bigr:hover {
color: red;
}
a.index-bigr:active {
color: red;
}
/* naglašeni tekst na naslovnici plavi*/
.index-bigb {
color: blue;
font-weight: bold;
font-size: 14pt;
}
a.index-bigb:link {
color: blue;
}
a.index-bigb:visited {
color: blue;
}
a.index-bigb:hover {
color: blue;
}
a.index-bigb:active {
color: blue;
}
/* roza slova - očito ima potreba i za njima*/
.content-roza {
font-weight: bold;
color: #FF55AA;
}
/* mala slova - za komentare slika itd */
.kom {
font-size:11pt;
font-style: italic;}
div.img
{
margin: 2px;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
.merz {
padding-top: 40px;
padding-left: 25px;
font-size: 16px;
width: 800px;
overflow: scroll;
background-image: url(bg_novi.jpg);
background-repeat: repeat-y;
}
.podnaslov {
padding-left: 20px;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
text-decoration: none;
word-spacing: normal;
font-weight: bold;
}
.tekst {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
width: 500px;
}
.naslov {
font-size: 16px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
text-indent: 0pt;
padding-top: 6pt;
}
.merz-index {
background-color: #FFFFCC;
padding-top: 20px;
padding-left: 10px;
font-size: 16px;
width: 800px;
}
.tekst-sredina {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
left: 25%;
width: 492px;
position: relative;
height: 3179px;
}
.linkovi-frame {
background:url(bg_link.jpg) repeat;
margin-top: 15px;
margin-left: 10px;
}
a.linkovi-frame:link {
color: white;
text-decoration: none;
}
a.linkovi-frame:visited {
color: white;
text-decoration: none;
}
a.linkovi-frame:hover {
color: white;
text-decoration: none;
}
a.linkovi-frame:active {
color: #FFFFFF;
text-decoration: none;
}