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; | ||
+ | } |
Revision as of 23:15, 18 August 2018
/****************************** 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; }