User:Danapit/common.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.
/** 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);
}
User:Danapit/common.css

Navigation menu

Search
