Difference between revisions of "Template:Oxford"

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:16, 18 August 2018