%PDF-
%PDF-
Mini Shell
Mini Shell
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
body, html {
font-family: 'PT Sans', sans-serif !important;
width: 100%;
}
.orange {
color: #EA831A;
}
h1.title {
color: #EA831A;
font-size: 1.5em;
text-decoration: none;
text-align: center;
}
.divizletapopis{width:20%; background:orange;color:white; padding:15px; margin:0 auto; text-align:center;text-transform:uppercase; margin-top:10px;}
#toggleMenuButton {
width: 70px;
z-index: 5;
height: 10px;
border-top: 12px solid #EA831A;
border-bottom: 35px double #EA831A;
position: fixed;
top: 10px;
left: 10px;
transition: all ease 0.5s;
}
#toggleMenuButton.active {
border-color: white;
transition: all ease 0.5s;
}
#toggleMenuButton:hover {
cursor: pointer;
}
#izborniklijevo {
top: 0;
width: 60%;
padding-top: 100px;
bottom: 0;
z-index: 1;
background: #EA831A;
position: fixed;
left: -40%;
transition: left ease 0.5s;
}
#izborniklijevo.active {
left: 0;
transition: left ease 0.5s;
}
a:link, a:visited, a:hover, a:active {
color: inherit;
cursor: pointer;
text-decoration: none;
}
form {
text-align: center;
font-weight: 700;
}
#logout {
float: right;
margin: 5px;
}
#logout:hover {
opacity: 0.8;
}
#logout img {
width: 60px;
}
.button {
transition: all ease 0.5s;
padding: 1em 2em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: 700;
background: #FF6600;
color: #ffffff;
border-radius: 5px;
}
.main-menu {
margin-top: 1em;
border-top: 5px solid #000;
text-align: center;
font-size: 2em;
}
.main-menu div {
padding: 0.2em;
font-weight: 700;
text-transform: uppercase;
border-bottom: 5px solid #000000;
}
.button:hover {
background: #F82;
cursor: pointer;
}
.error {
padding: 5px;
font-weight: 700;
color: #CC0000;
}
#gornjatraka {
background-image: url(slike/logo.jpg);
background-position: center;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
margin: 0 auto;
background-color: #fff;
width: 100%;
text-align: center;
height: 150px;
}
.tab {
font-family: Arial;
color: #FFF;
background-image: url(slike/tab.jpg);
font-size: 12px;
margin-right: 50px;
background-repeat: no-repeat;
width: 120px;
height: 17px;
padding-top: 3px;
padding-left: 0.5px;
}
.tabslika {
background-image: url(slike/border.png);
margin-right: 50px;
background-repeat: no-repeat;
width: 120px;
height: 150px;
padding-top: 2px;
padding-left: 0.5px;
}
.indicator {
width: 1em;
display: inline-block;
height: 1em;
border-radius: 50%;
background: #FF8822;
}
.align-center {
text-align: center;
}
#main {
margin: 0 auto;
text-align: left;
}
#izborniklijevo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 40%;
}
#tijelo {
text-align: center;
margin-top: 10px;
background-image: url(slike/linija.png);
background-position: left;
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
padding-left: 10px;
}
.google-visualization-tooltip {
pointer-events: auto!important;
}
.izbornik {
display: block;
padding-left: 15px;
text-align: left;
color: white!important;
font-size: 1.2em;
font-weight: 700;
text-transform: uppercase;
height: 35px;
border-bottom: 3px solid white;
margin-top: 20px;
}
#dropdown {
overflow: hidden;
padding-bottom: 2em;
text-align: center;
font-size: 1.2em;
}
#calendar {
}
#infowin {
float: left;
width: 305px;
padding-left: 15px;
}
.table-unconstrained {
max-width: 100%;
}
#desno {
float: left;
padding-left: 15px;
background-image: url(slike/linija.png);
background-position: left;
background-repeat: repeat-y;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
width: 300px;
}
#desno1 {
background-image: url(slike/linija.png);
background-position: left;
background-repeat: repeat-y;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
select {
border: 1px solid #FF6600;
font-size: 1.1em;
}
.smaller-text tbody tr td {
font-size: 1em!important;
font-weight: 400!important;
}
#dropdown1 {
font-weight: 700;
text-align: center;
}
#tijelo1 {
margin-top: 10px;
margin-bottom: 30px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding-left: 10px;
width: 650px;
}
.calendar-header {
background: #FF8822;
color: white;
}
#tijelo2 {
margin-top: 10px;
margin-bottom: 30px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 10px;
width: 650px;
}
table {
width: 100%;
}
td {
width: 14%;
font-size: 1.5em;
}
th {
padding: 1em;
}
#vanredno {
margin: 0 auto;
float: left;
padding: 0;
}
.linija {
background-color: #CCC;
height: 0.5px;
}
#sPartneri {
color: #006;
font-size: 14px;
font-weight: bold;
}
#sPartneri1 {
color: #006;
font-size: 14px;
font-weight: bold;
}
#bunesi {
display: none;
}
#bpromijeni {
display: none;
}
#prodmjestadiv {
display: none;
}
.blankbutton {
background-image: url(slike/blankbutton.jpg);
font-size: 11px;
cursor: pointer;
margin-left: 25px;
margin-bottom: 15px;
border: 0px;
color: white;
background-repeat: no-repeat;
width: 100px;
height: 37px;
}
.blankbutton:hover {
background-image: url(slike/blankbuttonroll.jpg);
}
#vrazmakdiv {
display: none;
}
#oddodiv {
display: none;
}
#vrazmakdiv2 {
display: none;
}
#oddodiv2 {
display: none;
}
#skrivenidio {
display: none;
}
#opvozilo {
display: none;
}
#divrezervacija {
display: none;
}
#divrezervacija_vl {
display: none;
}
#divopcija {
display: none;
}
.print1 {
float: left;
background-image: url(crticazelena.jpg);
background-repeat: repeat-y;
background-position: right;
width: 100px;
height: 450px;
margin-right: 30px;
}
.reddrop {
color: red;
}
.satibrodovinaziv {
width: 20%;
background-color: #002951;
color: white;
float: left;
border: 1px solid;
border-color: grey;
height: 35px;
text-align: center;
padding-top: 5px;
box-shadow: 3px 3px 2px #888888;
background: -webkit-linear-gradient(#006, #000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#006, #000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#006, #000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#006, #000); /* Standard syntax */
}
.satibrodovilista {
width: 5%;
padding-top: 10px;
float: left;
border: 1px solid;
border-color: grey;
height: 30px;
text-align: center;
box-shadow: 3px 3px 2px #888888;
}
.satibrodovi {
width: 5%;
padding-top: 10px;
cursor: pointer;
float: left;
border: 1px solid;
border-color: grey;
height: 30px;
text-align: center;
box-shadow: 3px 3px 2px #888888;
}
.satibrodovi:hover {
background-image: url(slike/list.png);
background-repeat: no-repeat;
background-position: center;
}
.satibrodovic {
width: 5%;
cursor: pointer;
background-color: red;
float: left;
border: 1px solid;
border-color: grey;
height: 30px;
padding-top: 10px;
text-align: center;
box-shadow: 3px 3px 2px #888888;
background: -webkit-linear-gradient(#C00, #F00); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#C00, #F00); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#C00, #F00); /* For Firefox 3.6 to 15 */
background: linear-gradient(#C00, #F00); /* Standard syntax */
}
.satibrodovic1 {
width: 5%;
cursor: pointer;
background-color: red;
float: left;
border: 1px solid;
border-color: grey;
height: 30px;
padding-top: 10px;
text-align: center;
box-shadow: 3px 3px 2px #888888;
background: -webkit-linear-gradient(#FFF, #F90); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#F60, #F90); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#F60, #F90); /* For Firefox 3.6 to 15 */
background: linear-gradient(#F60, #F90); /* Standard syntax */
}
.satibrodovic2 {
width: 5%;
cursor: pointer;
background-color: red;
float: left;
border: 1px solid;
border-color: grey;
height: 30px;
padding-top: 10px;
text-align: center;
box-shadow: 3px 3px 2px #888888;
background: -webkit-linear-gradient(#FC0, #FF0); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FC0, #FF0); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FC0, #FF0); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FC0, #FF0); /* Standard syntax */
}
.prvinalog {
width: 20%;
float: left;
}
.linijanalog {
height: 1px;
width: 100%;
float: left;
background-color: #003;
margin-top: 3px;
margin-bottom: 3px;
}
.druginalog {
width: 80%;
font-size: 14px;
text-transform: uppercase;
float: left;
}
@media (max-width: 768px) {
.divizletapopis{width:90%; background:orange;color:white; padding:15px; margin:0 auto; text-align:center;text-transform:uppercase; margin-top:10px;}
#gornjatraka{height:30px;background:none;}
#izborniklijevo {
width: 60%;
left: -60%;
}
#izborniklijevo.active {
left:0;
}
}
Zerion Mini Shell 1.0