/* ( o o ) .---------------.oooO--(_)--Oooo.---------------. / _ __ __ \ | | | / /__ _____/ /____ _________ | | | | /| / / _ \/ ___/ __/ _ \/ ___/ __ \ | | | |/ |/ / __(__ ) /_/ __/ / / / / / | | |__/|__/\___/____/\__/\___/_/ /_/ /_/ | | | | .oooO | \ ( ) Oooo. / `------------------\ (----( )-----------------`v \_) ) / (_/ Author: Nicholas Hood Instituition: Western Oklahoma State College Directions: Place this CSS file after the Bootstrap CSS in the */ /* #### Texture for white background #### */ body { background: #fff url(../img/APPS-main-pattern-lighter.png) repeat; margin: 70px 0 0; height: 92%; position: relative; } .main.container a, footer a { color: #005600; border-bottom: 1px dotted #777; } .main.container a:hover, footer a:hover, .main.container a:focus, footer a:focus { color: #00E; border-bottom: 1px solid #007; text-decoration: none; } .main.container { min-height: 20vh; /* will cover the 100% of viewport */ overflow: hidden; display: block; position: relative; padding-bottom: 70px; /* height of your footer */ } .main.container img, footer img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .main.container a img:hover, .main.container a:focus img { border-radius: 20px; outline-color: #F55; background-color: #ffffcc; border: 1px dotted #aaa; } .main.container a img { border: 1px solid transparent; } footer2 { background-color: #fff; position:fixed; bottom:0; line-height: 14px; padding: 5px 15px 10px; width: 100% !important; box-shadow: -2px 2px 7px 11px #FFF; border-bottom: 5px solid #000; } footer2 { font-size: 11px; } /* #### Header COLOR, BORDER COLOR, & GRADIENT TEXTURE #### */ .navbar-inverse { background: #050 url(../img/APPS-header.png) scroll 0 -80px repeat-x; border-top: 3px solid #000; border-bottom: 3px solid #F7B21B; /* Western Gold */ box-shadow: 0px 1px 9px rgb(99, 111, 99); } .navbar-brand, .navbar-brand img{ color: #EFEFEF !important; text-shadow: 1px 1px 0 rgba(0,0,0,.95); -webkit-transition: all .45s ease-in-out; transition: all .45s ease-in-out; } .navbar-brand:hover, .navbar-brand:focus { color: #F7B21B !important; text-shadow: 1px 1px 0 rgba(0,0,0,.35); font-size: 19px; } .navbar-brand:hover img, .navbar-brand:focus img { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li:hover>a, .navbar-inverse .navbar-nav>li>a:hover, .activeapp { background-color: rgba(255, 255, 255, 0.11) !important; } /* #### ALERT NOTICE #### */ #notice { width: 90%; margin: 10px auto 30px; color: #a94442; background-color: #f2dede; padding: 15px; border: 1px dotted #CA9AA2; border-radius: 5px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #notice { background-image:none;text-align: center; } #notice:before, .notice-core:before { content: "NOTICE"; font-size: x-small; font-style: italic; float: left; color:RED; } .notice-core:before { float: right; margin-right: 9px; } .notice-core { font-size: small; text-align: center; color: #000; font-weight: bold; } /* #### Header Height Smaller #### */ .navbar-inverse { padding: 4px; min-height: 45px; } .dropdown-toggle { padding-top:8px; padding-bottom:10px } .navbar-toggle { padding: 6px 6px; margin-top:2px; margin-bottom:4px; } .navbar-brand { padding: 9px 15px; height: 35px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: 1px solid transparent; } .navbar-brand img { width: 35px; margin: -10px 8px 0 0; float: left; } .navbar-nav { height:35px; } .dropdown-toggle { padding-top:11px !important; padding-bottom:12px !important; margin-top: 3px; } .navbar-right { margin-top: -8px; } /* #### Optional transparent seal for inner panel body #### */ .blog-main .panel-body { background: #fffbfb url../img/seal651.png) center top no-repeat; } .panel-success .panel-body { background: #fdfffb url(../img/seal651.png) center top no-repeat; } /* #### Color & background-color for inner panel title/heading #### */ .breadcrumb a { color:green } .panel-danger > .panel-heading { color: #fff; background: #821b1b; border-bottom: 5px solid #E4E4E4; } .breadcrumb { padding: 4px 15px; margin: 40px 0 20px !important; } /* #### BootStrap Hover Dropdown Fix #### */ .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } /* ######### START ######## */ /* #### @media queries #### */ @media (min-width: 1200px) { .container, #notice { width: 95% !important; max-width: 1500px; } footer { #left: 48%; } } @media (max-width: 768px) { .navbar-nav { height: inherit; background-color: #09460A; margin-bottom: 0; } .navbar-right { margin-top: inherit; } .main.container { padding-bottom: 10px; } footer { position:relative; width:100%; } footer>.container>.row>div { text-align:center !important; font-size: 15px; line-height: 22px; } } /* #### WOSC Buttons #### */ .button, .button-blue, input[type=submit], .button-green, .button-red, .button-pink, .button-teal, .button-orange, .button-purple, .button-reachhigher { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;outline: 0;white-space: nowrap;font-weight: 500;font-style: normal;margin:4px 7px;padding: 5px 9px;line-height: 1.4;position: relative;border-radius: 10px;-webkit-transition: 0.1s;transition: 0.1s;cursor:pointer; color: white!important;background: #4472B9!important;box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);border: 5px solid #4472B9!important;text-shadow:1px 1px 1px black } .button-green { background: #44B978!important; border: 5px solid #44B978!important; } /*169000*/ .button-red { background: #F14545!important; border: 5px solid #F14545!important; } /*B72D2D*/ .button-orange { background: #F47F05!important; border: 5px solid #F47F05!important; } /*FFAB2D*/ .button-teal { background: #7AC4A0!important; border: 5px solid #7AC4A0!important; } /*44B0C1*/ .button-reachhigher { background: #0C8AE8!important; border: 5px solid #0C8AE8!important; } .button-pink { background: #DF827F!important; border: 5px solid #DF827F!important; } /*C15DB0*/ .button-purple { background: #d6a7f1!important; border: 5px solid #d6a7f1!important; } /*981ACC*/ .button:hover, .button-blue:hover, .button:focus, .button-blue:focus, input[type=submit]:hover, input[type=submit]:focus, .button-green:hover, .button-pink:hover, .button-red:hover, .button-teal:hover, .button-orange:hover, .button-purple:hover, .button-green:hover, .button-reachhigher:hover, .button-pink:focus, .button-red:focus, .button-teal:focus, .button-orange:focus, .button-purple:focus, .button-reachhigher:focus { padding: 5px 7px!important; color: #4472B9!important;background: white!important;box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);text-shadow:1px 1px 1px lightgrey } .button-green:hover, .button-green2:focus { color:#298829!important } .button-red:hover, .button-orange:focus { color:#F14545!important } .button-orange:hover, .button-orange:focus { color:#F47F05!important } .button-teal:hover, .button-teal:focus { color:#7AC4A0!important } .button-pink:hover, .button-pink:focus { color:#DF827F!important } .button-purple:hover, .button-purple:focus { color:#d6a7f1!important } .button:active, .button-blue:active, .button-green:active, input[type=submit]:active, .button-green:active, .button-pink:active, .button-teal:active, .button-orange:active, .button-purple:active, .button-red:active { -webkit-transform: translate(1px, 4px);-ms-transform: translate(1px, 4px);transform: translate(1px, 4px);