CaffGeek/MBACNationals

View on GitHub
Web.Admin/2017/css/customize.css

Summary

Maintainability
Test Coverage
@media print {
  a[href]:after {
    content: none !important;
  }
}

body {
    font-family: verdana, sans-serif;
    font-size: 12px;
    }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 15, 2014 */

* {
  border-radius: 0 !important;
}


@font-face {
    font-family: 'bebasregular';
    src: url('/Content/fonts/bebas___-webfont.eot');
    src: url('/Content/fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/bebas___-webfont.woff') format('woff'),
         url('/Content/fonts/bebas___-webfont.ttf') format('truetype'),
         url('/Content/fonts/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


a {color:#006633;}
a:hover {#003300;}
h1, h2, h3, h4, h5, h6 {
        font-family: 'bebasregular';
        color: rgba(255,0,0,.6);
        }
        
h3 { font-size: 16px;}

h4 { font-size: 14px;
    color: #000;
    border-bottom: 1px dotted black;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top:15px;
    }

.dropdown-menu {font-size:11px;}

.newsheader {color: #428BCA; }

.newsletter input[type=text] {margin-left:15px;}

.btn-default { 
  color: #FFFFFF; 
  background-color: #ccc; 
  border:0; 
} 
 
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
  color: #FFFFFF; 
  background-color: #8dc63f; 
  border-color: #FFFFFF; 
} 
 

header {
    background-repeat: no-repeat;
    background-size:cover;
    background-position: top center;
    background-image: url('../images/background.jpg');
    height:400px;
    }
    
nav {
    font-size: 11px;
    text-transform: uppercase;
    padding-top:15px;
    }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 800px;
    }

.nav>li>a {
  padding: 0px 7px;
}
    
.nav li {
  border-right: 1px solid #ccc;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #428BCA;

    }
    
.nav li:last-child {
  border-right: none;
}


.navbar-fixed-top { background-color: rgba(255,255,255,1);transition: background-color 2s ease 0s;}
.navbar-fixed-top.opaque { background-color: rgba(255,255,255,0.85);transition: background-color 2s ease 0s; }

 #headerContainer {
        background-color:white;
        }

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

}

@media (max-width: 767px){

    #headerContainer {
        margin:0 15px;
        }

nav {
    padding-top:0px;
    }

    .nav>li>a {
  padding: 10px 10px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
      background-color: #999;

    }

    
.nav li {
  border-right: 0;
}

.navbar-fixed-top { background-color: rgba(255,255,255,0.95); }
.navbar-fixed-top.opaque { background-color: rgba(255,255,255,0.95);transition: background-color 2s ease 0s; }


}

.location {
    font-weight: 600;
    }

#photoCredit {
    color: #999;
    font-size: 10px;
    text-align: right;
    margin-right: 20px;
    }
    
.sidebarNav{
    margin-top:20px;
    padding-left:0px;
    font-family: 'bebasregular';
    font-size: 14px;    
    }

.sidebarNav li {
    list-style-type:none;
    padding-bottom: 10px;
    }

.sidebarNav a {
    color: #999;
    }

.sidebarNav a:hover {
    color: #8dc63f;
    text-decoration: none;
    }
    
footer {
    color: #999;
    font-size: 10px;
    text-align: right;
    }
    
footer li
{
display: inline;
list-style-type: none;
padding-right: 6px;
padding-left: 6px;
border-right: 1px solid #ccc;


}

footer li a {
    color: #999;
}

footer li a:hover {
    color: #428BCA;
    text-decoration: none;
}


footer li:last-child
{

padding-right: 0px;
border-right: none;

}

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.5));
    /*filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='12' dy='12' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.hotel img {
    width:100%;
    }

.lanedraw tr.game {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.lanedraw .alt {
    background: #e9e9e9;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

.lanedraw td, .lanedraw th {padding:2px;}

.lanedraw h4 {border:0px;}

.centreLogo, .centreDetails {padding:20px 20px;}
@media (min-width: 768px) {
.centreLogo, .centreDetails {padding:20px 10px;}
}

.centreLogo img {width:100%;}

.pointer {
    cursor: pointer;
}

.text-right {
    text-align: right;
}

div.game {
    text-align: center;
    margin-right: 0px;
    margin-left: 0px;
    display: block;    
}
div.game .frame {
    border-collapse: collapse;
    border: 1px solid black;
    display: inline-block;
    width: 9%;  
}
div.game .frame .number {
}
div.game .frame .shots {
}
div.game .frame .shots .shot {
}

/* GALLERIES CSS */

.FB_pic_container
{
 display:inline-block;
 position: relative;
 width:175px;
 height: 104px;
 text-align:center;
 overflow: hidden;
 border: 1px solid #ccc;
 border-radius: 4px;
 outline: none;
 margin: 2px;
 padding: 2px;
}
 
.FB_pic_container:hover
{
 border-color: #56B4EF;
 box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
 -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}
 
.FB_pic_label
{
 text-decoration:none;
 color: #fff;
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 background-color:#000;
 opacity:0.9;
 filter:alpha(opacity=90); /* For IE8 and earlier */
}
 
.FB_pic_container:hover .FB_pic_label
{
 opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */
}
 
.FB_pic_container img
{
 position: absolute;
 margin: auto;
 top: 0;
 left: 0;
 right: 0;
 bottom: 22px;
}


/** 2017 Details **/
h1, h2, h3, h4, h5, h6 {
   font-family: 'bebasregular';
   color: #006633;
   }

.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
  color: #FFFFFF; 
  background-color: #006633; 
  border-color: #FFFFFF; 
} 

header {
background-repeat: no-repeat;
background-size:cover;
background-position: top center;
background-image: url('/2017/images/background.jpg');
height:400px;
}

.navbar-default .navbar-nav>li>a:hover {
color: #006633;

}
.sidebarNav a:hover {
color: #006633;
text-decoration: none;
}

footer li a:hover {
color: #006633;
text-decoration: none;
}

.souvenirs {
width:100%;
max-width:480px;
margin-bottom:20px;
}

.control-label {margin-top:0px;}

#souvenirs form-group {margin-bottom:15px;}

#souvenirs form-group label {margin-top:0px;}

hr {clear:both;margin-top:15px;margin-bottom:15px;}