Difference between revisions of "Template:Oxford/css/style"

 
(33 intermediate revisions by 3 users not shown)
Line 32: Line 32:
 
     padding-left: 25px;
 
     padding-left: 25px;
 
     padding-right: 25px;
 
     padding-right: 25px;
−
     background-color: rgba(0,33,71,0.9);
+
     background-color: rgb(25, 55, 89);
 
     border-color: transparent;
 
     border-color: transparent;
 
     border: 0;
 
     border: 0;
Line 39: Line 39:
 
     /*opacity:0.95;*/
 
     /*opacity:0.95;*/
 
     margin-top: 17px;
 
     margin-top: 17px;
 +
    transition: background-color 0.5s ease-out;
 
}
 
}
  
Line 58: Line 59:
 
/* the color of the single Link ('safety') on hover */
 
/* the color of the single Link ('safety') on hover */
 
.navbar-nav li a:hover {
 
.navbar-nav li a:hover {
−
     color: #1abc9c;
+
     color: #193759;//changed
 
}
 
}
  
Line 98: Line 99:
 
         padding: 10px 15px;
 
         padding: 10px 15px;
 
     }
 
     }
 +
}
 +
@media (max-width: 761px){
 +
.dropdown-menu li a {
 +
    color: #ffffff;
 +
    letter-spacing: 1px;
 +
}
 
}
 
}
  
 
/* the color of the Dropdown on click */
 
/* the color of the Dropdown on click */
 
.open .dropdown-toggle {
 
.open .dropdown-toggle {
−
     color: #1abc9c;
+
     color: #193759;//changed
 
     background-color: #fff;
 
     background-color: #fff;
 
}
 
}
Line 149: Line 156:
 
}
 
}
  
−
.nav .dropdown-toggle:hover {
+
.nav .open>a, .nav>li>a:hover, .nav .open:hover>a, .nav .dropdown:hover>a{
−
    background-color: white;
+
−
}
+
−
 
+
−
.nav .open>a {
+
 
     background-color: white;
 
     background-color: white;
 
     border: none;
 
     border: none;
Line 159: Line 162:
 
     border-bottom-right-radius: 0px;
 
     border-bottom-right-radius: 0px;
 
     box-shadow: 0px 6px 12px rgba(0,0,0,.175);
 
     box-shadow: 0px 6px 12px rgba(0,0,0,.175);
 +
    color: #193759;//changed
 
}
 
}
  
−
.nav .open .dropdown-menu {
+
.nav .open .dropdown-menu, .nav .dropdown-menu {
 
     border: none;
 
     border: none;
 +
    border-top-left-radius: 4px !important;
 
}
 
}
  
−
.nav .open>a:hover, .nav .open>a:focus {
+
.nav .open>a:hover, .nav a:focus {
−
     background-color: white;
+
     background-color: white !important;
 
}
 
}
  
Line 174: Line 179:
 
   }
 
   }
 
}
 
}
 +
 +
.navbar.scrolled {
 +
    background-color: rgba(0,33,71,0.9);
 +
}
 +
 +
@media (min-width: 1200px) {
 +
    .container {
 +
        width: 1000px;
 +
    }
 +
}
 +
  
 
/**** PAGE CONTENT ****/
 
/**** PAGE CONTENT ****/
 +
 +
#bodyContent {
 +
    background-color: white;
 +
}
  
 
#bodyContent h1 {
 
#bodyContent h1 {
Line 219: Line 239:
 
     margin-top: 6pt;
 
     margin-top: 6pt;
 
     margin-bottom: 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;
 
}
 
}

Latest revision as of 03:16, 2 November 2017

/****************************** 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: rgb(25, 55, 89);
   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;

}

  1. globalWrapper {
   margin-bottom: 0px;
   padding-bottom: 0px;

}

  1. top_menu_14 {
   height: 18px;

}

  1. top_menu_14 #user_item {
   margin-top: -3px;
   padding-top: 0px;

}

  1. 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 ****/

  1. bodyContent {
   background-color: white;

}

  1. bodyContent h1 {
   text-align: center;
   font-size: 48pt;
   font-weight: lighter;

}

  1. bodyContent h2 {
   text-align: center;
   font-size: 24pt;
   font-weight: bold;

}

  1. bodyContent h3 {
   text-align: left;
   font-size: 14pt;
   font-weight: bold;
   text-decoration: underline;

}

  1. bodyContent h4 {
   text-align: left;
   font-size: 14pt;
   text-decoration: underline;

}

  1. bodyContent p {
   font-size: 14pt;
   margin-top: 10px;

}

  1. bodyContent .table {
   font-size: 12pt;

}

.img-center { 

   margin: 6pt auto;

}

.img-reponsive { 

   margin-top: 6pt;
   margin-bottom: 6pt;

}

  1. bodyContent .imager{

float: right; /*width: 200px;*/ text-align: center; font-size: 12px; padding-left: 20px;

}

  1. bodyContent .imagel{

float: left; /*width: 200px;*/ text-align: center; font-size: 12px; padding-right: 20px;

}

  1. side {
   float: left;

padding-right: 20px; padding-top: 15px; }

  1. sider {
   float: right;

padding-left: 20px; padding-top: 15px; }