Difference between revisions of "Template:HSHL"

Line 64: Line 64:
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
/* HEADER AND NAVIGATION TOP */
+
/* HEADER*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
.img-centered {
 
    margin: 0 auto;
 
}
 
 
.bg-light-gray {
 
    background-color: #f7f7f7;
 
}
 
 
.bg-darkest-gray {
 
    background-color: #222;
 
}
 
 
.btn-primary {
 
    border-color: #fed136;
 
    text-transform: uppercase;
 
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
    font-weight: 700;
 
    color: #fff;
 
    background-color: #fed136;
 
}
 
 
.btn-primary:hover,
 
.btn-primary:focus,
 
.btn-primary:active,
 
.btn-primary.active,
 
.open .dropdown-toggle.btn-primary {
 
    border-color: #f6bf01;
 
    color: #fff;
 
    background-color: #fec503;
 
}
 
 
.btn-primary:active,
 
.btn-primary.active,
 
.open .dropdown-toggle.btn-primary {
 
    background-image: none;
 
}
 
 
.btn-primary.disabled,
 
.btn-primary[disabled],
 
fieldset[disabled] .btn-primary,
 
.btn-primary.disabled:hover,
 
.btn-primary[disabled]:hover,
 
fieldset[disabled] .btn-primary:hover,
 
.btn-primary.disabled:focus,
 
.btn-primary[disabled]:focus,
 
fieldset[disabled] .btn-primary:focus,
 
.btn-primary.disabled:active,
 
.btn-primary[disabled]:active,
 
fieldset[disabled] .btn-primary:active,
 
.btn-primary.disabled.active,
 
.btn-primary[disabled].active,
 
fieldset[disabled] .btn-primary.active {
 
    border-color: #fed136;
 
    background-color: #fed136;
 
}
 
 
.btn-primary .badge {
 
    color: #fed136;
 
    background-color: #fff;
 
}
 
 
.btn-xl {
 
    padding: 20px 40px;
 
    border-color: #fed136;
 
    border-radius: 3px;
 
    text-transform: uppercase;
 
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
    font-size: 18px;
 
    font-weight: 700;
 
    color: #fff;
 
    background-color: #fed136;
 
}
 
 
.btn-xl:hover,
 
.btn-xl:focus,
 
.btn-xl:active,
 
.btn-xl.active,
 
.open .dropdown-toggle.btn-xl {
 
    border-color: #f6bf01;
 
    color: #fff;
 
    background-color: #fec503;
 
}
 
 
.btn-xl:active,
 
.btn-xl.active,
 
.open .dropdown-toggle.btn-xl {
 
    background-image: none;
 
}
 
 
.btn-xl.disabled,
 
.btn-xl[disabled],
 
fieldset[disabled] .btn-xl,
 
.btn-xl.disabled:hover,
 
.btn-xl[disabled]:hover,
 
fieldset[disabled] .btn-xl:hover,
 
.btn-xl.disabled:focus,
 
.btn-xl[disabled]:focus,
 
fieldset[disabled] .btn-xl:focus,
 
.btn-xl.disabled:active,
 
.btn-xl[disabled]:active,
 
fieldset[disabled] .btn-xl:active,
 
.btn-xl.disabled.active,
 
.btn-xl[disabled].active,
 
fieldset[disabled] .btn-xl.active {
 
    border-color: #fed136;
 
    background-color: #fed136;
 
}
 
 
.btn-xl .badge {
 
    color: #fed136;
 
    background-color: #fff;
 
}
 
 
.navbar-default {
 
    border-color: transparent;
 
    background-color: #222;
 
}
 
 
.navbar-default .navbar-brand {
 
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
 
    color: #fed136;
 
}
 
 
.navbar-default .navbar-brand:hover,
 
.navbar-default .navbar-brand:focus,
 
.navbar-default .navbar-brand:active,
 
.navbar-default .navbar-brand.active {
 
    color: #fec503;
 
}
 
 
.navbar-default .navbar-collapse {
 
    border-color: rgba(255,255,255,.02);
 
}
 
 
.navbar-default .navbar-toggle {
 
    border-color: #fed136;
 
    background-color: #fed136;
 
}
 
 
.navbar-default .navbar-toggle .icon-bar {
 
    background-color: #fff;
 
}
 
 
.navbar-default .navbar-toggle:hover,
 
.navbar-default .navbar-toggle:focus {
 
    background-color: #fed136;
 
}
 
 
.navbar-default .nav li a {
 
    text-transform: uppercase;
 
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
    font-weight: 400;
 
    letter-spacing: 1px;
 
    color: #fff;
 
}
 
 
.navbar-default .nav li a:hover,
 
.navbar-default .nav li a:focus {
 
    outline: 0;
 
    color: #fed136;
 
}
 
 
.navbar-default .navbar-nav>.active>a {
 
    border-radius: 0;
 
    color: #fff;
 
    background-color: #fed136;
 
}
 
 
.navbar-default .navbar-nav>.active>a:hover,
 
.navbar-default .navbar-nav>.active>a:focus {
 
    color: #fff;
 
    background-color: #fec503;
 
}
 
 
@media(min-width:768px) {
 
    .navbar-default {
 
        padding: 25px 0;
 
        border: 0;
 
        background-color: transparent;
 
        -webkit-transition: padding .3s;
 
        -moz-transition: padding .3s;
 
        transition: padding .3s;
 
    }
 
 
    .navbar-default .navbar-brand {
 
        font-size: 2em;
 
        -webkit-transition: all .3s;
 
        -moz-transition: all .3s;
 
        transition: all .3s;
 
    }
 
 
    .navbar-default .navbar-nav>.active>a {
 
        border-radius: 3px;
 
    }
 
 
    .navbar-default.navbar-shrink {
 
        padding: 10px 0;
 
        background-color: #222;
 
    }
 
 
    .navbar-default.navbar-shrink .navbar-brand {
 
        font-size: 1.5em;
 
    }
 
}
 
 
 
header {
 
header {
 
     text-align: center;
 
     text-align: center;

Revision as of 14:10, 15 September 2018