|
|
Line 220: |
Line 220: |
| } | | } |
| </script> | | </script> |
− |
| |
− | /****************************** DEFAULT WIKI SETTINGS ****************************/
| |
− |
| |
− |
| |
− | body,h1,h2,h3,h4,h5,h6,p {font-family: "Raleway", sans-serif; line-height: 1.5}
| |
− |
| |
− | body, html {
| |
− | height: 100%;
| |
− | line-height: 1.8;
| |
− | }
| |
− |
| |
− | #home_logo, #sideMenu { display:none; }
| |
− | #sideMenu, #top_title, .patrollink {display:none;}
| |
− | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| |
− | body {background-color:white; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent p {
| |
− | font-family: "Raleway", sans-serif;
| |
− | line-height: 1.5;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | /**************************** NAVBAR *************************************/
| |
− |
| |
− | /* Add a dark background color with a little bit see-through */
| |
− | .navbar {
| |
− | left: -20px !important;
| |
− | right: -20px !important;
| |
− | top: -20px !important;
| |
− | padding-top: 25px;
| |
− | padding-bottom: 5px;
| |
− | padding-left: 25px;
| |
− | padding-right: 25px;
| |
− | background-color: white;
| |
− | border-color: transparent;
| |
− | border: 0;
| |
− | font-size: 13px !important;
| |
− | letter-spacing: 1px;
| |
− | /*opacity:0.95;*/
| |
− | margin-top: 17px;
| |
− | transition: background-color 0.5s ease-out;
| |
− | }
| |
− |
| |
− | .navbar-nav {
| |
− | margin-top: 2.1em !important;
| |
− | }
| |
− |
| |
− | .navbar li {
| |
− | margin: 0 2px;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | /* Add a gray color to all navbar links */
| |
− | .navbar li a, .navbar .navbar-brand {
| |
− | color: #fff;
| |
− | border-radius: 5px;
| |
− | }
| |
− |
| |
− | /* the color of the single Link ('safety') on hover */
| |
− | .navbar-nav li a:hover {
| |
− | color: #193759;//changed
| |
− | }
| |
− |
| |
− | /* The active link this seems to be useless at the moment*/
| |
− | .navbar-nav li.active a {
| |
− | color: #fff;
| |
− | background-color:#29292c;
| |
− | }
| |
− |
| |
− | /* Remove border color from the collapsible button */
| |
− | .navbar-default .navbar-toggle {
| |
− | border-color: transparent;
| |
− | }
| |
− |
| |
− | .navbar-default {
| |
− | border-color:transparent;
| |
− | }
| |
− |
| |
− | .navbar-collapse>ul:before {
| |
− | content: "";
| |
− | margin-top: 40px;
| |
− | }
| |
− |
| |
− | @media (min-width: 768px){
| |
− | .navbar-collapse>ul:before {
| |
− | content: "";
| |
− | margin-top: 0px;
| |
− | }
| |
− |
| |
− | .navbar-right {
| |
− | margin-right: 2% !important;
| |
− | }
| |
− |
| |
− | .navbar-header {
| |
− | margin-left: 2% !important;
| |
− | }
| |
− |
| |
− | .navbar>li>a {
| |
− | padding: 10px 15px;
| |
− | }
| |
− | }
| |
− | @media (max-width: 761px){
| |
− | .dropdown-menu li a {
| |
− | color: #ffffff;
| |
− | letter-spacing: 1px;
| |
− | }
| |
− | }
| |
− |
| |
− | /* the color of the Dropdown on click */
| |
− | .open .dropdown-toggle {
| |
− | color: #193759;//changed
| |
− | background-color: #fff;
| |
− | }
| |
− |
| |
− | /* the color of the Dropdown links */
| |
− | .dropdown-menu li a {
| |
− | color: #000;
| |
− | letter-spacing: 1px;
| |
− | }
| |
− |
| |
− | /* the color of the dropdown links on hover */
| |
− | .dropdown-menu li a:hover {
| |
− | background-color: #fff;
| |
− | }
| |
− |
| |
− | .navbar-toggle .icon-bar {
| |
− | background: white;
| |
− | }
| |
− |
| |
− | .navbar-header img {
| |
− | height: 80px;
| |
− | }
| |
− |
| |
− | #globalWrapper {
| |
− | margin-bottom: 0px;
| |
− | padding-bottom: 0px;
| |
− | }
| |
− |
| |
− | #top_menu_14 {
| |
− | height: 18px;
| |
− | }
| |
− |
| |
− | #top_menu_14 #user_item {
| |
− | margin-top: -3px;
| |
− | padding-top: 0px;
| |
− | }
| |
− |
| |
− | #top_menu_14 #bars_item img {
| |
− | vertical-align: top;
| |
− | }
| |
− |
| |
− | @media (max-width: 810px) {
| |
− | #home-link {
| |
− | display:none;
| |
− | }
| |
− | }
| |
− |
| |
− | .nav .open>a, .nav>li>a:hover, .nav .open:hover>a, .nav .dropdown:hover>a{
| |
− | background-color: white;
| |
− | border: none;
| |
− | border-bottom-left-radius: 0px;
| |
− | border-bottom-right-radius: 0px;
| |
− | box-shadow: 0px 6px 12px rgba(0,0,0,.175);
| |
− | color: #193759;//changed
| |
− | }
| |
− |
| |
− | .nav .open .dropdown-menu, .nav .dropdown-menu {
| |
− | border: none;
| |
− | border-top-left-radius: 4px !important;
| |
− | }
| |
− |
| |
− | .nav .open>a:hover, .nav a:focus {
| |
− | background-color: white !important;
| |
− | }
| |
− |
| |
− | @media (min-width: 979px) {
| |
− | ul.nav li.dropdown:hover > ul.dropdown-menu {
| |
− | display: block;
| |
− | }
| |
− | }
| |
− |
| |
− | .navbar.scrolled {
| |
− | background-color: rgba(0,33,71,0.9);
| |
− | }
| |
− |
| |
− | @media (min-width: 1200px) {
| |
− | .container {
| |
− | width: 1000px;
| |
− | }
| |
− | }
| |
− |
| |
− |
| |
− | /**** PAGE CONTENT ****/
| |
− |
| |
− | #bodyContent {
| |
− | background-color: white;
| |
− | }
| |
− |
| |
− | #bodyContent h1 {
| |
− | text-align: center;
| |
− | font-size: 48pt;
| |
− | font-weight: lighter;
| |
− | }
| |
− |
| |
− | #bodyContent h2 {
| |
− | text-align: center;
| |
− | font-size: 24pt;
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | #bodyContent h3 {
| |
− | text-align: left;
| |
− | font-size: 14pt;
| |
− | font-weight: bold;
| |
− | text-decoration: underline;
| |
− | }
| |
− |
| |
− | #bodyContent h4 {
| |
− | text-align: left;
| |
− | font-size: 14pt;
| |
− | text-decoration: underline;
| |
− | }
| |
− |
| |
− | #bodyContent p {
| |
− | font-size: 14pt;
| |
− | margin-top: 10px;
| |
− | }
| |
− |
| |
− | #bodyContent .table {
| |
− | font-size: 12pt;
| |
− |
| |
− | }
| |
− |
| |
− | .img-center {
| |
− | margin: 6pt auto;
| |
− | }
| |
− |
| |
− | .img-reponsive {
| |
− | margin-top: 6pt;
| |
− | margin-bottom: 6pt;
| |
− |
| |
− | }
| |
− | #bodyContent .imager{
| |
− | float: right;
| |
− | /*width: 200px;*/
| |
− | text-align: center;
| |
− | font-size: 12px;
| |
− | padding-left: 20px;
| |
− |
| |
− | }
| |
− |
| |
− | #bodyContent .imagel{
| |
− | float: left;
| |
− | /*width: 200px;*/
| |
− | text-align: center;
| |
− | font-size: 12px;
| |
− | padding-right: 20px;
| |
− |
| |
− | }
| |
− |
| |
− | #side {
| |
− | float: left;
| |
− | padding-right: 20px;
| |
− | padding-top: 15px;
| |
− | }
| |
− | #sider {
| |
− | float: right;
| |
− | padding-left: 20px;
| |
− | padding-top: 15px;
| |
− | }
| |