body { background: url(../images/layout/admin.gif) repeat; font-family: Arial, Helvetica, sans-serif; } .notice { font-size: 13px; font-weight: bold; position: relative; padding: 12px; margin-bottom: 12px; } .notice a { display: block; text-indent: -5000px; width: 16px; height: 16px; position: absolute; top: 12px; right: 12px; } .upozorenje { color: #6188c0; background: #ecf9ff; border: 1px solid #bbdbe0; color: #6188c0; } .upozorenje a { background: url(../images/icons/upozorenje.png) no-repeat; } .greska { color: #6188c0; background: #ffecce; border: 1px solid #e9c59b; color: #e33040; } .greska a { background: url(../images/icons/greska.png) no-repeat; } .obavijest { color: #888600; background: #edfbd8; border: 1px solid #bfde84; } .obavijest a { background: url(../images/icons/obavijest.png) no-repeat; } .notice a:hover { background-position: bottom; } .input-button { margin: 0 0 0 0; border: none; cursor: pointer; font-size: 17px; font-weight: bold; text-shadow: 1px 1px 1px #505050; color: #fff; position: relative; padding: 4px 0 0 0!important; font-family: Calibri, Arial, Helvetica, sans-serif; } .input-button:hover { background-position: right!important; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; } /* =Login ----------------------------------------------- */ #login { width: 486px; margin: 85px auto 0 auto; } #login h3 { height: 35px; font-size: 16px; font-weight: bold; color: #3399ff; text-indent: 36px; padding-top: 34px; background: url(../images/layout/login_heading.png) top center no-repeat; } #login fieldset { background: url(../images/layout/login_box.png) bottom no-repeat; width: 486px; } #login fieldset ul { padding: 18px 35px 28px 35px; } #login fieldset ul li { margin-bottom: 12px; } #login fieldset ul li label { font-size: 13px; font-weight: bold; color: #666; margin-bottom: 8px; display: block; background: url(../images/icons/content_bullet.gif) 0 6px no-repeat; padding-left: 9px; } #login fieldset ul li .input-text { width: 386px; padding: 12px; font-size: 13px; color: #888; background: #fff; border: 1px solid #ccc; } #login fieldset ul li .input-text:hover { border-color: #666; } #login fieldset ul li .input-button { background: url(../images/buttons/prijava.png) no-repeat; width: 110px; padding: 0!important; height: 40px!important; margin-bottom: 10px;box-shadow: 5px 5px 10px #e1e1e1; } #login fieldset ul li.last-item { margin-bottom: 0; position: relative; } #login fieldset ul li p { font-size: 12px; font-weight: bold; color: #666; position: absolute; left: 125px; top: 12px; } #login fieldset ul li p input { vertical-align: middle; margin: -3px 3px 0 0; } #container { width: 1016px; margin: 10px auto 0 auto; } #main-nav { height: 60px; background: url(../images/layout/main_nav.png) no-repeat; padding: 26px 0 0 17px; } #main-nav li { float: left; color: #fff; padding: 7px 20px 7px 18px; background: url(../images/layout/main_nav_divider.gif) top right no-repeat; } #main-nav li strong { font-weight: bold; } #main-nav li a { display: block; float: left; font-size: 16px; color: #fff; text-decoration: none; } #main-nav li a.active, #main-nav li a:hover { color: #ccc; text-decoration: underline; } #main-nav li a.highlight { color: #ffb400; } #logged { margin-left: 27px; font-size: 16px; color: #333; text-shadow: 1px 1px 1px #e6e6e6; padding-left: 10px; background: url(../images/icons/logged_bullet.png) 0 7px no-repeat; } #logged a { font-weight: bold; color: #333; padding-left: 10px; background: url(../images/icons/logged_bullet.png) 0 7px no-repeat; margin-left: 3px; text-decoration: none; } #logged a:hover { text-decoration: underline; } #logged strong { font-weight: bold; } h2#main { height: 35px; background: url(../images/layout/h2_main.png) no-repeat; font-size: 16px; font-weight: bold; color: #3399ff; text-indent: 36px; padding-top: 34px; } h2#main span { color: #e33040; } #content { background: url(../images/layout/content.png) bottom no-repeat; padding: 19px 37px 27px 37px; margin-bottom: 12px; color: #666; } #content h2.new-section { height: 34px; background: url(../images/layout/section_divider.gif) top repeat-x; border-bottom: 1px solid #888; text-indent: 19px; padding-top: 16px; font-size: 16px; font-weight: bold; color: #3399ff; } #content h2.new-section.custom { margin: -19px -19px 15px -19px; } #content .block { padding-bottom: 30px; border-bottom: 1px solid #888; margin: 0 -20px 20px -20px; padding: 0 20px 30px 20px; } #content .block.last { border: none; padding-bottom: 0; } #content .block.no-margin { margin-bottom: 0; } #content .block.custom { padding-left: 1px; padding-right: 1px; } #content .inner { padding: 20px 20px 0 20px; } #content li { margin-bottom: 12px; position: relative; } #content .input-text { padding: 11px 12px 11px 12px; font-size: 13px; color: #888; background: #fff; border: 1px solid #ccc; } #content .input-text:hover { border-color: #666; } #content .input-text.wide { width: 914px; } #content li.last-item { margin-bottom: 0; } #content li.checkbox input { vertical-align: middle; margin: -3px 3px 0 0; } #content li.checkbox { font-size: 12px; color: #999; font-weight: bold; } #content li.narrow .input-text { width: 270px; } #content li.narrow select { padding: 10px 12px 10px 12px; font-size: 13px; color: #888; border: 1px solid #ccc; width: 296px; } #content li.items strong { font-size: 13px; font-weight: bold; color: #399150; text-transform: uppercase; background: url(../images/icons/green_bullet.gif) 0 6px no-repeat; padding-left: 9px; } #content li.items a { text-indent: -5000px; padding-right: 16px; background: url(../images/icons/delete.png) 0 2px no-repeat; margin: -3px 2px 0 5px; } #content li.items span { text-decoration: underline; font-size: 13px; color: #ff6600; } #content li.items a:hover { background-position: bottom left; } #content li.items p { display: inline; padding-left: 9px; background: url(../images/icons/orange_bullet.gif) 0 8px no-repeat; } #content li.divider { margin: -17px -19px 12px -19px; border-bottom: 1px solid #888 } #content li .float { float: left; } #content li.first label { color: #666!important; display: inline; margin-right: 12px; } #content li.first input { vertical-align: middle; margin: -2px 3px 0 0; } #content li.first { color: #999; font-size: 12px; font-weight: bold; } #content label { font-size: 13px; font-weight: bold; background: url(../images/icons/content_bullet.gif) 0 6px no-repeat; padding-left: 9px; display: block; margin-bottom: 10px; } #content label span { color: #e33040; } #content li small { font-size: 11px; } #content .input-button { width: 280px; background: url(../images/buttons/standard.png) no-repeat; padding:0!important; height: 40px!important; box-shadow: 5px 5px 10px #e1e1e1; } #content .input-button.dodaj-novu-kategoriju { position: absolute; left: 312px; top: 26px; } #content .input-button.pridruzi-kategoriju { position: absolute; left: 312px; top: 26px; } #content .input-button.pretrazi-arhivu { position: absolute; bottom: 0px; right: 2px;} #content .input-button.dodaj-dokument { margin-top: 1px; background: url(../images/buttons/dodaj_dokument.png) no-repeat; width: 130px; float: left; margin-left: 12px; font-size: 11px; padding:0!important; height: 22px!important; margin-bottom: 10px; } #content .input-button.dodaj-dokument span { width: 130px; top: 8px; } #content .input-button.spremi-podatke.space { margin-bottom: 14px; } #content .column { width: 456px; float: left; } #content .column .input-text { width: 430px; } #content .column.last { float: right; } #content textarea.editor { padding: 12px; border: 1px solid #ccc; color: #888; height: 630px; font: 13px Arial, Helvetica, sans-serif; width: 430px; position: relative; z-index: 10000; } #content textarea.editor.wide { width: 914px; height: 380px; } #content div.table table { width: 982px; margin: -1px 0 18px -1px; } #content div.table table td { padding: 14px 18px; font-size: 14px; border: 1px solid #888; font-weight: bold; } #content div.table table td.link { text-align: center; } #content div.table table td.link:hover { background: #e5e5e5 url(../images/layout/table_link_hover.gif) top repeat-x; } #content div.table table h3 { color: #cc9966; font-weight: bold; } #content div.table table a { text-decoration: none; } #content div.table table a.izdvojeni { color: #399150; } #content div.table table a.izbrisi { color: #e33040; } #content div.table table a.edit { color: #6188c0; } #content div.table table a.normal { color: #ff6600; } #content div.table table.links .item-1 { width: 685px; } #content div.table table.links .item-1 h3 { margin-bottom: 5px; } #content div.table table.korisnici .item-1 { width: 365px; } #content div.table table.korisnici .item-2 { width: 165px; } #content div.table table.korisnici .item-3 { width: 180px; } #content div.table table.clanci .item-1 { width: 130px; } #content div.table table.clanci .item-2 h3 a { color: #cc9966; text-decoration: none; } #content div.table table.clanci .item-2 h3 a:hover { text-decoration: underline; } #content div.table table.clanci .item-2 { width: 620px; } #content .photo { float: left; margin-right: 15px; padding: 10px; background: #ddd; } #content .photo img { display: block; border: 1px solid #fff; } .pagination { margin-left: 287px; } .pagination li { display: inline; } .pagination li a { color: #666; font-weight: bold; font-size: 14px; display: block; float: left; width: 34px; height: 26px; background: url(../images/layout/pagination_item.gif) no-repeat; text-align: center; text-decoration: none; padding-top: 8px; margin-right: 5px; } .pagination li a span { color: #999; } .pagination li a:hover { background: url(../images/layout/pagination_item_hover.gif) no-repeat!important; } .pagination li.active a { color: #e33040; } .pagination li.wide a { background: url(../images/layout/pagination_item_wide.gif) no-repeat; width: 100px; } .pagination li.wide a:hover { background: url(../images/layout/pagination_item_wide_hover.gif) no-repeat!important; } #article-nav { width: 998px; height: 51px; background: url(../images/layout/articles_nav.png) no-repeat; padding: 18px 0 0 18px; } #article-nav li { display: block; float: left; background: url(../images/layout/articles_nav_divider.gif) top right no-repeat; padding-right: 2px; } #article-nav li a { font-size: 16px; font-weight: bold; text-decoration: none; color: #399150; height: 34px; padding: 16px 18px 0 18px; display: block; float: left; } #article-nav li a.active { text-decoration: underline; } #article-nav li a:hover { color: #2b753e; } #footer { font-size: 14px; color: #333; text-align: center; text-shadow: 1px 1px 1px #e6e6e6; margin-bottom: 30px; }