/* ======================================================================== Theme hooks ========================================================================== */ /* General */ html { font: 400 15px / 22px 'Roboto', sans-serif; /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 3 */ background: #efeff1; color: #62615f; } /* Removes default margin */ body { padding-left: 0; padding-right: 0; background-color: transparent; font: inherit; color: inherit; margin: 0; } /* Container */ .uk-container { max-width: 1360px; padding: 0 30px; } strong { font-weight: 700; } em { color: #62615f; } a { color: #c40b2d; text-decoration: none; cursor: pointer; } .uk-link { color: #c40b2d; text-decoration: underline; cursor: pointer; } a:hover, a:active, a:focus { text-decoration: none; color: #231f20; } .uk-link:hover, .uk-link:active, .uk-link:focus { text-decoration: underline; color: #231f20; } /* plugin highlight */ ::selection { background: #62615f; color: #ffffff; text-shadow: none; } .highlight { background: #c40b2d; color: #fff; padding: 0px 4px; } /* Panel variations */ .uk-panel >:not(.uk-panel-title):last-child { margin-bottom: 0px; } .uk-block-primary { background: #9c1519; } .uk-block-secondary { background: #FFF7F5; } .uk-block-header .uk-panel-box { background-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .uk-block-header .uk-panel-box h4 { margin-bottom: 0; } /* bootstrap nad theme hacking */ .pretraga .controls > .radio:first-child, .pretraga .controls > .checkbox:first-child { padding-top: 0; } .pretraga .uk-form input[type="radio"], .pretraga .uk-form input[type="checkbox"] { display: inline-block; height: 14px; width: 14px; border: 1px solid #aaaaaa; overflow: hidden; margin-top: 4px; vertical-align: middle; -webkit-appearance: none; outline: 0; background: transparent; } /* ======================================================================== Editing Layout ========================================================================== */ /* User pages */ .user .tm-content { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; } .user .login { border: none; box-shadow: none; padding: 0 30px 0 !important; background: #ffffff; overflow: hidden; border-radius: 0; box-shadow: none; } .user h2 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; } .user .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .user p { text-align: justify; } .user legend { color: #231f20; font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; } .user .well { border: none; box-shadow: none; padding: 0px !important; background: #ffffff; overflow: hidden; border-radius: 0; box-shadow: none; margin-bottom: 0; } .user .btn { font-size: 12px; } .user td.ig_order input { float: right; width: 40px; padding: 2px 5px; border-radius: 0; } .user .login-image { width: 200px; padding-bottom: 30px; } .user .logout-image { width: 200px; padding-bottom: 30px; } /* Login page */ .user .de-form input[type="text"], .user .de-form input[type="password"] { text-align: center; } .user .de-form .control-label label { text-transform: uppercase; font-size: 12px; font-weight: normal; line-height: 18px; } .user .de-form .control-group.check { margin-bottom: 15px; text-align: center; width: 110px; margin-left: auto; margin-right: auto; } .user .de-form .control-label.check { float: left; width: 75px; padding-top: 5px; text-align: left; margin: 25px 0 0; } .user .de-form .controls.check { margin-left: 0; } .user .de-form .control-group .check input { height: 18px; min-height: 18px !important; line-height: 18px; margin: 30px 0 0; } .user .de-form .check input[type="checkbox"] { width: auto; } .user ul.nav.nav-tabs { margin-top: 0 !important; margin-bottom: 20px !important; margin-right: 30px !important; margin-left: 30px !important; padding: 0 !important; float: none; } .user ul.nav.nav-tabs li { margin-top: 3px; } .user ul.nav.nav-tabs li a { padding: 0 !important; text-decoration: none !important; color: #2d3d51 !important; text-align: center; text-transform: uppercase; border: 1px dashed #c40b2d !important; padding: 2px 12px !important; margin: 0 0 5px !important; font-size: 11px; display: block; } .user ul.nav.nav-tabs li a:hover, .user ul.nav.nav-tabs li a:focus { color: #ffffff !important; text-decoration: none !important; background-color: #9c1519 !important; } /* Edit article */ .catEdit { } span.itemEditLink, span.catItemEditLink, span.userItemEditLink, span.userItemAddLink { float: none; display: block; padding: 0; margin: 0 0 20px; width: 120px; text-align: center; } span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink a { background: #c40b2d; border-radius: 3px; color: #fff; display: block; font-family: 'Roboto', sans-serif; font-size: 10px; line-height: 20px; font-weight: 400; list-style: outside none none; margin: 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; } span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover, span.userItemAddLink a:hover { background: #231f20; color: #fff; } /* Special Access Pages */ .tm-isblog.special .tm-article.tm-article-box { background: transparent; border-radius: 0; box-shadow: none; padding: 0; border: 0 none transparent; } .tm-isblog.special h5.de-h5 { margin-top: 20px; line-height: 24px; font-size: 16px; } .tm-isblog.special .de-small { font-size: 11px; line-height: 15px; margin: 15px 25px; } .tm-isblog.special .de-color { color: #c40b2d; margin-top: 15px; font-size: 30px; } /* BT Login */ .uk-notouch .btl-content-block { background: #ffffff; border-radius: 0px; border: 0px none transparent; box-shadow: 8px 2px 18px rgba(0, 0, 0, 0.4); height: auto; text-align: left; font-size: 12px; position: relative; } .uk-notouch #btl-content #btl-content-login { width: 300px; } .uk-notouch #btl-content #btl-content-login .btl-label { line-height: 12px; min-width: 0px !important; display: block; text-transform: uppercase; font-size: 12px; height: 12px; text-align: center; float: none !important; } .uk-notouch #btl-content-login .btl-input input { background-color: #f7f5f5; border: 1px solid #eeebeb; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; height: auto; margin-bottom: 2px; padding: 0.34rem 0rem; text-align: center; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 100%; } .uk-notouch .btl-label { height: 18px; min-height: 12px !important; line-height: 12px; } .uk-notouch .btl-input { float: none !important; line-height: 35px; height: 35px; margin-bottom: 10px; } .uk-notouch input.btl-buttonsubmit, .uk-notouch button.btl-buttonsubmit { background: #9c1519; border: none !important; color: #fff; cursor: pointer; text-align: center !important; text-shadow: none; width: 100% !important; padding: 0 12px; height: 30px !important; line-height: 30px !important; display: inline-block; text-transform: uppercase; font-size: 11px; border-radius: 0; } #btl-content div.btl-buttonsubmit { border-top: 0px none transparent; } #btl-content-login ul { position: relative !important; text-align: center; list-style-type: none !important; } #btl-input-remember { margin-bottom: 0px; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 20px; height: 20px; } input#btl-checkbox-remember { width: 11px !important; vertical-align: middle; padding: 0; margin: 0 3px 0 0; } #btl-content ul#bt_ul { margin-top: 0 !important; margin-bottom: 20px !important; margin-right: 25px !important; margin-left: 25px !important; padding: 0 !important; float: none; } #btl-content ul#bt_ul li a { padding: 0 !important; text-decoration: none !important; color: #2d3d51 !important; text-align: center; text-transform: uppercase; border: 1px dashed #c40b2d !important; padding: 2px 12px !important; margin: 0 0 5px !important; font-size: 10px; display: block; } #btl-content ul#bt_ul li a:hover, #btl-content ul#bt_ul li a:focus { color: #ffffff !important; text-decoration: none !important; background-color: #9c1519 !important; } .uk-notouch .btl-content-block #module-in-profile { min-width: 250px; } .uk-notouch .btl-content-block h3 { ; background: #9c1519; font-weight: 400; line-height: 45px; margin: 0px; padding: 0 !important; text-transform: uppercase; font-size: 16px; color: #FFF; text-align: center; } .uk-notouch .btl-content-block button.btl-buttonsubmit { background: #9c1519; border: none !important; color: #fff; cursor: pointer; text-align: center !important; text-shadow: 0 1px 1px #4A4A4A; width: 100% !important; padding: 0 12px; height: 29px !important; line-height: 29px !important; display: inline-block; text-transform: uppercase; font-size: 11px; border-radius: 0; } .uk-notouch .btl-content-block div.btl-buttonsubmit { text-align: center !important; padding: 5px 0 0 0 !important; border-top: 0px none transparent; margin: 10px 25px; } .uk-notouch #btl-content-profile ul.menu li { background: none; padding: 0 !important; border-bottom: 0px none transparent; display: block !important; line-height: 25px; list-style: none; } .uk-notouch #btl-content #btl-content-profile #module-in-profile ul li a { color: #2d3d51; text-decoration: none !important; text-transform: uppercase !important; font-family: "Roboto", sans-serif; } .uk-notouch #btl-content-profile.btl-content-block ul.menu li a { color: #2d3d51 !important; border: 1px dashed #c40b2d !important; background: #fff !important; display: block !important; padding: 2px 12px !important; margin: 0 0 5px !important; text-transform: uppercase !important; font-size: 11px; text-align: center; } .uk-notouch #btl-content-profile.btl-content-block ul.menu li a:hover, .uk-notouch #btl-content-profile.btl-content-block ul.menu li a:focus, .uk-notouch #btl-content-profile.btl-content-block ul.menu li.active a { color: #fff !important; text-decoration: none; !important; background-color: #9c1519 !important; outline: none; } /* ======================================================================== Layout ========================================================================== */ /* topbar */ .topbar-wrap {} .topbar-wrap .uk-panel {display: block;position: revert;} .topbar-wrap .ja-promo-bar .inner { height: 55px; background-color: #ffffff; } .topbar-wrap #ja-promo-bar-269 .buttons span { background-color: #9c1519; color: #fff; } .ja-promo-bar .inner { box-sizing: border-box; height: 55px; background-color: #ffffff; color: #423d3d; border-bottom: 3px solid #000000; padding: 10px 0; position: relative; text-align: center; font-size: 12px; } .topbar-wrap .ja-promo-bar .inner .button { border-radius: 3px; padding: 5px 15px; border: 0; font-size: 10px; box-shadow: none; line-height: 15px; letter-spacing: 0.5px; text-shadow: none; text-transform: uppercase; } .topbar-wrap .ja-promo-bar .buttons span { background-color: #9c1519; color: #fff; margin-top: 0px; } /* tm-toolbar */ .tm-toolbar { background: #fff url("../images/topbar-back.jpg") no-repeat right top; box-sizing: border-box; color: #fff; font-size: 15px; height: 80px; padding: 10px 0; } .tm-toolbar a { color: #fff; font-size: 10px; font-weight: 500; line-height: 16px; text-transform: uppercase; margin: 3px 2px; padding: 3px 8px; display: inline; } .tm-toolbar a:hover, .tm-toolbar a:focus, .tm-toolbar a:active { background: #ffffff; color: #444; } .tm-toolbar [class*="uk-icon-"] { margin: 0 3px 0 10px; } .tm-toolbar a.de-social { background: #bf1e22; border: 1px solid #711014; border-radius: 3px; box-sizing: border-box; color: rgb(254, 254, 254); display: inline-block; font-size: 10px; height: 20px; line-height: 16px; margin: 3px 0; padding: 1px; text-align: center; width: 25px; } .tm-toolbar a.de-social:hover { background-color: #fff; border: 1px solid rgb(77, 14, 14); color: #444; } .tm-toolbar a.de-lang { background: #bf1e22; border: 1px solid #711014; border-radius: 3px; box-sizing: border-box; color: rgb(254, 254, 254); display: inline-block; font-size: 10px; height: 20px; line-height: 16px; margin: 3px 0; padding: 1px; text-align: center; width: 38px; } .tm-toolbar a.de-lang:hover { background-color: #fff; border: 1px solid rgb(77, 14, 14); color: #444; } .tm-toolbar .uk-float-right .uk-panel { float: right; margin: 0; } .tm-toolbar .uk-subnav > .uk-active > * { color: #c40b2d; } /* de-top-meni */ .tm-toolbar .de-top-meni .uk-subnav.uk-subnav-line { margin-left: 0px; } /* uk-subnav */ .uk-subnav > * > * { display: inline; color: #62615f; } .uk-subnav-line > *:nth-child(n+2)::before { border-left: 1px solid rgba(225, 225, 225, 0.75); margin-right: 5px; } .uk-subnav > * { -ms-flex: none; -webkit-flex: none; flex: none; padding-left: 5px; margin-top: 20px; position: relative; } .uk-subnav > .uk-active > * { background: #fff; } /* uk-search */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox { background-color: #f7f5f5; background-image: none; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: inline; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } input#title, input#alias, select#jformig_category { width: 100%; } input#featured0, input#featured1, input#published0, input#published1 { width: auto; } .uk-search::before { color: #fcfcff; content: '\e904'; font-family: "Monday"; font-size: 16px; font-weight: bold; left: 0; line-height: 25px; position: absolute; text-align: center; top: 0; width: 30px; } input.uk-search-field { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0; box-shadow: none; box-sizing: border-box; color: #ffffff; cursor: pointer; font-size: 15px; height: 25px; line-height: normal; margin: 0; padding: 0 0 0 30px; position: relative; transition: all 0.2s linear 0s; width: 40px; z-index: 1; } .uk-dropdown-search { width: 350px; margin-top: 0; background: #ffffff; color: #9a9a9c; padding: 20px; } .uk-nav-search > li > a { color: #444; } .uk-nav-search > li > a { background: rgba(0, 0, 0, 0); color: #444; outline: none; font-size: 13px; line-height: 16px; padding: 10px; } .uk-nav-search > li > a > div { font-size: 10px; line-height: 14px; margin: 5px 0 0; } .uk-nav-search > li.uk-active > a { background: rgba(0, 0, 0, 0.5); color: #fff; } .uk-nav-search > li.uk-active > a > div { } /* tm-navbar */ .tm-navbar { background: #ffffff url("../images/header-back.png") no-repeat right 25px; border-bottom: 4px solid #a00826; position: relative; z-index: 6; margin: 0; padding: 0; height: auto; } nav.uk-visible-large{ margin: 30px 0 10px 0; padding: 0; } nav.uk-visible-large #srb.uk-navbar-nav { min-width: 915px; padding-left: 0; } nav.uk-visible-large #eng.uk-navbar-nav { min-width: 835px; padding-left: 10px; } /* uk-navbar */ .uk-navbar { background: transparent; color: #474538; padding-top: 0px; padding-bottom: 15px; } .uk-navbar-nav > li { vertical-align: middle !important; } .uk-navbar-nav > li.uk-parent > a:before { content: "\f107"; font-family: "FontAwesome"; display: block; float: right; margin-left: 10px; } .uk-navbar-nav > li > a { box-sizing: border-box; color: #CC0000; display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; text-transform: uppercase; height: 50px; line-height: 16px; max-width: 150px; padding: 0 10px; transition: all 0.3s ease 0s; } .uk-navbar-nav > li > a.nastavni-kadar { min-width: 110px; max-width: 110px; } .uk-navbar-nav > li > a.razvoj { min-width: 105px; max-width: 105px; } .uk-navbar-nav > li > a.naucni-rad { min-width: 120px; max-width: 120px; } .uk-navbar-nav > li > a.saradnja { min-width: 145px; max-width: 145px; } /* EN uk-navbar */ .uk-navbar-nav > li > a.about { min-width: 110px; max-width: 110px; } .uk-navbar-nav > li > a.faculty-staff { min-width: 95px; max-width: 95px; } .uk-navbar-nav > li > a.teaching-staff { min-width: 105px; max-width: 105px; } .uk-navbar-nav > li > a.studies { min-width: 105px; max-width: 105px; } .uk-navbar-nav > li > a.development { min-width: 130px; max-width: 130px; } .uk-navbar-nav > li > a.scientific { min-width: 110px; max-width: 110px; } .uk-navbar-nav > li > a.cooperation { min-width: 140px; max-width: 140px; } /* uk-nav-navbar */ .uk-nav-navbar > li > a { color: #59595e; padding-left: 30px; padding-right: 30px; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; text-transform: uppercase; } .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus, .uk-nav-navbar > li > a:active { background: #A80000; color: #fff; outline: none; } .uk-nav-navbar > li.uk-active > a { background: #555; color: #fff; } .uk-nav-navbar > li.uk-active > a:hover { background: #A80000; color: #fff; } .uk-nav-navbar .uk-nav-header { color: #111; padding-left: 30px; padding-right: 30px; } .uk-nav-navbar .uk-nav-divider { border-top: 1px solid #dddddd; } .uk-nav-navbar ul a { color: #9a9a9c; } .uk-nav-navbar ul a:hover { color: #111; } .uk-nav-navbar ul.uk-nav-sub li.uk-active > a { color: #fff; } .uk-navbar-nav > li.uk-active > a { background-color: rgba(0, 0, 0, 0); color: #444; } /* uk-dropdown */ .uk-dropdown-navbar { background: #fff; color: #a00826; margin-top: 4px; box-shadow: 0 2px 15px 0 rgba(151, 151, 163, 0.25); } .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { border-left: 1px solid rgba(138, 133, 133, 0.25); } /* Close 3rd-level sub-menu items and make them expand when hovering over their parent */ .uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; } .uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; } /* Add an "arrow" icon to show that there ARE sub-menu items: */ .uk-nav-navbar > .uk-parent > a:after { content: "\f104"; font-family: "FontAwesome"; display: block; float: right; margin-left: 10px; } /* Change the arrow icon while the sub-menu items are expanded */ .uk-nav-navbar > .uk-parent:hover > a:after { content: "\f105"; } .uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; } .uk-nav-navbar > .uk-parent > a:after { content: "\f107"; font-family: "FontAwesome"; display: block; float: right; } .uk-nav-navbar > .uk-parent { position: relative; transition: all 0.3s ease 0s; } .uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; background: #A80000; color: #fff; width: 270px; margin-top: -55px; padding: 25px; position: absolute; left: 270px; z-index: 1; transition: all 0.3s ease 0s; } .uk-nav.uk-nav-navbar .uk-nav-sub { padding-left: 35px; padding-right: 30px; } .uk-nav-navbar ul a { color: #fff; font-size: 12px; padding-top: 3px; text-transform: uppercase; } .uk-nav-navbar ul a:hover { color: #f5f5f5; } /* Custom hack for -O NAMA- Menu */ .uk-nav-navbar > .uk-parent:hover > a:after { content: "\f105"; } .uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; } .uk-nav-navbar > .uk-parent > a:after { content: "\f107"; font-family: "FontAwesome"; display: block; float: right; } .uk-nav-navbar > .uk-parent { position: relative; transition: all 0.3s ease 0s; } .uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; background: #A80000; color: #fff; width: 330px; margin-top: -55px; padding: 25px; position: absolute; left: 270px; z-index: 1; transition: all 0.3s ease 0s; } .uk-nav.uk-nav-navbar .uk-nav-sub { padding-left: 35px; padding-right: 30px; } .uk-nav-navbar ul a { color: #fff; font-size: 12px; padding-top: 3px; text-transform: uppercase; } .uk-nav-navbar ul a:hover { color: #f5f5f5; } /* Sticky */ .header-wrap { z-index: 99; } .top-wrap-a .tm-top-a { z-index: -1; } .uk-sticky-placeholder { transition: all 0.32s ease-in-out 0s; max-height: 149px; } .uk-sticky-placeholder .uk-navbar { transition: all 0.32s ease-in-out 0s; min-height: 100px; } .uk-sticky-placeholder .tm-navbar .tm-logo { margin-right: 30px; } .uk-sticky-placeholder .tm-navbar .tm-logo img { transition: all 0.32s ease-in-out 0s; margin-left: 0; margin-top: 0; width: 220px; } .uk-sticky-placeholder .uk-active .tm-logo { margin-right: 20px; margin-left: 20px; } .uk-sticky-placeholder .uk-active .tm-logo img { margin-right: 0; margin-top: -5px; width: 150px; transition: all 0.32s ease-in-out 0s; } /* navbar */ .uk-sticky-placeholder nav.uk-visible-large { margin-left: 0; margin-right: 0; } .uk-sticky-placeholder .uk-active { transition: all 0.32s ease-in-out 0s; max-height: 90px; } .uk-sticky-placeholder .uk-active .uk-navbar { padding-bottom: 0; padding-top: 0; transition: all 0.32s ease-in-out 0s; min-height: 80px; } .uk-sticky-placeholder .uk-active nav.uk-visible-large { margin-bottom: 0; margin-top: 15px; } .uk-sticky-placeholder .uk-active nav.uk-visible-large #srb.uk-navbar-nav { min-width: 925px; padding-left: 20px; } .uk-sticky-placeholder .uk-active nav.uk-visible-large #eng.uk-navbar-nav { min-width: 865px; padding-left: 40px; } /* logo univerzitet */ .de-flex { width: 140px; float: left; text-align: left; } .uk-sticky-placeholder .tm-navbar .tm-logo-uni { margin-left: 0; float: none; text-align: left;} .uk-sticky-placeholder .tm-navbar .tm-logo-uni img { transition: all 0.32s ease-in-out 0s; margin-left: 0; margin-top: 0px; width: 101px; } .uk-sticky-placeholder .uk-active .tm-logo-uni { margin-right: 0; margin-left: 0; float: none; text-align: left;} .uk-sticky-placeholder .uk-active .tm-logo-uni img { margin-left: 20px; margin-top: -5px; width: 70px; transition: all 0.32s ease-in-out 0s; } /* Middle wrap */ .top-wrap-d { padding-top: 0; padding-bottom: 0; } .middle-wrap { background: #efeff1; padding-top: 30px; padding-bottom: 30px; } .bottom-wrap-a .tm-bottom-a { background: #efeff1; padding-top: 30px; padding-bottom: 30px; } .bottom-wrap-b { background: #efeff1; padding-top: 0; padding-bottom: 30px; } .bottom-wrap-c { background: #fff; padding-top: 70px; padding-bottom: 70px; } /* Parallax */ .parallax { background-attachment: fixed; background-clip: initial; background-color: #fff; background-image: url("../images/parallax.jpg"); background-origin: initial; background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.1) inset; float: none; padding: 130px 0; text-align: center; width: 100%; } .parallax h2 { color: #fff; font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 500; line-height: 34px; text-shadow: 0 2px 4px #000000; text-transform: uppercase; } .parallax p { color: #fff; font-size: 18px; margin-top: 30px; margin-bottom: 50px; text-shadow: 0 1px 2px #000000; line-height: 26px; padding: 0 20%; } .button.transp { background: rgba(51, 52, 66, 0.75); border-radius: 3px; color: #fff; font-size: 12px; padding: 12px 24px; text-transform: uppercase; transition: all 0.3s ease 0s; } /* Block footer */ .block-wrap .uk-block { padding-top: 70px; padding-bottom: 40px; } .block-wrap .tm-block-footer-bg { background: #fff; margin-top: 0; } .block-wrap .uk-panel-title { font-family: "Roboto"; font-size: 17px; line-height: 23px; margin-bottom: 35px; margin-top: 0; text-transform: uppercase; } .block-wrap .uk-article-meta { font-weight: 400; letter-spacing: 0.1px; line-height: 18px; text-align: right; text-transform: uppercase; font-size: 11px; } .block-wrap .uk-article-meta span { font-size: 14px; } .tm-block-footer .uk-article-meta { color: #555; } /* Block footer modules */ .block-footer-border { margin-bottom: 0px; padding: 9px 20px; float: right; width: 250px; text-align: center; } .block-footer-img-border { border: 1px solid #efece1; margin: -25px 0 0 15px; padding: 9px; } /* Breadcrumbs */ .breadcrumbs-wrap { height: 65px; background: #efeff1 url("../images/footer-back.jpg") no-repeat left bottom;} .uk-breadcrumb { font-size: 0.001px; font-weight: 400; letter-spacing: 0; list-style: outside none none; padding: 10px 0 40px; text-transform: uppercase; margin: 0; } .uk-breadcrumb a { color: #090909; } .uk-breadcrumb a:hover { color: #62615f; } .uk-breadcrumb .uk-active > span { color: #62615f; } .uk-breadcrumb > li { font-size: 11px; vertical-align: top; } .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; } .uk-breadcrumb > li:nth-child(n+2):before { content: '||'; display: inline-block; margin: 0 15px; color: #9a9a9c; } /* Footer */ .footer-wrap { background: #9c1519; margin: 0; } .tm-footer { background: transparent; box-sizing: border-box; color: #ffffff; font-size: 14px; padding: 25px 0 35px; margin-top: 0px; } .tm-footer a { color: #ffffff; } .tm-footer a:hover { color: #f7cfcf; } .tm-footer .uk-link { color: #fff; cursor: pointer; font-weight: 400; text-decoration: none; } .tm-footer-left { float: left; text-align: left; width: 50%; } .tm-footer-right { float: right; padding-bottom: 5px; text-align: right; width: 45%; margin-right: -15px; margin-top: -15px; } /* Top Scroller */ .tm-footer-top { position: relative; height: 5px; } .tm-footer-top .tm-totop-scroller { background: #9c1519; border-radius: 0; float: right; font-family: "FontAwesome"; padding: 12px 16px; position: absolute; right: 30px; top: -60px; transition: all 0.2s ease-in-out 0s; z-index: 100; width: 46px; height: 42px; } .tm-totop-scroller::before { color: #fff; content: "\f077"; font-family: "FontAwesome"; font-size: 16px; } .tm-footer-top .tm-totop-scroller:hover, .tm-totop-scroller:focus { color: #fff; background: #5f0003; } /* DENODE */ .denode { float: right; font-size: 10px; margin-bottom: 5px; margin-right: 45px; margin-top: 5px; text-align: right; width: 100%; } /* ======================================================================== Modules, tables and buttons ========================================================================== */ /* Meni EN - sidebar */ .de-meni-eng h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #2d3d51; font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; position: relative; text-transform: uppercase; } .de-meni-eng li.uk-parent a { font-size: 13px; text-transform: uppercase; } .de-meni-eng .uk-parent .uk-nav-sub a { font-size: 11px; line-height: 18px; text-transform: uppercase; } .de-meni-eng .uk-nav-side > li > a:hover, .de-meni .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0); color: #c40b2d; outline: none; } .de-meni-eng .uk-nav-side > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #c40b2d; } /* Meni SR - sidebar */ .de-meni h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #2d3d51; font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; position: relative; text-transform: uppercase; } .de-meni li a { font-size: 12px; text-transform: uppercase; padding: 6px 0; } .de-meni .uk-nav-side > li > a:hover, .de-meni .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0); color: #c40b2d; outline: none; } .de-meni .uk-nav-side > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #c40b2d; } .de-meni .uk-parent .uk-nav-sub a { font-size: 11px; line-height: 18px; text-transform: uppercase; padding: 2px 0; } .de-meni .uk-parent .uk-nav-sub > li.uk-active > a { color: #444; } .de-meni .uk-nav-side .uk-parent .uk-nav-sub .uk-parent li.uk-active a { color: #444; } /* No stripes */ table.nostripes { border: 1px solid #F2F2F2; color: #404040; background: #FFFFFF; border-collapse: collapse; margin-bottom: 10px; } table.nostripes caption { padding: 6px 0; font-size: 1.2em; font-weight: 500; text-transform: uppercase; text-align: center; } table.nostripes td.predmet { border: 1px solid #F2F2F2; padding: 0px 10px 0 5px; vertical-align: baseline; } table.nostripes td { border: 1px solid #F2F2F2; padding: 5px 10px 5px 10px; } table.nostripes td p { margin: 9px 0px; } table.stripes th { border: 1px solid #F2F2F2; padding: 5px 10px; } table.nostripes thead th { border: none; background: #FFFAFA; padding: 4px 10px; color: #696969; text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 11px; } table.nostripes tbody th, table.nostripes tbody td { text-align: left; vertical-align: center; font-size: 12px; font-weight: 400; } table.nostripes tbody tr.odd { background-color: #FFFAFA; } table.nostripes tbody tr.odd a, table.nostripes tbody tr a { } table.nostripes tbody tr:hover, table.nostripes tbody tr.odd:hover { font-weight: 600; font-weight: bold; } table.nostripes tbody tr:hover th, table.nostripes tbody tr.odd:hover th { background: #FFFFFF; font-weight: 700; } table.nostripes tbody tr:hover td, table.nostripes tbody tr.odd:hover td { background: url(../images/grid_bg.png) repeat top center; } table.nostripes tfoot th, table.nostripes tfoot td { border: none; padding: 4px 10px; background: #FFFFFF url(../images/grad-l1-trans.png) repeat; color: #000000; font-size: 1.1em; } table.nostripes tfoot td { text-align: left; } /* custom old buttons - predmeti */ a.de-button3 { margin-top: 3px; border-radius: 2px; border-color: transparent; color: #404040; line-height: 16px; padding: 4px 12px; float: left; vertical-align: baseline; } a:hover.de-button3 { margin-top: 3px; border-radius: 2px;/*border: 1px solid #CC6633; */ color: #FFFFFF; display: inline; line-height: 16px; list-style: none outside none; text-align: left; text-decoration: none; float: left; background: #c40b2d; } a.de-button4 { margin-top: 3px; border-radius: 0px; border-color: transparent; color: #404040; line-height: 16px; padding: 4px 12px; float: left; vertical-align: baseline; } a:hover.de-button4 { margin-top: 3px; border-radius: 2px;/*border: 1px solid #CC6633; */ color: #FFFFFF; display: inline; line-height: 16px; list-style: none outside none; text-align: left; text-decoration: none; float: left; background: #c40b2d; } a.de-button5 { margin-top: 3px; border-radius: 0px; border-color: transparent; color: #404040; line-height: 16px; padding: 4px 12px; float: left; vertical-align: baseline; } a:hover.de-button5 { margin-top: 3px; border-radius: 2px;/*border: 1px solid #CC6633; */ color: #FFFFFF; display: inline; line-height: 16px; list-style: none outside none; text-align: left; text-decoration: none; float: left; background: #c40b2d; } /* Buttons */ .tm-button-arrow:before { font-family: 'Monday'; content: "\e600"; font-size: 11px; line-height: 15px; } .btn-primary, .btn-info, .btn-inverse { background-color: #c40b2d; color: #ffffff; box-shadow: none; } .btn-primary:hover, .btn-info:hover, .btn-inverse:hover { background-color: #231f20; color: #ffffff; box-shadow: none; } .btn-primary:active, .btn-primary.active, .btn-info:active, .btn-info.active, .btn-inverse:active, .btn-inverse.active { background-color: #364b17; color: #ffffff; box-shadow: none; } /* Readmore button */ .uk-button-readmore { -webkit-appearance: none; margin: 0; /*border: 1px solid #e7e7e7;*/ overflow: visible; font: inherit; color: #444; text-transform: uppercase; display: inline-block; box-sizing: border-box; background: #ffffff; vertical-align: middle; line-height: 20px; min-height: 20px; font-size: 10px; text-decoration: none; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 4px 12px/* 4px 60px*/; float: right; border-radius: 2px; position: relative; transition: all .3s ease-in-out; /* not fit */ box-shadow: 0 1px 3px 0px rgba(160, 167, 169, 0.45); /* box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); worse */ } .uk-button-readmore:hover, .uk-button-readmore:focus { background: #c40b2d; color: #fff; text-decoration: none; cursor: pointer; padding: 4px 12px 4px 60px; border-radius: 3px;} /*.uk-button-readmore::before { content: url("../images/before-white-arrow.png"); left: 0; top: 0; position: relative; }*/ .uk-button-readmore:hover::before, .uk-button-readmore:focus::before { content: url("../images/before-white-arrow.png"); left: 0; top: 0; position: absolute; } /* de-button - vazno! nalazi se i u tabelama za studijski program */ .de-button { background: #c40b2d; border-radius: 2px; color: #ffffff; display: block; font-family: 'Roboto', sans-serif; font-size: 10px; line-height: 20px; list-style: outside none none; margin: 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; } .de-button:hover, .de-table .de-button:focus, .de-table .de-button:active { background: #231f20; color: #fff; } /* de-standard-button */ .de-standard-button { -webkit-appearance: none; background: #c40b2d; margin: 0; border: none; border-radius: 3px; box-shadow: none; font-weight: 500; color: #ffffff; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 20px; min-height: 20px; list-style: outside none none; margin: 0; padding: 5px 15px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; } .de-standard-button:hover, .de-standard-button:focus, .de-standard-button:active { background: #231f20; color: #fff; } /* uk-button i uk-button-primary */ .uk-button { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: #62615f; text-transform: none; display: inline-block; box-sizing: border-box; background: #ffffff; vertical-align: middle; line-height: 20px; min-height: 20px; font-family: 'Roboto', sans-serif; font-size: 10px; text-decoration: none; text-align: center; box-shadow: 0 1px 3px 0px rgba(160, 167, 169, 0.45); font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 5px 15px; border-radius: 2px; transform: none; } .uk-button-primary { background-color: #c40b2d; box-shadow: none; color: #ffffff; } .uk-button-primary:hover, .uk-button-primary:focus { background-color: #231f20; box-shadow: none; color: #ffffff; } .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #c40b2d; box-shadow: none; color: #ffffff; } /* uk button mini */ .uk-button-mini { min-height: 14px; padding: 0 8px; line-height: 18px; font-size: 8px; margin: 0 5px; } /* Drustvene mreze */ .uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 0; background: rgba(0, 0, 0, 0); line-height: 35px; color: #575757; font-size: 15px; text-align: center; border: 1px solid #575757; border-radius: 2px; } .uk-icon-button:hover, .uk-icon-button:focus { background-color: rgb(172, 15, 15); color: #fff; outline: none; border-color: #c10000; } /* de-table */ .de-table { border: 1px solid #f5f5f5; } .de-table thead th { background: #c40b2d; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; } .de-table tbody th { background: #c40b2d; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; padding: 0; } .de-table tbody tr { border-bottom: 1px solid #f5f5f5; padding: 0px 10px; } .de-table td { padding: 8px; line-height: 22px; text-align: left; vertical-align: top; border-top: 1px solid #f5f5f5; } .de-table td { font-size: 12px; vertical-align: middle; text-transform: uppercase; } .de-table p { margin: 0 } /* variacija de-table */ .de-table.header th, .naucni-rad .de-table.header td { padding: 8px 16px; } /* stackable table */ .de-table td.st-key { display: none; } .de-table td.st-val { width: 100%; } /* de-studije modul */ .de-studije { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .de-studije h3 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; } /* sidebar module de-brosura */ .de-brosura p { text-align: center; font-size: 13px; line-height: 18px; } /* ======================================================================== Pages ========================================================================== */ /* General content */ .tm-content .uk-h3 { font-size: 22px; line-height: 22px; text-transform: uppercase; } .tm-isblog .tm-article.tm-article-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; } .tm-article.tm-article-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; } .uk-article-title { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; } .tm-article.tm-article-box .line1 { float: left; width: 100%; padding-top: 30px; margin-bottom: 30px; background: url(../images/h-line5.png) no-repeat center bottom; text-align: center; } /* NEW General content */ .tm-isblog .tm-article.tm-article-box { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 65px 60px 45px; background: #fff url("../images/article-top-back.png") no-repeat right top; border-top: 4px solid #4c4d4f; } .tm-isblog .intro-article .tm-article.tm-article-box { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 55px 60px 40px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Alumni kalendar stranica */ .tm-isblog.alumni-kalendar .tm-article.tm-article-box { background: transparent; padding: 0px; border-radius: 0; box-shadow: none; border: 0 none transparent; } .nobosscalendar--model1 { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .cbPoweredBy {display: none;} /* Naslovna */ .naslovna .middle-wrap { padding-top: 30px; padding-bottom: 0; } .naslovna .tm-main-top .uk-panel h3.uk-h3, .naslovna .tm-main-bottom .uk-panel h3.uk-h3 { font-size: 20px; line-height: 25px; text-transform: uppercase; } .naslovna h3.uk-panel-title { font-size: 14px; font-weight: normal; line-height: 21px; margin-bottom: 20px; text-transform: uppercase; } .naslovna .de-slideshow .tm-slideshow-panel-monday .uk-panel-body { padding: 30px; font-size: 14px; } /* de-news modul */ .naslovna .de-news { padding: 0 0 30px; } .naslovna .de-news .uk-panel-box { padding: 25px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .naslovna .de-news .uk-overlay-scale { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; object-fit: cover; height: 160px; } /* de-novosti modul */ .naslovna .de-novosti .uk-panel-box { padding: 25px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .naslovna .de-novosti .uk-overlay-scale { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; object-fit: cover; height: 160px; } .naslovna .de-novosti h3.uk-panel-title { padding: 0; margin: 0; font-size: 14px; line-height: 21px; text-transform: uppercase; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px; } .naslovna .de-novosti .uk-panel-box .uk-button.uk-button-primary { margin: 10px 0 0; } /* de-dokumenti modul */ .naslovna .de-dokumenti .uk-panel-box { padding: 30px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .naslovna .de-dokumenti h3.uk-panel-title { padding: 0; margin: 0; font-size: 15px; line-height: 15px; text-transform: uppercase; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 22px; } .naslovna .de-dokumenti .uk-panel-box .uk-margin .de-text { text-transform: uppercase; text-align: center; padding: 0; line-height: 18px; font-size: 12px; margin-bottom: 0; min-height: 70px; } .naslovna .de-dokumenti .uk-panel-box .uk-margin .de-infotext { text-align: center; padding: 0; line-height: 18px; font-size: 18px; margin-bottom: 0; } .naslovna .uk-panel:not(.uk-panel-header) .uk-panel-badge { position: absolute; } .naslovna .de-dokumenti .uk-panel-box .de-infotext .uk-text-small { font-size: 12px; line-height: 16px; } /* uk-badge */ .naslovna .uk-badge { display: inline-block; background: rgba(0, 0, 0, 0); font-size: 10px; font-weight: 400; line-height: 15px; color: #5b7e26; text-align: center; vertical-align: middle; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0; text-align: left; padding: 5px 20px; } .naslovna .uk-panel-box .uk-panel-badge { top: 10px; right: 10px; } .naslovna .uk-badge-warning { background-color: #f48b1b; color: #ffffff; } /* sidebar moduli */ .naslovna .de-link p { font-size: 12px; line-height: 15px; margin-bottom: 0;} .naslovna .de-link .uk-width-medium-7-10 { width: 70%; padding-left: 25px; } .naslovna .de-link .uk-panel-box-hover:hover { color: #9c1519; } /* sidebar de-akademac */ .naslovna .de-akademac { background: #ffffff; } .naslovna .de-akademac .uk-subnav > li > a { background-color: #b11d1d; color: #ffffff; font-size: 10px; display: inline-block; font-size: 10px; font-weight: 400; line-height: 15px; text-align: center; vertical-align: middle; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0; text-align: center; padding: 5px 10px; position: relative; top: 15px; left: 5px; } .naslovna .de-akademac .uk-subnav > li > a:hover { background-color: #f48b1b; color: #ffffff; } .naslovna .de-akademac .uk-subnav > li.uk-active > a { background-color: #b11d1d; color: #ffffff; } .naslovna .de-akademac .uk-position-bottom { bottom: 0; left: 0; right: 0; } .naslovna .de-akademac .uk-panel-teaser { margin-bottom: 0; } .naslovna .de-akademac .uk-margin-top { margin-top: -1px !important; } .naslovna .de-akademac .uk-panel .uk-panel-title { font-size: 14px; padding: 10px 0; margin-bottom: 0px; } .naslovna .de-akademac .uk-margin-top .de-text { font-size: 11px; line-height: 16px; } .naslovna .de-akademac .uk-button-primary { background-color: #c40b2d; box-shadow: none; color: #ffffff; font-size: 8px; padding: 3px 10px; } /* sidebar video modul */ .naslovna .de-video .uk-panel-teaser img { width: 100%; margin: 0; } .naslovna .de-video .uk-panel-teaser .uk-overlay { display: block; position: relative; max-width: 100%; overflow: hidden; -webkit-transform: translateZ(0); margin: 0; } /* sidebar akademac modul */ .naslovna .de-akademac img { width: 100%; margin: 0; } /* video galerija */ .naslovna .igallery_title { font-size: 15px; text-transform: uppercase; } /* bottom-a moduli */ .naslovna .tm-bottom-a h3.uk-panel-title { font-size: 18px; font-weight: normal; line-height: 22px; margin-bottom: 0; margin-top: 0; text-transform: uppercase; } .naslovna .tm-bottom-a .de-vsj .uk-overlay-panel { padding: 15px; } /* Pretraga */ .pretraga .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .pretraga p { text-align: justify; } .pretraga .de-h5 { line-height: 20px; } .pretraga .de-small { font-size: 14px; } .pretraga .uk-badge-info { padding: 0 5px; background: #c40b2d; font-size: 12px; font-weight: 700; line-height: 22px; color: #fff; text-align: center; vertical-align: top; text-transform: uppercase; letter-spacing: 1px; } /* Bibliotecki fond */ .biblioteka .tm-article.tm-article-box h5 { font-size: 14px; line-height: 21px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 5px; } .biblioteka p { text-align: justify; } .biblioteka .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .biblioteka .tm-main-bottom .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Biblioteka sidebar info modul */ .biblioteka .de-info { background-color: #a5241a; color: #fff; text-align: center; padding: 25px 20px 35px; } .biblioteka .de-info .uk-panel-title { color: #fff; text-align: center; } .biblioteka .de-info h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.35); font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; } .biblioteka .de-info p { margin: 25px 5px 0; text-align: center; } .biblioteka .de-info a { color: #fff; text-align: center; } .biblioteka .de-info a:hover { color: #f7cfcf; } /* Bibliotecki fond - tabela fonda */ .biblioteka .de-biblio-table { width: 100%; font-size: 15px; } .biblioteka table thead tr td div { border-bottom: 2px solid #eee; font-size: 20px; font-weight: normal; margin-bottom: 20px; text-align: left; padding: 0 20px 10px; } .biblioteka table tr td p { text-align: left; } .biblioteka table tr td:nth-child(1) { vertical-align: top; padding-right: 5px; width: 50px; } .biblioteka table tr td:nth-child(1) p { text-align: right; } .biblioteka table tr td:nth-child(1) p span { font-weight: bolder; } .biblioteka table tr td:nth-child(1) p span::after { content: "."; } .biblioteka table tr td:nth-child(2) p span:nth-child(1) { font-weight: bolder; font-size: 15px; color: #a00826; display: inline-block; padding: 0 0 5px; text-transform: uppercase; } .biblioteka table tr td:nth-child(2) p span:nth-child(3) { display: inline-block; } .biblioteka table tr td:nth-child(2) p span:nth-child(5) { margin-right: 3px; } .biblioteka table tr td:nth-child(2) p span:nth-child(5)::after { content: "." } .biblioteka table tr td:nth-child(2) p span:nth-child(7)::after { content: "." } .biblioteka table tr td:nth-child(2) p span:nth-child(9)::after { content: "." } .biblioteka table tr td:nth-child(2) p span:nth-child(11)::after { content: "." } /* O nama */ .onama .tm-article.tm-article-box h5 { font-size: 16px; line-height: 24px; text-transform: uppercase; } .onama p { text-align: justify; } .onama .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .onama .intro-article .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .onama .de-fakulteti .uk-panel h3.uk-h6 { font-size: 14px; line-height: 20px; text-transform: uppercase; } /* thumb, caption and lightbox */ .onama .de-thumb { float: left; background: #fff; border: 1px solid #efece1; box-sizing: border-box; display: inline-block; max-width: 100%; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .onama .de-thumb .de-caption { color: #333; padding: 12px 22px 0; text-align: center; background: #fff; line-height: 12px; text-transform: uppercase; font-size: 12px; } /* Autori */ .de-pravni-autor { font-family: "Roboto", "Arial", sans-serif; color: #666666; font-size: 22px; font-weight: 400; line-height: 1.6; text-align: right; padding-top: 10px; } .de-pravni-autor-info { color: #666666; font-size: 13px; font-weight: 500; line-height: 1.6; text-align: right; font-style: italic; } /* Nastavno osoblje + organi upravljanja */ .tm-isblog.prof .tm-article.tm-article-box { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; max-width: 470px; } .tm-isblog.prof .intro-article .tm-article.tm-article-box { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; max-width: 470px; border: 0 none transparent; } .prof .tm-article.tm-article-box .uk-row-first .tm-article-image { margin-right: 30px; margin-bottom: -30px; } .prof .tm-article.tm-article-box .tm-article-image { margin-top: -30px; margin-left: -30px; margin-right: 30px; } .prof .uk-article-title { font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; } .prof .uk-h3 { font-size: 22px; line-height: 22px; text-transform: uppercase; } .prof .uk-grid-width-large-1-2 > .uk-row-first { width: 40%; } .prof .uk-grid-width-large-1-2 > .tm-article-container { width: 60%; } .prof article { border-top: 3px solid #b4111a; } /* Hack */ .prof .uk-article-title.uk-margin-top-remove { margin-top: -30px !important; } .prof .uk-article-title { font-weight: 400; line-height: 23px; margin-bottom: 10px; text-transform: uppercase; background: #fff url("../images/prof-header-back.jpg") no-repeat center top; box-sizing: border-box; color: #fff; font-size: 18px; height: 80px; padding: 18px 30px 15px; border-bottom: 0 none transparent; font-size: 18px; line-height: normal; margin: -30px -30px 20px; position: relative; text-transform: uppercase; } /* Profesori slike */ .profesori-slike .img-border { border: 1px solid #efece1; margin: 0 20px 20px 0; padding: 10px; width: 130px; } .profesori .info { font-size: 12px; line-height: 20px; margin-top: 0; text-transform: uppercase; } .profesori .kontakt { font-size: 13px; line-height: 18px; } .profesori .kontakt a { color: #c40b2d; } .profesori .kontakt a:hover { color: #231f20; } .profesori .bio { margin-top: 15px; display: inline; } .profesori .bio .de-button { background: #9c1519; border-radius: 2px; color: #ffffff; display: inline; font-family: 'Roboto Condensed', sans-serif; font-size: 10px; line-height: normal; list-style: outside none none; margin: 0 2px 2px 0; padding: 7px 17px; text-align: center; text-decoration: none; text-shadow: 0 0 0 rgba(0, 0, 0, 0); min-width: 65px; } .profesori .bio .de-button:hover { background: #231f20; color: #ffffff; } /* Profesori readmore button */ .prof .profesori .bio .uk-button-readmore { float: left; margin-top: 15px; min-width: 200px; } /* Organi upravljanja - de-button-readmore */ .de-button-readmore { -webkit-appearance: none; margin: 0; border: 0 none transparent; overflow: visible; font: inherit; color: #fff; text-transform: uppercase; display: inline-block; box-sizing: border-box; background: #bb191e; vertical-align: middle; line-height: 20px; min-height: 28px; font-size: 10px; text-decoration: none; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 6px 12px 6px 12px; margin-top: 5px; float: left; border-radius: 2px; position: relative; transition: all .3s ease-in-out; min-width: 200px; } .de-button-readmore:hover, .de-button-readmore:focus { background: #231f20; color: #fff; text-decoration: none; cursor: pointer; } /* Hack de-info-box */ .tm-isblog.prof .uk-panel.uk-panel-box.de-info-box { background: #fff url("../images/article-top-back.png") no-repeat right top; border-radius: 0; border-top: 4px solid #4c4d4f; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; text-align: center; } /* Studije */ .tm-noblog .categories-list.studije .tm-article.tm-article-box { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; background: #fff url("../images/article-top-back.png") no-repeat right top; border-top: 4px solid #4c4d4f; } .studije .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .studije p { text-align: justify; } .studije .tm-main-bottom .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Stare studije sidebar info modul */ .studije .de-info { background-color: #a5241a; color: #fff; text-align: center; padding: 25px 20px 35px; } .studije .de-info .uk-panel-title { color: #fff; text-align: center; } .studije .de-info h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.35); font-size: 18px; line-height: normal; margin: 0 0 20px; padding-bottom: 15px; } .studije .de-info p { margin: 25px 5px 0; text-align: center; } .studije .de-info a { color: #fff; text-align: center; } .studije .de-info a:hover { color: #f7cfcf; } /* Table - studije */ .studije .de-table { border: 1px solid #f5f5f5; } .studije .table th { border-top: 1px solid #f5f5f5; } .studije .de-table thead th { background: #c40b2d; border-top: 1px solid #f5f5f5; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; padding: 8px; text-align: left; } .studije .de-table tbody th { background: transparent; color: #231f20; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: uppercase; padding: 10px; } .studije .de-table tbody tr { border-bottom: 1px solid #f5f5f5; padding: 0px 10px; } .studije .de-table td { padding: 8px; line-height: 22px; text-align: left; border-top: 1px solid #f5f5f5; font-size: 12px; vertical-align: middle; text-transform: uppercase; } .studije .de-table td { } .studije .de-table td:nth-child(1) { } .studije .de-table p { margin: 0 } .studije .de-table .de-button { background: #c40b2d; border-radius: 2px; color: #ffffff; display: block; font-family: 'Roboto', sans-serif; font-size: 10px; line-height: 20px; list-style: outside none none; margin: 0 auto; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: middle; text-transform: uppercase; position: relative; overflow: hidden; width: 100%; height: 26px; max-width: 100px; } .studije .de-table .de-button:hover, .studije .de-table .de-button:focus, .studije .de-table .de-button:active { background: #231f20; color: #fff; } .studije .de-tag { background: #fff; border-radius: 0; color: #231f20; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 11px; line-height: 16px; list-style: outside none none; margin: 0 5px 5px 0; padding: 5px 12px 3px; text-align: center; text-decoration: none; text-shadow: none; vertical-align: bottom; text-transform: uppercase; border: 2px dashed #231f2061; } /* stackable studije table */ .studije .de-table td.st-key { display: block; } .studije .de-table td.st-val { width: 75%; } /* Studije donji modul - Savremeni studijski programi */ .studije .tm-main-bottom .uk-panel-box.de-studije { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px 50px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Studenti */ .studenti .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .studenti p { text-align: justify; } .studenti .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .studenti .studenti-panel .uk-panel { background: #9c1519; color: #fff; margin: 15px 0; } .studenti .studenti-panel .uk-panel .uk-margin { margin-right: 55px; } /* Upis */ .upis .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .upis p { text-align: justify; } .upis .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .upis .upis-panel .uk-panel { background: #9c1519; color: #fff; margin: 15px 0; } .upis .upis-panel .uk-panel .uk-margin { margin-right: 55px; } /* Upis donji modul - link do forme za prijavu za master */ .upis .tm-main-bottom .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Razvoj karijere */ .razvoj .tm-title { font-size: 22px; line-height: 22px; text-transform: uppercase; margin-bottom: 30px; } .razvoj .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .razvoj p { text-align: justify; } .razvoj .category-desc p { text-align: center; text-transform: uppercase; font-size: 13px; } .razvoj .tm-block-footer .category-desc p { text-align: left; text-transform: none; font-size: 15px; line-height: 22px; } .razvoj .tm-main-bottom .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .razvoj .tm-main-bottom .de-besednistvo .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 65px 60px 45px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Razvoj karijere - besednistvo */ .razvoj .razvoj-panel .uk-panel { background: #9c1519; color: #fff; margin: 15px 0; } .razvoj .razvoj-panel .uk-panel .uk-margin { margin-right: 55px; } /* Razvoj karijere - kursevi */ .razvoj .de-prof-grid { margin-top: 30px; } .razvoj .de-prof-grid-cbkfs .profesori { border: 2px solid #f2f2f2; margin: 10px 0; padding: 25px 25px 10px; } .razvoj .de-prof-grid-old .profesori { border: 2px solid #f2f2f2; margin: 0 0 25px; padding: 25px; } .razvoj .profesori .uk-panel-title { margin-top: 10px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; } .razvoj .profesori .info { font-size: 14px; line-height: 20px; margin-top: 10px; text-transform: none; text-align: left; } .razvoj .de-h6 { font-size: 16px; line-height: 22px; } .razvoj .de-small { font-size: 12px; } .razvoj .de-form h3 { font-size: 20px; line-height: 26px; text-transform: uppercase; } .razvoj .uk-panel.de-besednistvo .uk-panel-title { text-transform: uppercase; } /* Razvoj karijere - kursevi - CBKFS */ .razvoj.cbkfs .intro-article .uk-article-title { font-size: 18px; font-weight: 400; line-height: 23px; margin-bottom: 10px; text-transform: uppercase; min-height: 47px; } .razvoj.cbkfs .profesori .uk-panel-title { margin-top: 10px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; } .razvoj.cbkfs .profesori .info { font-size: 14px; line-height: 20px; margin-top: 10px; text-transform: none; text-align: left; } .razvoj.cbkfs .de-prof-grid-cbkfs .prijavljivanje { border: 2px solid #f2f2f2; margin: 10px 0 10px; padding: 10px 25px 10px; } .razvoj.cbkfs .prijavljivanje .uk-panel-title { margin-top: 10px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; } .razvoj.cbkfs .prijavljivanje .info { font-size: 14px; line-height: 20px; margin-top: 10px; text-transform: none; text-align: left; } .razvoj.cbkfs .tm-content .tm-article-image.cbkfs-image { margin-top: 0; } .razvoj.cbkfs .tm-content .uk-thumbnail { display: inline-block; max-width: 100%; box-sizing: border-box; margin: 0; margin-right: 0px; padding: 15px; border: 1px solid #ddd; background: #fff; } .razvoj.cbkfs .tm-content .uk-thumbnail-small { width: 200px; margin-right: 35px; float: left; } .razvoj.cbkfs .tm-content .uk-thumbnail-mini { width: 99px; margin: 10px 25px 10px 0; float: left; padding: 10px; } /* Widgetkit variations */ .razvoj.cbkfs .de-form .uk-panel-title { font-size: 18px; line-height: 23px; } .razvoj.cbkfs .de-form .de-prof-grid-cbkfs .uk-panel-title { font-size: 15px; line-height: 21px; } .razvoj.cbkfs .uk-panel-title { font-size: 13px; line-height: 18px; } .razvoj.cbkfs .de-h6 { font-size: 16px; line-height: 22px; } .razvoj.cbkfs .de-small { font-size: 12px; } /* Widgetkit variations - specijalni nivo pristupa */ .razvoj.cbkfs .tm-main-top .uk-panel-title { font-size: 16px; line-height: 21px; padding: 0 10px; } .razvoj.cbkfs .tm-main-top .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .razvoj.cbkfs .tm-main-top .de-small { font-size: 14px; line-height: 18px; } /* Naucni i strucni rad */ .naucni-rad .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .naucni-rad p { text-align: justify; } .naucni-rad .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .naucni-rad .tm-main-bottom .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Medjunarodna saradnja */ .saradnja .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .saradnja p { text-align: justify; } .saradnja .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 260px; } .saradnja .tm-main-bottom .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Table - saradnja Erazmus with th header */ .saradnja .de-table { border: 1px solid #f5f5f5; } .saradnja .table th { border-top: 1px solid #f5f5f5; } .saradnja.konkursi .de-table thead th { background: #c40b2d; border-top: 1px solid #f5f5f5; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; padding: 8px; text-align: left; } .saradnja.konkursi .uk-article .uk-article-title {text-align: center;} /* Erazmus header */ .saradnja.konkursi.erazmus .uk-article { background: #fff url("../images/konkursi-logo-2025.jpg") no-repeat top center; padding-top: 140px; border-top: 0 none transparent; border-top: 4px solid #4c4d4f;} .saradnja.konkursi.erazmus .uk-article .uk-article-title {text-align: center;} /* Kancelarije */ .kancelarije .tm-article.tm-article-box h5 { font-size: 14px; line-height: 21px; text-transform: uppercase; } .kancelarije p { text-align: justify; } /*.kancelarije .tm-article.tm-article-box .top-box { margin-top: 0px; background: transparent url("../images/article-top.png") no-repeat right top; height: 50px; margin: -50px 0 5px; }*/ .kancelarije .img-border { border: 0 none transparent; padding: 10px; margin: 0; width: 100%; } .kancelarije .uk-panel.de-info { border: 1px solid #eee; color: #515050; background: #fff; } .kancelarije .uk-panel.de-info p { padding: 0 15px 15px; } .kancelarije .de-info.uk-panel-header .uk-panel-title { padding: 8px 15px; border-bottom: 1px solid rgb(183, 183, 183); color: #fff; background: #a00826; } .kancelarije .uk-panel.uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; background: #fff url("../images/article-top-back-mini.png") no-repeat right top; border-top: 2px solid #4c4d4f; } /* Stipendija */ .stipendija h3 { font-size: 26px; line-height: 34px; text-transform: uppercase; } .stipendija .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .stipendija p { text-align: justify; } /* de-tabs stipendija */ .de-tabs img { border: none; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .de-tabs .uk-subnav { display: block; margin: 0 20px; padding: 0; list-style: none; } .de-tabs .uk-subnav li { display: block; width: 33%; margin: 0; } .de-tabs .uk-subnav > * > * { display: block; color: #62615f; border: 1px solid #eee; padding: 10px 25px; } .de-tabs .uk-subnav a { font-size: 14px; text-transform: uppercase; padding: 15px 30px; text-align: center; } .de-tabs .uk-subnav > .uk-active > * { background: #a00826; color: #fff; border: 1px solid #570515; } .de-logosi { padding: 0 20px; } /* tab variation for studije */ .studije .de-tabs .uk-subnav { display: block; margin: 0 0 20px; padding: 0; list-style: none; } .studije .de-tabs .uk-subnav li { display: block; width: 50%; margin: 0; } /* Pretprijava */ /*.pretprijava {background: #efeff1 url("../images/gray-gradient-back.jpg") no-repeat center center; background-size: cover; height: 100%;width: 100%;}*/ .pretprijava .middle-wrap { padding-top: 50px; padding-bottom: 50px; } .pretprijava .tm-article.tm-article-box { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 0; } .pretprijava .de-border { border: 1px solid #f4ecec; } /* Alumni */ .alumni .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .alumni p { text-align: justify; } .alumni .tm-main-bottom .uk-panel.uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; background: #fff url("../images/article-top-back-mini.png") no-repeat right top; border-top: 2px solid #4c4d4f; } /* VSJ */ .tm-isblog.vsj .tm-article.tm-article-box { background: transparent; border-radius: 0; box-shadow: none; padding: 0; border: 0 none transparent; } .vsj .uk-panel.uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; background: #fff url("../images/article-top-back-mini.png") no-repeat right top; border-top: 2px solid #4c4d4f; } /* de-toolbar-vsj */ .tm-toolbar .de-toolbar-vsj { color: #fff; font-size: 13px; font-weight: 400; line-height: 16px; text-transform: none; margin: 5px 0; padding: 0 2px; display: inline; } .tm-toolbar .de-toolbar-vsj a { color: #fff; font-size: 14px; font-weight: 400; line-height: 16px; text-transform: none; margin: 0; padding: 0 4px; display: inline; } .tm-toolbar .de-toolbar-vsj a:hover, .tm-toolbar .de-toolbar-vsj a:focus, .tm-toolbar .de-toolbar-vsj a:active { background: transparent; color: #fff; } /* VSJ uk-navbar */ #vsj.uk-navbar-nav { padding-left: 0; min-width: 620px; } .uk-sticky-placeholder .uk-active #vsj.uk-navbar-nav { padding-left: 20px; min-width: 620px; } .uk-sticky-placeholder .uk-active #vsj.uk-navbar-nav > li > a { height: 35px; } /* de-novosti-vsj moduli */ .naslovna .de-novosti-vsj .uk-panel-box { padding: 25px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .naslovna .de-novosti-vsj .uk-overlay-scale { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; object-fit: cover; height: 160px; } .naslovna .de-novosti-vsj h3.uk-panel-title { padding: 0; margin: 0; font-size: 14px; line-height: 21px; text-transform: uppercase; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 63px; } /* VSJ category k2 view */ .novosti.vsj .catItemIntroText { padding: 0; margin: 15px 0; font-size: 15px; line-height: 21px; text-transform: none; color: #62615f; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 82px; max-height: 82px; } /* Mediji */ .tm-isblog.mediji .tm-article.tm-article-box { background: transparent; border-radius: 0; box-shadow: none; padding: 0; border: 0 none transparent; } .mediji .tm-content .uk-panel.uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 30px 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Form data tables */ .datatable .visforms.visforms-data { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; } .datatable h1 { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; margin-top: 0 !important; } .datatable .de-table thead th { color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; padding: 10px 5px; line-height: 14px; } .datatable .de-table thead a { color: #fff; text-decoration: none; cursor: pointer; } .datatable .de-table tbody td { color: #62615f; text-decoration: none; cursor: pointer; font-size: 13px; text-transform: none; } .datatable .de-table tbody a { color: #62615f; text-decoration: none; cursor: pointer; font-size: 13px; text-transform: none; } .datatable .de-table td.st-key { display: table-cell; } /* Intro article / dve kolone */ .intro-article .uk-article-title { font-size: 18px; font-weight: 400; line-height: 23px; margin-bottom: 10px; text-transform: uppercase; } /* Widgetkit variations */ .de-h5 { line-height: 20px; } .de-small { font-size: 14px; } .de-color { color: #c40b2d; margin-top: 15px; } .de-color:hover i:before, .de-color:focus { color: #231f20; } .uk-panel-box-hover:hover i:before, .uk-panel-box-hover:focus i:before { color: #231f20; } /* Widgetkit estudent */ .estudent { text-align: center; } .estudent .uk-margin { margin-top: 0; } .estudent .uk-grid .uk-width-1-2 { width: 50%; text-align: left; padding-left: 0; } .estudent .uk-grid .uk-width-1-2 .uk-text-small { font-size: 12px; line-height: 18px; } .estudent .de-color { margin-top: 0; margin-right: 10px; text-align: right; } .estudent .de-color .uk-icon-small { font-size: 100%; vertical-align: 5%; } .estudent .uk-panel-box-hover:hover { color: #fdfdfd; background: #9c1519; } .estudent .uk-panel-box-hover:hover i::before, .uk-panel-box-hover:focus i::before { color: #ffffff; } /* Galerije */ .galerije .ig-main-scope-wrapper { } .galerije .ig-menu-grid-item { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 2px rgba(160, 167, 169, 0.75); padding: 0; } .galerije .ig-main-scope-wrapper h3.igallery_title { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; } .galerije .itemFullText h3 { margin: 20px 0; padding: 16px 0 4px 0; font-size: 22px; font-weight: 400; line-height: 28px; text-transform: uppercase; } /* galerije slika */ .galerije .ig-thumbs-grid-block { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 2px rgba(160, 167, 169, 0.75); padding: 0; } .galerije .ig-menu-grid-text { padding: 25px; } .galerije .ig-menu-grid-text h6 { padding: 0; margin: 0; font-size: 15px; line-height: 21px; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 63px; } /* video galerije */ .galerije .ig-thumb-text { padding: 25px; margin: 0; font-size: 15px; line-height: 21px; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 63px; } .galerije .ig-lightbox-descriptions { padding: 0px; text-transform: uppercase; } /* play icon za video galerije */ .galerije .ig-grid-play-icon { color: #eee; } /* privremeno */ .galerije .tm-article.tm-article-box h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; } .galerije p { text-align: justify; } .galerije .img-border { border: 1px solid #efece1; margin: 0; padding: 9px; width: 100%; } .galerije .uk-panel-header { background: #ffffff none repeat scroll 0 0; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); color: #62615f; margin: 0; overflow: hidden; padding: 0; } .galerije div.student-info3 { display: none; } /* ======================================================================== Novosti i obavestenja ========================================================================== */ /* k2 */ .novosti .componentheading.novosti { font-size: 28px; line-height: 38px; text-transform: uppercase; margin-bottom: 30px; } .novosti div.itemListCategory { background: transparent; border: 0px none transparent; border-radius: 0; margin: 0; padding: 0; } .novosti h2 { font-size: 22px; line-height: 28px; text-transform: uppercase; margin-bottom: 20px;} .novosti .itemContainerLast { } /* list leading - 1 column */ .novosti .catItemView.groupLeading.novosti { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; } .novosti .groupLeading .itemContainerLast { } /* list primary - 2 columns */ .novosti div#itemListPrimary { } .novosti .catItemView.groupPrimary.novosti { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 55px 50px 30px; margin-bottom: 30px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .novosti .itemListPrimary .itemContainerLast { max-width: 470px; } /* full k2 */ .novosti div.catItemBody { padding: 0; margin: 0; } .novosti div.catItemHeader { min-height: 70px; display: inline-block; } .novosti div.catItemHeader h3.catItemTitle { padding: 0; margin: 0; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 45px; } .novosti div.catItemHeader h3.catItemTitle a { color: #444; } .novosti div.catItemHeader h3.catItemTitle a:hover { color: #a00826; } .novosti div.catItemImageBlock { padding: 8px 0 0; margin: 0; float: none; } .novosti span.catItemImage img { width: 100%; height: auto; padding: 10px; border: 1px solid #ddd; max-width: 100%; object-fit: cover; height: 240px; vertical-align: middle; } .novosti div.catItemIntroText { font-size: inherit; font-weight: normal; line-height: inherit; padding: 15px 0 12px 0; text-align: justify; } .novosti .tm-button-arrow::before { font-family: 'Monday'; content: "\e600"; font-size: 11px; line-height: 15px; } .novosti .uk-button-mini { min-height: 15px; padding: 2px 5px; line-height: 12px; font-size: 9px; text-transform: uppercase; display: inline-block; box-shadow: none; background: #fff; border: 1px solid #eee; font-weight: 500; margin: 0; letter-spacing: 0.3px; border-radius: 0; } .novosti .uk-button-mini:hover { background: #62615f; color: #fff; border: 1px solid #62615f; border-radius: 0; } .novosti .uk-button-mini.date { min-height: 15px; padding: 2px 5px; line-height: 12px; font-size: 9px; text-transform: uppercase; display: inline-block; box-shadow: none; background: #fff; border: 1px solid #eee; font-weight: 500; margin: 0; letter-spacing: 0.3px; border-radius: 0; } .novosti .uk-button-mini.date:hover { background: #fff; color: #62615f; font-size: 9px; border: 1px solid #eee; border-radius: 0; } /* k2 item */ .novosti #k2Container.itemView.novosti { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 65px 60px 45px; margin-bottom: 30px; background: #fff url("../images/article-top-back.png") no-repeat right top; border-top: 4px solid #4c4d4f;} .novosti div.itemHeader h2.itemTitle { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 0; text-transform: uppercase; } .novosti div.itemHeader span.itemDateCreated { color: #62615f; font-size: 9px; border: 1px solid #eee; border-radius: 3px; } .novosti div.itemHeader span.itemDateCreated:hover { background: #fff; color: #62615f; font-size: 9px; border: 1px solid #eee; border-radius: 3px; } .novosti span.itemImage img { width: 100%; height: auto; padding: 20px; border: 1px solid #ddd; } .novosti div.itemIntroText { color: #444; font-size: 15px; font-weight: normal; line-height: 21px; padding: 4px 0 2px 0; text-align: justify; } .novosti div.itemFullText { color: #444; font-size: 15px; font-weight: normal; line-height: 21px; padding: 0; text-align: justify; } .novosti .img-border img { border: 1px solid #efece1; padding: 10px; margin: 20px 25px 12px 0px; width: 260px; } .novosti .img-border .uk-thumbnail-caption { padding: 0 10px; margin: 0 0 22px 0; width: 260px; } /* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */ div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {position:relative; border: 2px solid #9c1519;} div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before { position: absolute; top: 10px; left: 10px; color: #FFF; font-size: 20px; background: #c40b2d; width: 34px; padding: 7px; border-radius: 10%; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } /* Font assignments */ div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.itemIsFeatured:before {content:"\e019";}/*"\e09b"*/ a#fontIncrease:before {content:"\e091";} a#fontDecrease:before {content:"\e092";} div.k2FeedIcon a:before, a.ubUserFeedIcon:before {content:"\e03b";} a.ubUserURL:before {content:"\e037";} span.ubUserEmail:before {content:"\e086";} /* Extra fiels group */ .novosti .itemExtraFields h3 { font-size: 16px; line-height: 22px; text-transform: uppercase; } .novosti .aliasEksternilink { padding: 8px 24px; border: 1px solid #d2d2d2; } .novosti .aliasEksternilink .itemExtraFieldsLabel { display: block; float: left; font-weight: 500; margin: 0 4px 0 0; width: 115px; font-size: 13px; } .novosti .aliasEksternilink .itemExtraFieldsValue a {font-weight: bold; font-size: 13px; } .novosti .catItemExtraFields h4 {display: none;} .novosti .catItemExtraFields .aliasAlternativnisadrzaj .catItemExtraFieldsLabel {display: none;} .novosti .catItemExtraFields .aliasAlternativnisadrzaj .catItemExtraFieldsValue p {text-align: justify;} /* Attachment block */ .novosti .itemLinks { margin: 5px 0; padding: 0; } .novosti .itemAttachmentsBlock { padding: 8px 24px; border: 1px solid #d2d2d2; } .novosti .itemAttachmentsBlock span { font-weight: 500; color: #555; padding: 0 4px 0 0; font-size: 13px;} .novosti .itemAttachmentsBlock ul.itemAttachments li a {font-weight: bold; font-size: 13px;} .novosti .itemAttachmentsBlock ul.itemAttachments li a:hover { } .novosti .itemAttachmentsBlock ul.itemAttachments li span { font-size: 10px; color: #999; font-weight: normal; } /* Attachment block u Saradnja */ .saradnja .itemLinks { margin: 5px 0; padding: 0; } .saradnja .itemAttachmentsBlock { padding: 8px 24px; border: 1px solid #d2d2d2; } .saradnja .itemAttachmentsBlock span { font-weight: 500; color: #555; padding: 0 4px 0 0; font-size: 13px;} .saradnja .itemAttachmentsBlock ul.itemAttachments li a {font-weight: bold; font-size: 13px;} .saradnja .itemAttachmentsBlock ul.itemAttachments li a:hover { } .saradnja .itemAttachmentsBlock ul.itemAttachments li span { font-size: 10px; color: #999; font-weight: normal; } /* iGallery title for gallery in k2 */ .novosti .ig-main-scope-wrapper h3.igallery_title { font-size: 18px; font-weight: 400; line-height: 23px; margin-bottom: 20px; text-transform: uppercase; text-align: left; } /* Video plugin u k2 */ .novosti .itemVideoBlock { margin: 10px 0 16px 0; padding: 8px 24px 22px; background: #fff; color: #eee; border: 1px solid #d2d2d2; } .novosti .itemVideoBlock h3 { font-size: 16px; line-height: 22px; text-transform: uppercase; margin-top: 5px; } /* Novosti - kursevi */ .novosti .de-prof-grid { margin-top: 30px; } .novosti .de-prof-grid-old .profesori { border: 2px solid #f2f2f2; margin: 0 0 25px; padding: 25px; } .novosti .profesori .uk-panel-title { margin-top: 15px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; } .novosti .profesori .info { font-size: 15px; line-height: 20px; margin-top: 0; } /* Novosti - kurs CBKFSS */ .novosti.cbkfs .uk-thumbnail { display: inline-block; max-width: 100%; box-sizing: border-box; margin: 0; margin-right: 0px; padding: 15px; border: 1px solid #ddd; background: #fff; } .novosti.cbkfs .uk-thumbnail-small { width: 200px; margin-right: 35px; float: left; } .novosti.cbkfs .uk-thumbnail-mini { width: 130px; margin: 0 25px 20px 0; float: left; padding: 10px; } .novosti.cbkfs .de-prof-grid { margin-top: 30px; } .novosti.cbkfs .de-prof-grid-old .profesori { border: 2px solid #f2f2f2; margin: 0 0 25px; padding: 25px; } .novosti.cbkfs .profesori .uk-panel-title { margin-top: 10px; margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; text-transform: uppercase; color: #474538; text-align: left; } .novosti.cbkfs .profesori .info { font-size: 14px; line-height: 20px; margin-top: 10px; text-transform: none; text-align: left; } .novosti.cbkfs .de-form h3 { font-size: 20px; line-height: 26px; text-transform: uppercase; } .novosti.cbkfs .uk-panel.de-besednistvo .uk-panel-title { text-transform: uppercase; } /* Novosti - Dugeor */ .novosti.dugeor #k2Container.itemView.novosti.dugeor .itemHeader { background: rgba(255, 255, 255, 0) url("../images/dugeor-logo.png") no-repeat top left; padding-top: 200px; border-top: 0 none transparent; margin-top: -60px; } /* Casopis - k2 item - privremeno */ .casopis div.itemListCategory { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; } .casopis div#itemListLinks { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; } .casopis div.itemListCategory h2 { font-size: 28px; font-weight: 400; line-height: 36px; margin-bottom: 20px; text-transform: uppercase; } .casopis div.catItemHeader h3.catItemTitle { padding: 5px 0 5px; margin: 0; font-size: 13px; line-height: 24px; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: 500; font-family: 'Roboto', sans-serif; } .casopis #k2Container.itemView.casopis { background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; margin-bottom: 30px; } .casopis div.itemHeader h2.itemTitle { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 0; text-transform: uppercase; } .casopis div.itemIntroText { color: #444; font-size: 15px; line-height: 21px; padding: 0; text-align: justify; } .casopis div.itemFullText { color: #444; font-size: 15px; line-height: 21px; padding: 0; text-align: justify; } .casopis #k2Container.itemView h5 { font-size: 18px; line-height: 26px; text-transform: uppercase; text-align: left; } .casopis .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 170px; } .casopis div.de-itemFullText { margin-top: 0; text-align: justify; width: 520px; } /* ======================================================================== Forme, paginacija i specijalni moduli ========================================================================== */ /* Kontakt component */ .kontakt.visforms { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 60px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .kontakt.visforms h1 { font-size: 22px; line-height: 28px; text-transform: uppercase; margin-top: 0px; margin-bottom: 20px; text-align: center; } .kontakt .de-form h3 { font-size: 20px; line-height: 26px; text-transform: uppercase; } .kontakt p { text-align: justify; } .kontakt .uk-alert { margin-bottom: 0; padding: 15px 25px; background: #ffffff; color: #62615f; } .kontakt .uk-alert.de-alert { margin-bottom: 15px; padding: 25px; background: #f9f9f9; color: #62615f; margin-top: -25px; border: 1px solid #eee; } .kontakt .uk-alert.de-alert-normal { margin-bottom: 0; padding: 25px; background: #f9f9f9; color: #62615f; margin-top: -5px; border: 1px solid #eee; } .kontakt i { width: 30px; } .kontakt .tm-toolbar i { width: 15px; } /* Result page de-form */ .kontakt .tm-article.tm-article-box h3 { font-size: 22px; line-height: 28px; text-transform: uppercase; } .kontakt .tm-article.tm-article-box h5 { font-size: 15px; line-height: 21px; text-transform: uppercase; } /* de-form */ .kontakt .tm-main-top .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 40px 50px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .kontakt .tm-sidebar-b .uk-panel-box { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 40px 50px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .kontakt.alumni .uk-panel-box.de-meni { background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 30px; } .de-form input[type="text"] { } .de-form input[type="text"], .de-form input[type="email"], .de-form input[type="number"], .de-form input[type="select"], .de-form textarea { background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #555; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: inherit; letter-spacing: 0; line-height: 21px; position: relative; padding-left: 10px; text-transform: none; width: 100%; margin-bottom: 15px; } .de-form input:focus:invalid:focus, .de-form textarea:focus:invalid:focus { background: #fff; border: 0px none transparent; border-bottom: 2px solid #e9322d; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .de-form textarea { height: 120px; width: 98%; } /* de-form label hidden */ .de-form .field45 .label, .de-form .field59 .label, .de-form .field100 .label, .de-form .field106 .label, .de-form .field118 .label, .de-form .field130 .label, .de-form .field140 .label { display: none; } /* de-form select label UP */ .de-form .field94 .label, .de-form .field55 .label, .de-form .field56 .label, .de-form .field57 .label, .de-form .field65 .label, .de-form .field68 .label, .de-form .field69 .label, .de-form .field70 .label, .de-form .field71 .label, .de-form .field75 .label, .de-form .field76 .label, .de-form .field62 .label, .de-form .field95 .label, .de-form .field111 .label, .de-form .field107 .label, .de-form .field148 .label, .de-form .field154 .label, .de-form .field155 .label, .de-form .field157 .label, .de-form .field158 .label, .de-form .field159 .label, .de-form .field160 .label, .de-form .field164 .label, .de-form .field165 .label, .de-form .field192 .label, .de-form .field193 .label, .de-form .field195 .label, .de-form .field198 .label, .de-form .field202 .label, .de-form .field203 .label, .de-form .field173 .label, .de-form .field174 .label, .de-form .field176 .label, .de-form .field177 .label, .de-form .field178 .label, .de-form .field179 .label, .de-form .field183 .label, .de-form .field184 .label, .de-form .field196 .label, .de-form .field197 .label, .de-form .field211 .label, .de-form .field212 .label, .de-form .field214 .label, .de-form .field215 .label, .de-form .field216 .label, .de-form .field217 .label, .de-form .field221 .label, .de-form .field222 .label, .de-form .field230 .label, .de-form .field231 .label, .de-form .field233 .label, .de-form .field234 .label, .de-form .field235 .label, .de-form .field236 .label, .de-form .field240 .label, .de-form .field241 .label, .de-form .field104 .label { display: block; color: #62615f; font-size: 14px; letter-spacing: 0px; margin-left: 0px; text-transform: uppercase; } .de-form .field122 .label, .de-form .field136 .label, .de-form .field146 .label { display: block; color: #62615f; font-size: 14px; letter-spacing: 0px; margin-left: 0px; text-transform: uppercase; text-align: center; } /* de-form select 100% */ .de-form .field94 .select, .de-form .field45 .select, .de-form .field55 .select, .de-form .field56 .select, .de-form .field57 .select, .de-form .field65 .select, .de-form .field69 .select, .de-form .field70 .select, .de-form .field95 .select, .de-form .field100 .select, .de-form .field111 .select, .de-form .field107 .select, .de-form .field104 .select, .de-form .field118 .select, .de-form .field130 .select, .de-form .field148 .select, .de-form .field154 .select, .de-form .field157 .select, .de-form .field192 .select, .de-form .field195 .select, .de-form .field173 .select, .de-form .field176 .select, .de-form .field211 .select, .de-form .field214 .select, .de-form .field230 .select, .de-form .field233 .select, .de-form .field140 .select { width: 100%; background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #555; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: inherit; letter-spacing: 0; line-height: 21px; position: relative; padding-left: 10px; text-transform: none; width: 100%; margin-bottom: 15px; } /* de-form upload */ .de-form .field59 .upload, .de-form .field106 .upload { width: 100%; background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #555; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: inherit; letter-spacing: 0; line-height: 21px; position: relative; padding: 3px 10px; text-transform: none; width: 100%; margin-bottom: 15px; } .de-form .field75 .label { margin-top: 20px; white-space: normal; margin-bottom: 30px; } .de-form .field76 .label { margin-top: 20px; white-space: normal; } .de-form .field164 .label { margin-top: 20px; white-space: normal; margin-bottom: 30px; } .de-form .field165 .label { margin-top: 20px; white-space: normal; } .de-form .field202 .label { margin-top: 20px; white-space: normal; margin-bottom: 30px; } .de-form .field203 .label { margin-top: 20px; white-space: normal; } .de-form .field183 .label { margin-top: 20px; white-space: normal; margin-bottom: 30px; } .de-form .field184 .label { margin-top: 20px; white-space: normal; } .de-form .field221 .label { margin-top: 20px; white-space: normal; margin-bottom: 30px; } .de-form .field222 .label { margin-top: 20px; white-space: normal; } .de-form .field240 .label { margin-top: 20px; white-space: normal; margin-bottom: 30px; } .de-form .field241 .label { margin-top: 20px; white-space: normal; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .de-form .form-actions { padding: 15px 0 20px; margin: 0; } .de-form .form-actions input[type="submit"] { width: 100%; } .de-form .form-actions .uk-button-primary { padding: 10px 25px; font-size: 12px; } .de-form .input-append, .de-form .input-prepend { display: inline-block; margin-bottom: 0px; vertical-align: middle; font-size: 0; white-space: nowrap; width: 90%; } .de-form .field-calendar .btn { border: 1px solid #eee; text-shadow: none; line-height: 24px; background: #ffffff; color: #62615f; box-shadow: none; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .de-form .span12.field78, .de-form .span12.field204, .de-form .span12.field185, .de-form .span12.field223, .de-form .span12.field242, .de-form .span12.field166 { margin-top: 20px; } /* Error info mod de-form */ .de-form#mod-visform2 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform4 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform5 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform6 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform7 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform8 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform9 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform10 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform11 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform12 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform13 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform14 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform15 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform16 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform17 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform18 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform19 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform20 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform21 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform22 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#mod-visform23 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Error info de-form */ .de-form#visform2 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform4 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform5 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform6 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform7 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform8 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform9 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform10 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform11 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform12 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform13 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform14 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform15 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform16 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform17 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform18 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform19 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform20 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform21 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform22 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .de-form#visform23 p.errorcontainer label.error { padding: 3px 12px; color: #fff; background-color: #c40b2d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .visform.de-form:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error { font-size: 12px; color: #fff; padding: 10px; background-color: #c40b2d; border-radius: 5px; display: inline-block !important; max-width: 100%; margin: 0 0 20px; } .de-form .captchacode { max-width: 80%; } .de-form .captcharefresh4, .de-form .captcharefresh2, .de-form .captcharefresh5, .de-form .captcharefresh6, .de-form .captcharefresh7, .de-form .captcharefresh8 { width: 20px; height: 20px; } .de-form legend { width: 100%; border: 0; padding: 0; padding-bottom: 0px; padding-bottom: 25px; font-size: 16px; line-height: 24px; text-transform: uppercase; } /* email-form */ .email-form .form-horizontal .control-group { float: left; display: inline-block; } .email-form .form-horizontal .control-group.field1.required { float: left; display: inline-block; } .email-form .form-horizontal .control-label { float: none; width: 0; padding-top: 0; text-align: none; display: none; } .email-form .form-horizontal .controls { display: inline-block; padding-right: 10px; margin-left: 0; width: 260px; } .email-form .form-horizontal input.email { display: inline; padding: 4px 12px; width: 100%; color: #ffffff; background-color: #9c9597; border: 1px solid #706d6e; border-radius: 0; font-size: 11px; height: 22px; border-radius: 0px; box-shadow: none; } .email-form .form-horizontal input[type="email"]:focus { color: #555; box-shadow: none; border-color: transparent; outline: 0; background: rgba(0, 0, 0, 0); box-shadow: 0 2px 0 0 #62615f; } .email-form .form-horizontal .uk-button.uk-button-primary { float: none; } .email-form .form-horizontal .form-actions { padding-left: 0; display: inline; padding: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; background-color: #ffffff; border-top: 0px none transparent; } /* Error info email-form */ .email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer { padding-top: 0; margin-top: 0; margin-bottom: 0; position: absolute; width: 100%; } .email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error { font-size: 11px; color: #555; padding: 4px 8px; background-color: #fff; border-radius: 0; display: inline-block !important; max-width: 260px; margin: 40px 0 0; position: absolute; } .email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer::after { width: 0; height: 0; display: none; } /* Pagination gallery */ .ig-thumb-pagination { width: 100% } .pagination ul { display: inline-block; *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; list-style: none; text-align: center; font-size: 14px; margin: 0; } .pagination ul > li { display: inline-block; } .pagination ul > li > a, .pagination ul > li > span { float: left; line-height: 22px; text-decoration: none; background-color: #ffffff; border: none; border-left-width: 0; background: #fff; color: #444; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 4px 12px; margin: 0 2px; } .pagination ul > li > span { background: #c40b2d; border: none; color: #fff; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); margin: 0 2px; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a { background-color: #231f20; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); } /* Pagination category */ .uk-pagination { padding: 0; list-style: none; text-align: center; font-size: 14px; margin: 25px 0; } .uk-pagination > li > a { background: #fff; color: #444; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 4px 12px; } .uk-pagination > li > span { background: #fff; color: #444; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 4px 12px; } .uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background-color: #231f20; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); } .uk-pagination > .uk-active > span { background: #9c1519; color: #fff; font-size: 14px; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); } /* Pagination page */ .de-page-nav .uk-pagination { padding: 0; list-style: none; text-align: center; margin: 25px 0 0; } .de-page-nav .uk-pagination > li > a { background: #efeff1; color: #353535; font-size: 20px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 6px 18px; } .de-page-nav .uk-pagination > li > a:hover, .de-page-nav .uk-pagination > li > a:focus { background-color: #c40b2d; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); } /* Pagination k2 */ div.k2Pagination { padding: 8px; margin: 24px 0 4px 0; text-align: center; } div.k2Pagination ul { text-align: center; padding-left: 0px; margin-bottom: 0; } div.k2Pagination ul li { display: inline-block; margin: 0; padding: 0; } div.k2Pagination ul li a { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 0; font-size: 14px; display: inline-block; margin: 0 1px; padding: 4px 12px; text-decoration: none; vertical-align: middle; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } div.k2Pagination ul li a:hover { background: #fafafa; cursor: pointer; } div.k2Pagination ul li.active a { background: #fafafa; } div.k2Pagination ul li a span { vertical-align: middle; } div.k2Pagination ul li span { background: #c40b2d; color: #fff; border: 1px solid #ddd; border-radius: 0; font-size: 14px; display: inline-block; margin: 0 1px; padding: 4px 12px; text-decoration: none; vertical-align: middle; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } /* Pagination k2 page */ .novosti .itemNavigation { padding: 0; list-style: none; text-align: center; margin: 25px 0 0; } .novosti .itemNavigation > a { background: #efeff1; color: #353535; font-size: 20px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .novosti .itemNavigation a.itemPrevious {float: left; padding: 6px 18px; } .novosti .itemNavigation a.itemNext {float: right; padding: 6px 18px; } .novosti .itemNavigation > a:hover, .novosti .itemNavigation > a:focus { background-color: #c40b2d; color: #fff; box-shadow: 0 2px 5px 0 rgba(74, 74, 74, 0.3); } /* Accordation */ .uk-accordion .uk-accordion-title { background: #fff; color: #111; cursor: pointer; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; min-height: 20px; padding: 10px 18px; margin: 0 0 10px; border: 1px solid #ddd; box-shadow: none; } .uk-accordion .uk-active { color: #fff; background: #c40b2d; cursor: pointer; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; min-height: 20px; padding: 10px 18px; margin: 0 0 10px; border: 1px solid #c40b2d; box-shadow: none; } .uk-accordion-content { padding: 0 30px 0px 30px; } .uk-accordion .uk-accordion-content { background: #fff; border: 1px solid #ddd; cursor: default; color: #555; font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; padding: 10px 18px; } .uk-accordion .uk-accordion-content.uk-active { background: #fff; border: 1px solid #ddd; cursor: default; color: #555; font-size: 12px; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; padding: 10px 18px 0; } /* Specific modules */ .naslovna .de-meni { color: #2d3d51; position: relative; } .naslovna .de-meni h5 { font-size: 14px; } .naslovna .de-video .uk-overlay { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; overflow: hidden; -webkit-transform: translateZ(0); margin: 0; width: 100%; } .naslovna .de-thumb-tab { padding: 30px 0; } .naslovna .de-thumb-tab .uk-margin { text-align: justify; } .naslovna .de-thumb-tab .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .naslovna .de-slideshow { padding: 0 30px; } .naslovna .de-slideshow .uk-margin-top { text-align: justify; } .naslovna .de-slideshow .uk-slidenav { display: inline-block; box-sizing: border-box; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 15px; text-align: center; background: #c40b2d; } .naslovna .de-slideshow .uk-slidenav:hover, .naslovna .de-slideshow .uk-slidenav:focus { outline: none; text-decoration: none; color: #fff; cursor: pointer; background: #231f20; } .naslovna .de-thumb-tab-en .uk-margin { text-align: justify; } .naslovna .de-thumb-tab-en .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .naslovna .de-casopis { padding: 30px 0; } .naslovna .de-casopis .uk-margin { text-align: justify; } /* ======================================================================== Component: Off-canvas ========================================================================== */ /* Off-canvas meni */ .uk-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; width: 100%; max-width: 100%; background: #ffffff; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -ms-scroll-chaining: none; } .uk-nav-offcanvas > li > a { color: #2d3d51; padding: 8px 12px; text-transform: uppercase; font-size: 14px; } .uk-nav-offcanvas ul a { color: #9a9a9c; text-transform: uppercase; font-size: 12px; padding: 4px 8px; } html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: rgba(0, 0, 0, 0.05); color: #c40b2d; } html .uk-nav-offcanvas li.uk-active li.uk-active > a { background: rgba(0, 0, 0, 0.05); color: #c40b2d; } .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: rgba(0, 0, 0, 0.05); color: #c40b2d; outline: none; } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #c40b2d; } /* Off-canvas meni stilizovan */ .uk-nav-offcanvas > li > a { color: #2d3d51; padding: 8px 12px; text-transform: uppercase; font-size: 14px; background-color: #fff; border: 1px solid #c40b2d; margin: 0 0 5px; text-align: center; } .uk-nav-offcanvas ul a { color: #5b5353; text-transform: uppercase; font-size: 11px; padding: 4px 8px; border: 1px dashed #c40b2d; text-align: center; margin-bottom: 5px; } .uk-nav-offcanvas ul li.uk-parent ul a { color: #5b5353; text-transform: uppercase; font-size: 11px; padding: 4px 8px; border: 1px dashed #c40b2d; text-align: center; margin-bottom: 5px; margin-right: 15px; } .uk-nav-offcanvas ul li.uk-parent li.uk-parent ul a { color: #5b5353; text-transform: uppercase; font-size: 10px; padding: 4px 8px; border: 1px dashed #c40b2d; text-align: center; margin-bottom: 5px; margin-right: 30px; } .uk-nav-offcanvas > .uk-open > a, .uk-nav-offcanvas > li > a:hover, .uk-nav-offcanvas > li > a:focus { background: #9c1519; color: #fff; outline: none; } .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: #9c1519; color: #fff; outline: none; } /* active */ html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #9c1519; color: #fff; } html .uk-nav-offcanvas li.uk-active li.uk-active > a { background: #9c1519; color: #fff; } html .uk-nav-offcanvas li.uk-active li.uk-active li.uk-active > a { background: #9c1519; color: #fff; } /* Panel in offcanvas */ .uk-offcanvas .uk-panel { margin: 0 0 25px; color: #c40b2d; } .uk-offcanvas a.de-lang { background: #fff; border: 1px solid rgb(77, 14, 14); color: #444; border-radius: 2px; box-sizing: border-box; display: inline-block; font-size: 11px; height: 24px; line-height: 16px; margin: 3px 1px; padding: 3px 6px; text-align: center; width: 38px; } .uk-offcanvas a.de-lang:hover { background-color: rgb(191, 69, 69); border: 1px solid rgb(138, 36, 36); color: #fff; } /* Honeypot */ .de-form input.ohnohoney { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; background: #f9f9f9; border: 1px solid #eee; border-radius: 0; box-shadow: none; color: #fff; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 0px; font-weight: inherit; letter-spacing: 0; line-height: 0; padding-left: 0; text-transform: none; margin-bottom: 0; min-height: 0; max-height: 0; } /* Calendar hack */ .nobosscalendar--model1 .nb-calendar { max-width: 1110px; max-width: 125vh; margin: auto; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } /* menu hack */ .uk-sticky-placeholder ul.uk-nav-sub li.uk-parent.uk-active { transition: all 0.32s ease-in-out 0s; max-height: 180px; } .uk-sticky-placeholder ul.uk-nav-sub li.uk-parent.uk-active ul li.uk-active { transition: all 0.32s ease-in-out 0s; max-height: 180px; } /* Zoo App - Linkovanje */ /* submisions */ .tm-isblog.zooapp .tm-article.tm-article-box, .yoo-zoo .uk-article { border-radius: 0; padding: 20px 35px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); background: #ffffff; text-align: center; } .zooapp .de-form .uk-button-primary { padding: 10px 25px; font-size: 12px; width: 100%; } .zooapp .de-form .uk-button-link { background: #fefefe; margin-top: 10px; padding: 10px 25px; font-size: 12px; width: 100%; border: 1px solid #f9b7b7; } .zooapp .uk-tooltip { display: none; position: absolute; z-index: 1030; box-sizing: border-box; max-width: 350px; padding: 10px 10px; background: #9c1519; color: #ffffff; font-size: 13px; line-height: 19px; word-break: normal; } /* my submisions */ .zooapp h1.uk-article-headline { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; } .zooapp .uk-h5.toggler { font-size: 16px; } .zooapp .submissions .preview { padding: 20px 35px; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); background: #f7f7f7; margin: -5px 0 10px 0; } .zooapp .submissions .zo-header > a { display: block; float: right; margin-top: 2px; } .zooapp .submissions .zo-header > a + a { margin-right: 10px; margin-top: 3px; } /* iGalerry */ div.ig_toolbar { margin-bottom: 5px; overflow: auto; } div.ig_button { float: left; border: none; border-radius: 0; margin: 0; background-color: #c40b2d; border-radius: 0px; color: #fff; padding: 3px 12px; } div.ig_button:hover { background: #231f20; color: #fff; } div.ig_button a { text-decoration: none; padding: 5px 20px; display: block; color: #fff; text-transform: uppercase; font-size: 11px; font-family:'Roboto',sans-serif; } div.ig_button a:hover { background-color: transparent !important; color: inherit !important; } div.button_new { background: #c40b2d; color: #fff; } #ig_toolbar_cat_apply, #ig_toolbar_cat_new, #ig_toolbar_image_apply { color: #fff !important; } div.button_pub { background: #9d9c9d; color: #fff; } div.button_unpub { background: #9d9c9d; color: #fff; } div.button_apply { background: #c40b2d; color: #fff; } div.button_save { background: #9d9c9d; color: #fff; } div.button_cancel { background: #9d9c9d; color: #fff; } div.button_delete { background: #9d9c9d; color: #fff; } div.button_back { background: #c40b2d; color: #fff; } div.button_next { background: #9d9c9d; color: #fff; } table#ig_admin_table th { background-color: #F7F7F7; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #FFFFFF; color: #666666; text-align: center; padding: 5px; } table#ig_admin_table td { background-color: #FFFFFF; border: 1px solid #FFFFFF; text-align: center; padding: 5px; color: #000000; } table#ig_admin_table tr.row1 td { background-color: #F0F0F0; border-top: 1px solid #FFFFFF; } table#ig_admin_table td a { color: #666666 !important; text-decoration: none; } table#ig_admin_table td.cat_title { text-align: left !important; } table#ig_admin_table td a:hover { background-color: transparent !important; color: #222222 !important; } div.ig_order_arrow { width: 40px; float: left; margin-top: 10%; } td.ig_order { width: 100px; } td.ig_order input { float: right; width: 30px; } table.ig_form_table tr { border: none; } table.ig_form_table td { border: none; padding: 5px; } .ig_form_table select { height: auto !important; } td.ig_left_col { width: 25%; } div.plupload_header { display: none; } table#ig_admin_table th, table#ig_admin_table td { text-align: center; padding: 5px; font-size: 12px; line-height: 16px; } table#ig_admin_table.de-table th.manage-heading, table#ig_admin_table.de-table td.manage-cell { width: 100px; } table#ig_admin_table.de-table input.ig_order_box {width: 30px; height: 30px;} table#ig_admin_table.de-table td.delete-cell img { width: 12px; } table#ig_admin_table.de-table td.publish-cell img { width: 14px; } table#ig_admin_table.de-table td.ordering-cell img { width: 14px; } table#ig_admin_table.de-table td.des-cell { text-align: center; padding: 5px; font-size: 14px; line-height: 20px; } table.ig_form_table.de-table .btn-group.radio input[type="radio"] { display: block; margin: 3px 5px; } table.ig_form_table.de-table .inputbox.btn-group { background-color: transparent; background-image: none; border: 0 none transparent; border-radius: 0; box-shadow: none; padding: 0; } table.ig_form_table.de-table label { font-size: 12px; font-weight: normal; line-height: 16px; } /* User profile */ .user .profileuser .dl-horizontal dt { float: left; width: 200px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; font-size: 12px; } .user .profileuser .dl-horizontal dd { margin-left: 240px; } /* de-article-letter - Stacked Paper Effect - NIJE IMPLEMENTIRANO */ .uk-article.de-article-letter + .uk-article.de-article-letter { margin-top: 40px; } .de-article-letter { background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 5px auto 0; max-width: 96%; min-height: 300px; padding: 50px 60px; position: relative; width: 96%; overflow: visible; z-index: 1; margin-bottom: 50px; } .de-article-letter::before, .de-article-letter::after { content: ''; height: 100%; position: absolute; width: 100%; z-index: -1; } .de-article-letter::before { background: #ffffff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); left: -5px; top: 4px; transform: rotate(-1.2deg); } .de-article-letter::after { background: #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); right: -3px; top: 1px; transform: rotate(0.6deg); } .de-article-letter ul.de-list { padding-left: 30px; } .de-article-letter ul.de-list li { list-style: square; position: relative; padding: 2px 0 1px 5px; line-height: 20px; } /*.de-article-letter ul.de-list li::before { content: "\f24e"; font-family: "FontAwesome"; position: absolute; top: 2px; left: 0; }*/ ul.de-double-list { display: inline-flex; width: 100%; margin: 0; padding: 0; justify-content: space-between; } ul.de-double-list li { list-style: none; width: 49.5%; border: 1px solid #ddd; text-transform: uppercase; font-size: 11px; display: inline-block; text-align: center; padding: 5px 20px; margin: 0; } /* Categories blog Studije */ .categories-list.studije .last .uk-margin-large-bottom { margin-bottom: 0 !important; } .categories-list.studije .tm-article.tm-article-box h5 { margin-top: 15px; } /* New menu for sidebar menu header */ .menu-header .uk-panel-title { background: #fff url("../images/sidebar-menu-header-back.jpg") no-repeat center top; box-sizing: border-box; color: #fff; font-size: 18px; height: 80px; padding: 20px 30px 15px; border-bottom: 0 none transparent; font-size: 18px; line-height: normal; margin: -30px -30px 20px; position: relative; text-transform: uppercase; } /* Glow effect - upis 2023 */ .upis-center { display: flex; justify-content: center; align-items: center; height: 100px; font-family: "PT Sans", sans-serif; font-weight: bold; font-size: 20px; } @-webkit-keyframes glow { 0% { box-shadow: 0 0 0 0 #dc143c; } 50% { box-shadow: 0 0 30px 0 #dc143c; } } @keyframes glow { 0% { box-shadow: 0 0 0 0 #dc143c; } 50% { box-shadow: 0 0 30px 0 #dc143c; } } .de-upis { background: none; color: inherit; font: inherit; border: none; outline: none; cursor: pointer; } .de-upis-glow { background: #bb191e; color: #fff; font-size: 1em; font-weight: 600; line-height: 1em; text-transform: uppercase; padding: 16px 34px; box-shadow: 0 0 0 0 #bb191e; -webkit-animation: glow 1.4s linear infinite; animation: glow 1.4s linear infinite; } .de-upis:hover, .de-upis:focus { background: none; color: inherit; } /* Glow effect widgetkit - upis 2024 */ .uk-panel-box.de-glow { padding: 30px 30px 5px; background: #ffffff; color: #62615f; overflow: hidden; background: #ffffff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .de-glow .uk-panel .uk-margin { margin-top: 0px; } .de-glow .uk-panel .uk-panel-title { margin-top: 0; margin-bottom: 10px; font-size: 18px; line-height: 18px; font-weight: 400; text-transform: none; color: #474538; } .de-glow .uk-panel .uk-text-small { font-size: 12px; line-height: 16px; } .de-glow .uk-text-center img { margin-bottom: 5px; } .de-glow .upis-center { display: flex; justify-content: center; align-items: center; height: 100px; font-family: "PT Sans", sans-serif; font-weight: bold; font-size: 20px; } @-webkit-keyframes glow { 0% { box-shadow: 0 0 0 0 #dc143c; } 50% { box-shadow: 0 0 30px 0 #dc143c; } } @keyframes glow { 0% { box-shadow: 0 0 0 0 #dc143c; } 50% { box-shadow: 0 0 30px 0 #dc143c; } } .de-glow .de-upis { background: none; color: inherit; font: inherit; border: none; outline: none; cursor: pointer; } .de-glow .de-upis:hover, .de-glow .de-upis:focus { background: none; color: inherit; } .de-glow .de-upis-glow { background: #bb191e; color: #fff; font-size: 1em; font-weight: 600; text-transform: uppercase; padding: 16px 34px; box-shadow: 0 0 0 0 #bb191e; -webkit-animation: glow 1.4s linear infinite; animation: glow 1.4s linear infinite; } /* Bootstrap disabled */ a.disabled, a.disabled:hover { background-color: #9a9a9c; color: #fff; cursor: pointer; } /* NEW -de-panel */ .de-panel { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); } .convert-form .convertforms { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 25px 35px 20px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } /* Variable - proper order !!! */ /* min width */ @media (min-width:480px) { ul.uk-nav.uk-nav-offcanvas { width: 100%; margin-left: auto; margin-right: auto; } } @media (min-width:768px) { ul.uk-nav.uk-nav-offcanvas { width: 60%; } .nav .projektna-nav-mobile { display: block; margin-top: -28px; } .nastavni-kadar.mobile { display: none; } .teaching-staff.mobile { display: none; } .profesori-slike.mobile { display: none; } .bio.mobile { display: none; } } @media (min-width:960px) { ul.uk-nav.uk-nav-offcanvas { width: 40%; } } @media (min-width:1340px) { .naslovna .top-wrap-a .uk-panel { min-height: 570px; } .uk-navbar-toggle.uk-hidden-xlarge { display: none; } .tm-logo-uni { margin-left: 0; float: left; text-align: left;} .tm-logo-uni-small { display: none; } } /* max width */ @media (max-width:1339px) { nav.uk-visible-large { display: none; } .tm-logo-uni { display: none; } .uk-sticky-placeholder .tm-navbar .tm-logo-uni-small { margin-left: 0; float: left; text-align: left;} .uk-sticky-placeholder .tm-navbar .tm-logo-uni-small img { transition: all 0.32s ease-in-out 0s; margin-left: 0; margin-top: 0; width: 101px; } .uk-sticky-placeholder .uk-active .tm-logo-uni-small { margin-left: 10px; float: left; text-align: left;} .uk-sticky-placeholder .uk-active .tm-logo-uni-small img { margin-left: 0; margin-top: -5px; width: 70px; transition: all 0.32s ease-in-out 0s; } } @media (max-width:1150px) { .topbar-wrap .ja-promo-bar .inner { height: 85px; padding:0 55px; background-color: #ffffff; } .de-tabs .uk-subnav li { display: inline-block; width: 100%; margin: 0; } } @media (max-width:959px) { .top-wrap-d { padding-top: 30px; padding-bottom: 0; } .saradnja.konkursi.erazmus .uk-article { background: #fff url("../images/konkursi-logo-2024-small.jpg") no-repeat top center;padding-top: 95px; border-top: 0 none transparent; border-top: 3px solid #4c4d4f;} .naslovna .middle-wrap { padding-top: 30px; padding-bottom: 0; } .naslovna .de-news .uk-overlay-scale { height: auto; } .studenti .studenti-panel .uk-panel .uk-margin { margin-right: 15px; } .upis .upis-panel .uk-panel .uk-margin { margin-right: 15px; } .razvoj .razvoj-panel .uk-panel .uk-margin { margin-right: 15px; } .header-wrap { max-height: 90px; z-index: 99; } .tm-headerbar { min-height: 50px; } .uk-sticky-placeholder .uk-navbar { min-height: 50px; } .uk-sticky-placeholder .uk-active .uk-navbar { padding-bottom: 15px; padding-top: 15px; transition: all 0.32s ease-out 0s; min-height: 50px; } .tm-logo-small { padding: 0 10px; width: 127px; } .tm-logo-uni-small { padding: 0 10px; width: 70px; display: block; } .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { height: 50px; } .tm-navbar { background: #fff; background-image: none; margin-bottom: 0; } } @media (max-width:767px) { .top-wrap-d { padding-top: 30px; padding-bottom: 0; } .saradnja.konkursi.erazmus .uk-article { background: #fff url("../images/konkursi-logo-2024-mini.jpg") no-repeat top center;padding-top: 55px; border-top: 0 none transparent; border-top: 2px solid #4c4d4f;} .uk-container { padding: 0 25px; } .tm-article.tm-article-box, .tm-noblog .categories-list.studije .tm-article.tm-article-box, .tm-isblog .tm-article.tm-article-box { padding: 75px 45px 35px; } .novosti .catItemView.groupPrimary.novosti { padding: 55px 25px 25px; } .novosti #k2Container.itemView.novosti { padding: 70px 25px 25px; } .topbar-wrap .ja-promo-bar .inner { height: 110px; background-color: #ffffff; } .topbar-wrap .ja-promo-bar .inner { padding-left: 35px !important; padding-right: 35px !important; } .topbar-wrap .ja-promo-bar .buttons span { background-color: #fff; margin-top: 12px; } .galerije .igui-grid { margin-left: 0px; } .galerije .igui-grid-small { margin-left: 0px; } .uk-navbar { padding-top: 10px; padding-bottom: 10px; } .studenti .studenti-panel .uk-panel .uk-margin { margin-right: 25px; } .studenti .studenti-panel .uk-panel img { width: 100%; } .studenti .img-border { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 100%; } .upis .upis-panel .uk-panel .uk-margin { margin-right: 25px; } .razvoj .razvoj-panel .uk-panel .uk-margin { margin-right: 25px; } div.k2Pagination ul li { display: inline-block; margin: 0 1px 10px; padding: 0; } .onama .img-border { border: 1px solid #efece1; padding: 10px; margin: 0px 0px 25px 0px; width: 100%; } .onama .de-thumb { border: 1px solid #efece1; padding: 10px; margin: 1px 25px 12px 0px; width: 100%; } .prof .tm-article.tm-article-box { max-width: 100%; } .prof .uk-article-title.uk-margin-top-remove { margin-top: -35px !important; } .prof .uk-article-title { margin: -35px -30px 20px; } .naslovna .de-slideshow .tm-slideshow-panel-monday .uk-panel-body { padding: 30px 0 0; font-size: 14px; } .naslovna .de-thumb-tab .uk-flex-column { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .naslovna .de-thumb-tab-en .uk-flex-column { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .naslovna .uk-panel.de-link { margin-top:0; text-align: center; } .naslovna .de-link .uk-width-medium-7-10 { width: 100%; padding-left: 25px; text-align: center; } .naslovna .de-link img { width: 70%; text-align: center; margin-left: auto; margin-right: auto; display: flex; } .naslovna .de-link p { font-size: 14px; line-height: 15px; margin-bottom: 0; } .naslovna #wk-655 p.uk-text-justify { text-align: left !important; } .naslovna #wk-655 .uk-panel-space { padding: 10px; } .de-tabs .uk-subnav li { display: inline-block; width: 100%; margin: 0; } .de-tabs img { width: 100%; } .parallax p { color: #fff; font-size: 16px; text-shadow: 0 1px 2px #000000; line-height: 21px; padding: 0 20%; } .breadcrumbs-wrap { height: auto; } .tm-footer-left { float: none; text-align: left; width: 100%; } .tm-footer-right { float: none; text-align: center; width: 100%; } .tm-footer-top .tm-totop-scroller { top: -45px; } .kontakt p { text-align: left; } .kontakt.visforms { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 40px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } .pretprijava .de-border.uk-margin-large-right { border: 1px solid #f4ecec; margin-right: 0 !important; } .novosti.dugeor #k2Container.itemView.novosti.dugeor .itemHeader { margin-top: 0px; } .novosti span.catItemImage img { height: auto; } .naslovna .de-novosti .uk-overlay-scale { height: auto; } .nastavni-kadar.desktop { display: none; } .teaching-staff.desktop { display: none; } .profesori-slike.desktop { display: none; } .bio.desktop { display: none; } .tm-isblog.prof .intro-article .tm-article.tm-article-box { max-width: 100%; } } @media (max-width:480px){ .user .tm-content { padding: 25px 30px; } .uk-container { padding: 0 20px; } .tm-article.tm-article-box, .tm-noblog .categories-list.studije .tm-article.tm-article-box, .tm-isblog .tm-article.tm-article-box { padding: 70px 25px 25px; } .studenti .studenti-panel .uk-panel .uk-margin { margin-right: 15px; font-size: 13px; line-height: 18px; } .upis .upis-panel .uk-panel .uk-margin { margin-right: 15px; font-size: 13px; line-height: 18px; } .razvoj .razvoj-panel .uk-panel .uk-margin { margin-right: 15px; font-size: 13px; line-height: 18px; } .novosti .catItemView.groupPrimary.novosti { padding: 55px 25px 25px; } .novosti #k2Container.itemView.novosti { padding: 70px 25px 25px; } .prof .uk-article-title.uk-margin-top-remove { margin-top: -30px !important; } .prof .uk-article-title { margin: -30px -30px 20px; } .profesori-slike .img-border { border: 1px solid #efece1; margin: 0 20px 20px 0; padding: 10px; width: 100%; } .email-form .form-horizontal .controls { display: inline-block; padding-right: 10px; margin-left: 0; width: 200px; } .email-form .form-horizontal:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error { font-size: 11px; color: #555; padding: 4px 8px; background-color: #fff; border-radius: 0; display: inline-block !important; max-width: 260px; margin: 40px 0 0; position: absolute; line-height: 14px; } .block-footer-border { margin-bottom: 20px; padding: 0; float: right; width: 100%; text-align: center; } .block-footer-img-border { border: 1px solid #efece1; margin: -25px 0 0; padding: 9px; width: 100%; } .naslovna .de-akademac .uk-switcher .uk-panel { margin: 0 35px 30px; } .kontakt.visforms { border-radius: 0; box-shadow: 0 2px 5px 0 rgba(160, 167, 169, 0.3); padding: 50px 20px; background: #fff url("../images/article-top-back-small.png") no-repeat right top; border-top: 3px solid #4c4d4f; } } @media (max-width:360px) {} /* min max width */ @media (min-width:1019px) and (max-width:1119px) {} @media (min-width:960px) and (max-width:1019px) {} @media (min-width:768px) and (max-width:959px) {}