|
|
| Line 441: |
Line 441: |
| | /* Pad bottom by footer height */ | | /* Pad bottom by footer height */ |
| | padding: 0 0 50px; | | padding: 0 0 50px; |
| - | }
| |
| - |
| |
| - | <!-- TESTING NAVBAR COLORS
| |
| - | .navbar-default1 {
| |
| - | background-color: #000000;
| |
| - | border-color: #e7e7e7;
| |
| - | }
| |
| - | .navbar-default1 .navbar-brand {
| |
| - | color: #ffffff;
| |
| - | }
| |
| - | .navbar-default1 .navbar-brand:hover,
| |
| - | .navbar-default1 .navbar-brand:focus {
| |
| - | color: #5e5e5e;
| |
| - | background-color: #000000;
| |
| - | }
| |
| - | .navbar-default1 .navbar-text {
| |
| - | color: #777;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav > li > a {
| |
| - | color: #777;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav > li > a:hover,
| |
| - | .navbar-default1 .navbar-nav > li > a:focus {
| |
| - | color: #333;
| |
| - | background-color: #0000ff;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav > .active > a,
| |
| - | .navbar-default1 .navbar-nav > .active > a:hover,
| |
| - | .navbar-default1 .navbar-nav > .active > a:focus {
| |
| - | color: #555;
| |
| - | background-color: #e7e7e7;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav > .disabled > a,
| |
| - | .navbar-default1 .navbar-nav > .disabled > a:hover,
| |
| - | .navbar-default1 .navbar-nav > .disabled > a:focus {
| |
| - | color: #ccc;
| |
| - | background-color: #000000;
| |
| - | }
| |
| - | .navbar-default1 .navbar-toggle {
| |
| - | border-color: #ddd;
| |
| - | }
| |
| - | .navbar-default1 .navbar-toggle:hover,
| |
| - | .navbar-default1 .navbar-toggle:focus {
| |
| - | background-color: #ddd;
| |
| - | }
| |
| - | .navbar-default1 .navbar-toggle .icon-bar {
| |
| - | background-color: #888;
| |
| - | }
| |
| - | .navbar-default1 .navbar-collapse,
| |
| - | .navbar-default1 .navbar-form {
| |
| - | border-color: #e7e7e7;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav > .open > a,
| |
| - | .navbar-default1 .navbar-nav > .open > a:hover,
| |
| - | .navbar-default1 .navbar-nav > .open > a:focus {
| |
| - | color: #555;
| |
| - | background-color: #0000ff;
| |
| - | }
| |
| - | @media (max-width: 767px) {
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > li > a {
| |
| - | color: #777;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > li > a:hover,
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > li > a:focus {
| |
| - | color: #333;
| |
| - | background-color: #0000FF;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > .active > a,
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
| - | color: #000000;
| |
| - | background-color: #0000FF;
| |
| - | }
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > .disabled > a,
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > .disabled > a:hover,
| |
| - | .navbar-default1 .navbar-nav .open .dropdown-menu > .disabled > a:focus {
| |
| - | color: #ccc;
| |
| - | background-color: #0000FF;
| |
| - | }
| |
| - | }
| |
| - | .navbar-default1 .navbar-link {
| |
| - | color: #ffffff;
| |
| - | }
| |
| - | .navbar-default1 .navbar-link:hover {
| |
| - | color: #333;
| |
| - | }
| |
| - | .navbar-default1 .btn-link {
| |
| - | color: #ffffff;
| |
| - | }
| |
| - | .navbar-default1 .btn-link:hover,
| |
| - | .navbar-default1 .btn-link:focus {
| |
| - | color: #333;
| |
| - | }
| |
| - | .navbar-default1 .btn-link[disabled]:hover,
| |
| - | fieldset[disabled] .navbar-default1 .btn-link:hover,
| |
| - | .navbar-default1 .btn-link[disabled]:focus,
| |
| - | fieldset[disabled] .navbar-default1 .btn-link:focus {
| |
| - | color: #ccc;-->
| |
| - |
| |
| - | <!--MAGIC-->
| |
| - | @media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}
| |
| - | .navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
| |
| - | .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
| |
| - | .navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
| |
| - | .navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
| |
| - | .navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}
| |
| - | .navbar-default{background-color:#0a0e70;border-color:#070a52}.navbar-default .navbar-brand{color:#9c9999}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#e3dddd;background-color:transparent}
| |
| - | .navbar-default .navbar-text{color:#777}
| |
| - | .navbar-default .navbar-nav>li>a{color:#faf9f9}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#48accc;background-color:#3c51ba}
| |
| - | .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#2acfe6;background-color:#2f3496}
| |
| - | .navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
| |
| - | .navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
| |
| - | .navbar-default .navbar-toggle .icon-bar{background-color:#888}
| |
| - | .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#070a52}
| |
| - | .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#2f3496;color:#2acfe6}
| |
| - | @media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#faf9f9}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#48accc;background-color:#3c51ba} .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#2acfe6;background-color:#2f3496} .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}
| |
| - | .navbar-default .navbar-link{color:#faf9f9}.navbar-default .navbar-link:hover{color:#48accc}
| |
| - | .navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!-- PINNED SIDE MENU-->
| |
| - | body {
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - | #main {
| |
| - | width:750px;
| |
| - | height: 750px; /*can be anything, just should make sure it is taller than the sidebar*/
| |
| - | padding: 25px;
| |
| - | float: left;
| |
| - | background-color: #fafafa;
| |
| - | }
| |
| - | #sidebar {
| |
| - | width: 120px;
| |
| - | background-color: #ccc;
| |
| - | min-height: 200px;
| |
| - | margin: 10px 0 15px 0; /*controls the cutoff of the top and bottom limitations*/
| |
| - | padding: 15px 10px;
| |
| - | float: left; /* float right for a right aligned sidebar */
| |
| - | }
| |
| - | #footer {
| |
| - | width: 940px;
| |
| - | clear:both;
| |
| - | background-color: #ccc;
| |
| - | height: 500px;
| |
| - | margin-top: 100px;
| |
| - | }
| |
| - | #wrapper {
| |
| - | width: 940px; /* MUST HAVE WIDTH SET, should be the sidebar width + main width */
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| | } | | } |
| | | | |
| | </style> | | </style> |
| | </html> | | </html> |
"
