User:TheGallery/common.css
Jump to navigation
Jump to search
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.
/** Hide sidebar **/
.page-User_Nicholasjf21_MainPage2
div#mw-panel {
display: none;
}
.page-User_Nicholasjf21_MainPage2
#left-navigation {
left: 1em;
}
.page-User_Nicholasjf21_MainPage2
#mw-head-base,
.page-User_Nicholasjf21_MainPage2
div#content,
.page-User_Nicholasjf21_MainPage2
div#footer {
margin-left: 0em;
}
/* Don't display stuff on Main Page */
body.page-User_Nicholasjf21_MainPage2 #deleteconfirm,
body.page-User_Nicholasjf21_MainPage2 #mw-head-base,
body.page-User_Nicholasjf21_MainPage2 #mw-page-base,
body.page-User_Nicholasjf21_MainPage2 #mw-body,
body.page-User_Nicholasjf21_MainPage2 #t-cite,
body.page-User_Nicholasjf21_MainPage2 #footer-info-lastmod,
body.page-User_Nicholasjf21_MainPage2 #ca-nstab,
body.page-User_Nicholasjf21_MainPage2 #p-cactions,
body.page-User_Nicholasjf21_MainPage2 #p-views,
body.page-User_Nicholasjf21_MainPage2 #p-namespaces,
body.page-User_Nicholasjf21_MainPage2 #ca-unwatch,
body.page-User_Nicholasjf21_MainPage2 #ca-edit,
body.page-User_Nicholasjf21_MainPage2 #ca-delete,
body.page-User_Nicholasjf21_MainPage2 #ca-protect,
body.page-User_Nicholasjf21_MainPage2 #ca-move,
body.page-User_Nicholasjf21_MainPage2 #ca-view,
body.page-User_Nicholasjf21_MainPage2 #ca-history,
body.page-User_Nicholasjf21_MainPage2 #ca-talk,
body.page-User_Nicholasjf21_MainPage2 #searchform,
body.page-User_Nicholasjf21_MainPage2 #ca-nstab-user,
body.page-User_Nicholasjf21_MainPage2 #siteNotice,
body.page-User_Nicholasjf21_MainPage2.action-view #siteSub,
body.page-User_Nicholasjf21_MainPage2.action-view #contentSub,
body.page-User_Nicholasjf21_MainPage2.action-view h1.firstHeading {
display: none !important;
}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
.page-User_Nicholasjf21_MainPage2
div#p-personal {
margin-top: -0.5em;
}
/*Carousel*/
.carousel{
overflow:hidden;
width:100%;
}
.panes{
list-style:none;
position:relative;
padding: 0;
margin-left: 0;
width:300%; /* Number of panes * 100% */
overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
}
.carousel .floatright {
position: absolute;
z-index: 1000;
right: 0px;
top: 50%
}
.carousel .floatleft {
position: absolute;
z-index: 1000;
top: 50%;
margin-left: 20px;
}
.panes > li{
position:relative;
float:left;
padding: 0;
margin-left: 0;
width:33.333333333333333333333333333333333%; /* 100 / number of panes */
}
.carousel img{
display:block;
width:100%;
max-width:100%;
}
.carousel h2{
font-size:1em;
padding: 8px 7px;
position:absolute;
border:0px;
top:5em;
text-align:left;
color:#fff;
background-color:rgba(0,0,0,0.5);
}
@keyframes carousel{
0% { left:-1.7%; }
15% { left:-1.7%; }
25% { left:-101.7%; }
40% { left:-101.7%; }
50% { left:-201.7%; }
65% { left:-201.7%; }
75% { left:-101.7%; }
90% { left:-101.7%; }
100% { left:-1.7%; }
}
/* Safari and Chrome */
@-webkit-keyframes carousel{
0% { left:-1.7%; }
12.5% { left:-1.7%; }
25% { left:-101.7%; }
37.5% { left:-101.7%; }
50% { left:-201.7%; }
62.5% { left:-201.7%; }
75% { left:-101.7%; }
87.5% { left:-101.7%; }
100% { left:-1.7%; }
}
/*DON'T COPY FOR MAIN PAGE 2*/
/* Collapse Toggle container */
#collapse-pre-one .mw-collapsible-toggle{
display: table;
border-collapse: collapse;
width: 100%;
}
#collapse-pre-one .mw-collapsible-toggle-row{
display: table-row;
}
/* Collapse Header should be on the left */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{
display: table-cell;
vertical-align: middle;
padding: 5px;
}
/* Collapse indicator image should be inline. align wherever you would like */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{
display: table-cell;
vertical-align: middle;
padding: 5px;
text-align: right;
}
/* Collapse indicator image size should be something sane*/
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
height: 20px !important;
width: 20px !important;
}
/* Collapse indicator image should rotate when toggled*/
#collapse-pre-one:not(.mw-collapsed) .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
/* Safari */
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
/* FIX TOP NAVIGATION */
.topbanner table {
margin-left: 20px !important;
}
.topbanner table tr:first-child td:first-child {
width: auto !important;
}
.topbanner table tr:first-child td:last-child {
padding-right: 20px;
}