/*************************************************** ### Autor: Nikola Vujovic ### ### www.nashstudio.ba ### ### copyright (c) 2006 - 2010 ### **************************************************** ### Projekat: Admin Panel ### ### Verzija: 5.0.0 ### ### Datum: 02.10.2010. ### ### Namjena: Css | Admin ### **************************************************** ### Definisanje boje: ### siva250: #fafafa siva245: #f5f5f5 ### siva240: #f0f0f0 siva235: #ebebeb ### siva230: #e6e6e6 siva225: #e1e1e1 ### siva220: #dcdcdc siva215: #d7d7d7 ### siva210: #d2d2d2 siva205: #cdcdcd ### siva200: #c8c8c8 siva180: #b4b4b4 ### roza: #ec008c ### ***************************************************/ /* ### Main */ * {margin: 0px; padding: 0px; } body, html {background: #f5f5f5 url(../dizajn/sadrzaj/bgr_body.gif) repeat-y top; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left; margin: 0px; padding: 0px;} img {margin: 0px; padding: 0px;} a {text-decoration: underline; color: #ec008c;} a:hover {text-decoration: none;} /* ### Float */ .floatClear {zoom:1;} .floatClear:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .floatLeft {float:left;display:inline-block;} .floatRight {float:right;display:inline-block;} /* ### Text */ h1 {font-size: 18px;} h2 {font-size: 16px;} h3 {font-size: 14px;} h4 {font-size: 14px;} h5 {font-size: 12px;} h6 {font-size: 12px;} p {font-size: 11px;} .zvjezdica {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #ec008c; font-weight: bold;} /* ### Input html objekti */ .inpButton {height: 30px; background-color: #e6e6e6; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Helvetica; color: #000000; border: 1px solid #d2d2d2; cursor: pointer; margin: 0px 5px 0px 0px; padding: 0px 10px 3px 10px; display: inline;} .inpButton:hover {color: #ec008c;} .inpField {width: 288px; height: 18px; background-color: #ffffff; font-size: 11px; font-family: Arial, Verdana, Helvetica; padding: 0px 5px 0px 5px; border: 1px solid #d2d2d2;} .inpCheck {width: 20px; height: 20px; display: inline;} textarea {width: 548px; height: 94px; background-color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; padding: 2px 5px; border: 1px solid #d2d2d2;} select {width: 300px; height: 20px; font-size: 11px; border: 1px solid #cdcdcd;} select option {font-size: 11px; padding: 2px 0px 2px 5px;} /* ### NoScript & NoFlash */ .noScript {width: 100%; background-color: #ffffcc; text-align: center; border-bottom: 1px solid #000000; padding-top: 3px; padding-bottom: 3px;} /* ### Login */ #login {width: 330px;background-color: #000000; margin: 100px auto 0px auto;padding-bottom:5px;} #login .naslov {width: 325px; height: 23px; background: url(../dizajn/sadrzaj/bgr_naslov.jpg) top repeat-x; padding: 7px 5px 0px 0px;} #login .naslov p {font-size: 12px; font-weight: bold; color: #dcdcdc;} #login ul {width: 310px;background-color: #f0f0f0; list-style-type: none; margin: 0px 0px 0px 5px; padding: 5px;} #login ul li {width: 300px;background-color: #dcdcdc; margin: 0px 0px 5px 0px; padding: 5px;} #login ul li.simg img {width: 168px; height: 23px;border: 1px solid #d2d2d2;margin-left:105px;} #login ul li.simg a {width: 25px; height: 25px; background: url(../dizajn/ikonice/refresh.png) no-repeat center center; display: inline-block; margin-bottom: 5px;} #login ul li.nav {width: 190px;background-color: #f0f0f0;margin: 0px;padding: 0px;padding-left: 110px;} #login ul li .inpField {width: 183px;height: 23px;font-size: 12px;} #login ul li p {width: 105px;font-size: 12px;padding-top: 5px;} /* ### MySql */ .mySql {display: inline-block;} .mySql p {color: #ffffff; background-color: #015a84; padding: 2px 5px;} .mySql p.sqlGreska {background-color: #ff0000;} .mySql p span {color: #ffff00; font-weight: bold;} /* ### Modul Greske */ .modGreske {width: 100%; background-color: #ff0000; position: relative; z-index: 150;} .modGreske p {color: #ffffff; padding: 0px 5px 5px 5px;} .modGreske span {color: #ffff00; font-weight: bold;} .modGreske h3 {color: #ffff00; padding: 5px 5px 0px 5px;} .modGreske h5 {color: #ffffff; padding: 0px 5px;} .modGreske a {color: #ffff00;} /* ### Heder */ #heder { width: 100%; height: 110px; background: url(../dizajn/heder/bgr.jpg) top repeat-x;} #heder p {color: #dcdcdc;} #heder p span {color: #f5f5f5; font-weight: bold;} #heder a {color: #f5f5f5;} #heder a.logout {font-size: 12px; font-weight: bold; display: inline-block; margin-top: 5px;} #heder .heder {width: 950px; height: 100px; background: url(../dizajn/heder/bgr.gif) bottom repeat-x; margin: 0px auto; padding: 10px 5px 0px 5px;} #heder .klijent {width: 310px; height: 85px; background: url(../dizajn/heder/klijent.jpg) no-repeat top right; padding-right: 155px; float: right;} #heder .klijent p {text-align: right;} #heder .podaci {width: 465px; height: 40px; float: left;} /* ### Sadrzaj */ #sredina {width: 950px; background-color: #ebebeb; margin: 0px auto; padding: 5px;} #sredina .naslov {height: 23px; background: #000000 url(../dizajn/sadrzaj/bgr_naslov.jpg) top repeat-x; font-size: 12px; font-weight: bold; color: #DCDCDC; padding-top: 7px;} #sredina .naslov h5 {color: #dcdcdc;} /* ### Navigacija */ #navigacija {width: 165px; background-color: #000000; display: inline-block; margin-right: 5px; padding-bottom: 5px; float: left;} #navigacija ul {width: 155px; list-style-type: none; margin: 0px; padding: 0px 5px;} #navigacija ul li {width: 155px; border-bottom: 1px solid #cdcdcd;} #navigacija ul li.mod {width: 145px; background: #dcdcdc url(../dizajn/ikonice/strelica_04.gif) no-repeat 0 2px; border-bottom: 1px solid #ec008c; padding-left: 10px;} #navigacija ul li.mod p {height: 18px; color: #ec008c; padding-top: 2px;} #navigacija ul li a {width: 150px; height: 17px; background: #f0f0f0 url(../dizajn/ikonice/strelica_04.gif) no-repeat -5px 2px; color: #000000; text-decoration: none; padding: 3px 0px 0px 5px; display: block;} #navigacija ul li a:hover {background-color: #e6e6e6; background-position: -1px 2px; color: #ec008c;} /* ### Modul */ #modul {width: 780px; background-color: #000000; color: #ec008c; display: inline-block; padding-bottom: 5px; float: left;} #modul .podnaslov {width: 755px; height: 30px; background: #dcdcdc url(../dizajn/ikonice/strelica_04.gif) no-repeat 0 8px; border-bottom: 1px solid #cdcdcd; margin: 0px 5px; padding-left: 10px; padding-right: 5px;} #modul .podnaslov p {color: #646464; padding-top: 8px;} #modul .podnaslov p span {color: #ec008c;} #modul .podnaslov p.left {float: left;} #modul .podnaslov p.right {text-align: right; float: right;} #modul .podnaslov select {width: 200px; margin-top: 5px; float: right;} #modul .sadrzaj {width: 770px; background: #f0f0f0; margin: 0px 5px;} #modul .greska {width: 770px; background: #f0f0f0; margin: 0px 5px;} #modul .greska img {display: inline; float: left;} #modul .greska h1 {color: #ec008c; padding-top: 5px;} #modul .greska h5 {color: #646464; margin-bottom: 10px;} #modul .greska p { color: #000000;} #modul .greska ul {font-size: 11px; padding-left: 15px; float: left;} #modul .greska ul li {color: #000000; margin-top: 5px;} #modul .napomena {background-color: #ffffcc; border-bottom: 1px solid #cdcdcd;} #modul .napomena p {color: #000000; text-align: center; padding: 5px;} /* ### Lista */ #lista {width: 770px; list-style-type: none; display: block;} #lista li {background: #e6e6e6; border-top: 1px solid #f5f5f5; padding: 5px; display: block;} #lista li p {color: #646464;} #lista li p span {color: #000000; font-weight: bold;} #lista li.naslovli {background-color: #dcdcdc;} #lista li.naslovli p {color: #ec008c; font-weight: bold;} #lista li.napStatus {background-color: #ff0000;} #lista li.napStatus p {color: #ffffff; font-size: 12px; font-weight: bold; text-align: center;} /* ### Tabela Popup */ .tabelaPopup {position: relative;} .tabelaPopup span {display: none; position: absolute; background: url(../dizajn/ikonice/strelica_03.gif) no-repeat; left: 5px;} .tabelaPopupSadrzaj {background: #f5f5f5; text-align: center; border: 1px solid #000000; margin-left: 5px;} .tabelaPopupSadrzaj img {margin: 0px;} .tabelaPopupSadrzaj p {color: #000000; text-align: left; padding: 3px 5px 3px 5px; border-top: 1px solid #cdcdcd; display: block;} .tabelaPopupSadrzaj a {background: #e6e6e6; color: #ec008c; text-align: left; padding: 3px 5px 3px 5px; border-top: 1px solid #cdcdcd; display: block;} /* ### Tabela */ #tabela {width: 770px; color: #000000;} #tabela tr {height: 20px;} #tabela tr.r0 {background: #dcdcdc; color: #646464;} #tabela tr.r1 {background: #ebebeb;} #tabela tr.r2 {background: #f5f5f5;} #tabela tr.r1:hover, #tabela tr.r2:hover {background: #e1e1e1; color: #ec008c; cursor: default;} #tabela td {font-size: 11px; text-align: center;} #tabela td.tdl, #tabela td.tdp {text-align: left; padding-left: 5px;} #tabela td.tdr {text-align: right; padding-right: 5px;} #tabela td.tdp:hover .tabelaPopup span {display: inline; z-index: 100;} #tabela td img {border: 0px;} #tabela td a { display: inline-block;} #tabela td a.aktivan {width: 16px; height: 16px; background: url(../dizajn/ikonice/status_aktivan.png) no-repeat;} #tabela td a.neaktivan {width: 16px; height: 16px; background: url(../dizajn/ikonice/status_neaktivan.png) no-repeat;} #tabela td a.edit {width: 16px; height: 16px; background: url(../dizajn/ikonice/akcija_edit.png) no-repeat;} #tabela td a.delete {width: 16px; height: 16px; background: url(../dizajn/ikonice/akcija_delete.png) no-repeat;} #tabela td a.read {width: 16px; height: 16px; background: url(../dizajn/ikonice/email_read.png) no-repeat;} #tabela td a.unread {width: 16px; height: 16px; background: url(../dizajn/ikonice/email_unread.png) no-repeat;} #tabela td a.load {width: 16px; height: 16px; background: url(../dizajn/loader/loader_v1.gif) no-repeat 0 3px;} /* ### Stranice */ .stranice {background: #dcdcdc;} .stranice p {color: #646464; text-align: center; padding: 5px;} .stranice p a {background: #e6e6e6; color: #000000; font-weight: bold; text-decoration: none; display: inline-block; margin-right: 1px; padding: 1px 5px; border: 1px solid #cdcdcd;} .stranice p a:hover, .stranice p span {background: #e1e1e1; color: #ec008c; border: 1px solid #d2d2d2;} .stranice p span {font-weight: bold; display: inline-block; margin-right: 1px; padding: 1px 5px; cursor: default;} .stranice p span.tackice {color: #000000;font-weight: normal;} /* ### Opcije */ #opcije {width:770px;display:none;background:#e6e6e6 url(../dizajn/opcije/bgr_bot.png) repeat-x bottom center;border-bottom:1px solid #cdcdcd;margin-left:5px;} #opcije ul li {height:20px;background-repeat:repeat-x;border-top:1px solid #f0f0f0;padding:5px;list-style:none;} #opcije ul li p{height:17px;padding:3px 5px 0 0;color:#000000;} #opcije ul li p.opcNsl {width:75px;color:#646464;padding-left:5px;} #opcije ul li select {width:150px;margin-right:5px;} #opcije ul li label {padding:3px 5px 0 0;cursor:pointer;color:#000000;} #opcije ul li .inpButton {height:18px;border-color:#c8c8c8;} #opcije ul li .inpField {width:188px;margin:0 5px;} /* ### Input */ #input {width: 770px; list-style-type: none; display: block;margin:0px;padding:0px;} #input li {background-color: #e6e6e6; border-top: 1px solid #f5f5f5; padding: 5px; display: block;} #input li p {color: #000000;} #input li.obavezno {background-image: url(../dizajn/ikonice/zvjezdica.gif); background-repeat: no-repeat;} #input li.akcije {height: 29px; background: #dcdcdc; padding-left: 205px; } #input li.inputNote {border: none; padding-top: 0px;} #input li.inputNote p {color: #646464; text-align: center;} #input li.inputNote span {color: #000000;} #input li.uPreview {border: none; padding: 0px 0px 5px 0px; display: none;} #input li .boxLft {width: 200px; display: inline-block; float: left;} #input li .boxLft p {color: #646464; text-align: right; padding-top: 2px; padding-right: 5px;} #input li .boxMdl {width: 300px; display: inline-block; float: left;} #input li .boxRgt {width: 260px; display: inline-block; float: left;} #input li .boxRgt p.satnica {width: 20px; color: #646464; text-align: center; padding-top: 2px; display: inline-block; float: left;} #input li .boxExt {width: 560px; display: inline-block; float: right;} #input li .boxExt p {color: #000000; text-align: left; padding-top: 2px; padding-left: 6px;} #input li .boxErr {width: 255px; background: url(../dizajn/ikonice/strelica_06.gif) no-repeat; padding-left: 5px; display: inline-block; float: left;} #input li .boxErrLft {width: 195px; background: url(../dizajn/ikonice/strelica_07.gif) no-repeat top right; padding-right: 5px; margin-top: 2px; display: inline-block; float: left;} #input li .boxErr p, #input li .boxErrLft p {color: #ec008c; background-color: #f5f5f5; border: 1px solid #ec008c; padding: 2px 4px;} #input li .boxErr p span, #input li .boxErrLft p span {color: #000000; font-weight: bold;} #input li .boxChk {width: 298px; background: #f5f5f5; border: 1px solid #d2d2d2; float: left;} #input li .boxChk .box {width: 149px; display: inline-block; float: left;} #input li .boxChk .box .inpCheck {float: left;} #input li .boxChk .box label {width: 129px; color: #000000; padding-top: 2px; display: inline-block; float: left; cursor: pointer;} #input li select.dan, #input li select.mjesec {width: 95px; margin-right: 5px; float:left;} #input li select.godina {width: 100px; float:left;} #input li select.sat {width: 50px; margin-right: 0px; float:left;} #input li .uploadBrowse {width: 300px; height: 20px; background: #f5f5f5; float: left;} #input li .uploadFile {width: 184px; height: 205px; display: none; background-color: #f5f5f5; margin-left: 5px; margin-top: 5px; border: 1px solid #d2d2d2; float:left;} #input li .uploadFile .thumb {width: 180px; height: 135px; text-align: center; padding: 2px; margin-bottom: 5px; border-bottom: 1px solid #d2d2d2;} #input li .uploadFile p {width: 184px; height: 19px; color: #000000; text-align: center; display: inline-block; padding-top: 1px; overflow: hidden; float: left;} #input li .uploadFile span.next {width: 20px; height: 20px; background: url(../dizajn/ikonice/akcija_next.png) no-repeat; display: inline-block; float: left;} #input li .uploadFile span.prev {width: 20px; height: 20px; background: url(../dizajn/ikonice/akcija_previous.png) no-repeat; display: inline-block; float: left;} #input li span.cijenaTacka {width: 5px; color: #000000; font-weight: bold; display: inline-block;} #input li .inpField p {padding-top: 2px;} /* ### Poruke */ #poruke {width: 770px; list-style-type: none; display: block;} #poruke li {background: #e6e6e6; border-top: 1px solid #f5f5f5; padding: 5px; display: block;} #poruke li p {color: #000000;} #poruke li p.nsl {color: #646464; margin-bottom: 5px;} #poruke li p.nsl span {color: #000000; font-weight: bold;} /* ### Tabovi */ .tabovi {background-color: #dcdcdc; border-top: 1px solid #f5f5f5;} .tabovi span {display: inline-block; float: left; padding: 5px 8px; border-right: 1px solid #f5f5f5; cursor: pointer;} .tabovi span.tab {color:#000000; background-color: #dcdcdc;} .tabovi span.select {color:#ec008c; background-color: #f5f5f5;} .tabovi span.error {color:#f5f5f5; background-color: #ec008c;} /* ### Futer */ #futer { width: 100%; height: 40px; background: url(../dizajn/futer/bgr_futer.jpg) repeat-x 0 -5px;} #futer .futer {width: 960px; height: 40px; background: url(../dizajn/futer/bgr_futer.gif) repeat-x 0 -5px; margin: 0px auto;} #futer .futer p {width: 320px; height: 23px; color: #dcdcdc; padding-top: 17px; display: inline-block; float: left} #futer .futer p span {color: #f5f5f5; font-weight: bold;} #futer .futer p a {color: #f5f5f5;}