Difference between revisions of "Template:Oxford/css"

Revision as of 22:14, 17 October 2018 (view source) Adrikoz (Talk | contribs) ← Older edit		Revision as of 02:52, 18 October 2018 (view source) Adrikoz (Talk | contribs) Newer edit →
Line 9:		Line 9:
	height: 100%;		height: 100%;
	line-height: 1.8;		line-height: 1.8;
		+	overflow: scroll;
	}		}

---

Revision as of 02:52, 18 October 2018

/****************************** DEFAULT WIKI SETTINGS ****************************/

  body,h1,h2,h3,h4,h5,h6,p, ul, li, td, th, figcaption, .team-profile-college {font-family: 'Source Sans Pro', sans-serif;
       margin-bottom: 0px; font-weight: 300; letter-spacing: normal;}

       body, html {
       height: 100%;
       line-height: 1.8;
       overflow: scroll;
       }
 
   #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:#f2f2f2; }
   #bodyContent h1 {
      font-family: 'Montserrat' !important;
      font-weight: 400;
      font-size: 45px !important;
      color: black !important;
   }

   #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
       font-family: "Source Sans Pro", sans-serif !important; font-weight: 400 !important;
       text-align:left !important;
       margin-bottom: 0px !important;
       text-decoration: none !important;
   }

   #bodyContent h3 {
       font-weight: bold;
       text-align: left;
       font-style: normal;

   }
  
  #bodyContent p, #bodyContent a {
       font-family: 'Source Sans Pro', sans-serif !important; font-weight: 300 !important;
       margin-bottom: 0px !imporant;
       letter-spacing: normal !important;
   }
 

• {

   border-radius: 0 !important;

}

/**************************** 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;
   /*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;

}

/* Add a gray color to all navbar links */ .navbar li a, .navbar .navbar-brand {

   color: black;

}

/* the color of the single Link ('safety') on hover */ .navbar-nav li a:hover {

   color: black;

}

/* The active link this seems to be useless at the moment*/ .navbar-nav li.active a {

   color: black;
   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: 3% !important;
       margin-top: 12px !important;
       margin-bottom: 12px;
   }

   .navbar>li>a {
   }

}

@media (max-width: 761px){ .dropdown-menu li a {

   background-color: white;
   margin-top: 20px;
   margin-bottom: 20px;

} }

/* the color of the Dropdown on click */ .open .dropdown-toggle {

   color: #193759;//changed
   background-color: white;

}

.dropdown-menu {

   border: none;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: #f2f2f2;

}

/* the color of the Dropdown links */ .dropdown-menu li a {

  color: black;
  font-size: 13px !important;

}

/* the color of the dropdown links on hover */ .dropdown-menu li a:hover {

   background-color: white;
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition: .5s;

}

.navbar-toggle .icon-bar {

   background: black;

}

.navbar-header img {

   height: 65px;

}

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{

   -o-transition:.5s;
 -ms-transition:.5s;
 -moz-transition:.5s;
 -webkit-transition:.5s;
 transition:.5s;
   background-color: #f2f2f2;
   outline-top: 5px solid teal;
   color: black;//changed

}

.nav .open .dropdown-menu, .nav .dropdown-menu {

   border: none;

}

.nav .open>a:hover, .nav a:focus {

   background-color: white;

}

@media (min-width: 979px) {

 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
   background-color: #f2f2f2;
   border-top: 2px solid #79CDD3;
 animation-name: slidenavAnimation;
 animation-duration:.5s;
 animation-iteration-count: 1;
 animation-timing-function: ease;
 animation-fill-mode: forwards;

 -webkit-animation-name: slidenavAnimation;
 -webkit-animation-duration:.5s;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-timing-function: ease;
 -webkit-animation-fill-mode: forwards;

 -moz-animation-name: slidenavAnimation;
 -moz-animation-duration:.5s;
 -moz-animation-iteration-count: 1;
 -moz-animation-timing-function: ease;
 -moz-animation-fill-mode: forwards;
 }

}

.open > .dropdown-menu {

} @keyframes slidenavAnimation {

 from {
   opacity: 0;
 }
 to {
   opacity: 1;
 }

} @-webkit-keyframes slidenavAnimation {

 from {
   opacity: 0;
 }
 to {
   opacity: 1;
 }

}

.navbar.scrolled {

   background-color: rgba(255,255,255,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; }