/* PAGE LAYOUT *00 Body *
*01 Header * include 'includes/ci_header.php

Username of not:

Cattlelogue

include'vn_tabBar.php'

Header Text:

*03 Body Content * Hand over to controller includes/ci_Content.php
*/ /*01 Header */ html{ font-family:helvicta,sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } /*00 Body */ body { padding: 5px; background-image:url(../logoImg/Background.jpg); } .col-lg-9, .col-md-10,.col-sm-12 { padding-left: 0; padding-right: 0; } .h1, h1 { font-size: 30px; } .jumbotron{ background-color:transparent; background-image:url(../logoImg/cattleBanner480.jpg); background-repeat: no-repeat; height:100px; width:100%; padding-bottom: 0; margin-bottom: 5px; } .jumbotron h1{ display:none; } /*images on the home/welcome page */ .headimg-left { float:left; width:auto; height:120px; margin-right:30px; margin-bottom: 15px; margin-top: 15px; } .headimg-right { float:right; width:auto; height:120px; margin-left:30px; margin-bottom: 15px; margin-top: 15px; } /*login logout*/ .log{ float:right; padding-right:15px; font-size: 14px; font-weight:300; margin-top: -20px; } /*02 Nav ---- header*/ .cattleNav{ background-color: #663300; border-color: none; color: whitesmoke; } .cattleNav .navbar-nav>li>a { color: White; font-weight:600; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #cc6600;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {backgound:brown;} /*03 content ---- body*/ td, th { font-weight: 500; } td img { overflow-y: scroll; float:left; } button,select { max-width:75%; } /*images on the tables*/ .stdTable { max-width: 500px; max-height: 500px; } /*horn gif on the tables*/ img .cowhorn { display: block; } /*cattle table is on the search page*/ .cattle table{ margin-left: auto; margin-right: auto; border-spacing: 3px; border-collapse: separate; } .cattle td{ padding: 20px; margin-right: 20px; } .cattle th{ text-align: center; } .cattle td img { height: 100px; display: block; margin-left: auto; margin-right: auto; } .stampimg img { height:100px; } .stimg:hover{ width:100%; height 350px; } #stimg:hover{ height: 350px; } .flagimg img { height:100px; } button { margin-left:10px; font-size: 25px; } /*04 Footer*/ footer{ margin-top: 10px; border-top:5px solid #663300; padding-top: 30px; text-align: center; clear: both; } .label-info{ width:35%; background-color: transparent; } /* @media only screen and (min-width: 614px) { .jumbotron{ background-image:url(../logoImg/cattleBanner600.jpg); background-repeat: no-repeat; height:95px; } .small img { overflow-y: scroll; float:left; } li { list-style:None; } }*/ @media only screen and (min-width: 500px) { .jumbotron{ background-image:url(../logoImg/cattleBanner600.jpg); width:100%; height:95px; } .h1, h1 { font-size: 35px; } } @media only screen and (min-width: 680px) { .jumbotron{ background-image:url(../logoImg/cattleBanner970.jpg); height:145px; } .col-lg-9, .col-md-10,.col-sm-12 { padding-left: 10px; padding-right: 10px; } #stimg:hover{ height:350px;} } @media only screen and (min-width: 992px) { .jumbotron{ background-image:url(../logoImg/cattleBannerB1300.jpg); height:200px; margin-bottom: 5px; } button { margin-left:10px; font-size: inherit; } .body-content { } } @media only screen and (min-width: 1367px) { .jumbotron{ background-image:url(../logoImg/cattleBannerW1700.jpg); width: 100%; } .col-lg-9, .col-md-10,.col-sm-12 { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 1845px) { .jumbotron{ background-repeat: round; } }