MediaWiki:Vector.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
body {
background-color: #fff;
}
#bodyContent {
min-width: 1100px;
}
#mw-page-base {
background-image: none;
}
#firstHeading, #contentSub {
display:none;
}
.fullwidthimage {
max-width:100% !important;
height:auto;
}
.slideshow div {
max-width: 100% !important;
}
#cusl-header {
background: #f9f9f9;
margin: 1.2em 0 6px 0;
font-size: 120%;
width: 100%;
text-align: center;
background-image: url('http://www.cusl.res.ku.edu/images/f/fe/Jhwk.png');
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
#cusl-header-border {
border: 1px solid #ddd;
padding: 1em 0;
}
#cusl-header-title {
color: #000;
font-size: 160%;
font-weight: bold;
}
#navigation {
list-style-type: none;
margin: 20px 0 0 0;
padding-left: 0;
text-align: left;
overflow: auto;
}
#navigation a {
color:#000;
}
#navigation li {
display: block;
float: left;
}
#navigation li+li {
margin-left: 30px;
}
.people-sub {
display: none;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 0 10px;
z-index: 99999;
}
.people-sub a {
display: block;
margin-top: 10px;
}
.people-sub a:last-of-type {
margin-bottom: 10px;
}
.people:hover .people-sub {
display: block;
position: absolute;
}
.container{
position: relative;
height:660px;
width:960px;
overflow: hidden;
margin:0 auto;
}
.container a {
float: left;
margin: 20px;
}
.big {
position: absolute;
left: 2000px;
top: 100px;
-webkit-transition: left 0.5s ease;
-moz-transition: left 0.5s ease;
-o-transition: left 0.5s ease;
-ms-transition: left 0.5s ease;
transition: left 0.5s ease;
}
.featured {
top: 100px;
left: 0px;
z-index: 1;
}
a:hover .thumb {
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
a:hover .big {
top: 100px;
left: 0px;
z-index: 2;
}
#scrolling-news {
height: 200px;
width: 100%;
overflow: hidden;
}
#scrolling-news ul {
padding-left: 0;
}
#scrolling-news ul li {
display: table;
padding-bottom: 2%;
}
#scrolling-news li p {
display: table-cell;
vertical-align: top;
padding-right: 2%;
}
#scrolling-news li img {
display: table-cell;
height: 100px;
width: 100px;
background-color: red;
}