User:Nicholasjf21/common.css

From Wikivoyage
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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.topbanner .name {
	    border-radius: 0px;
}
.iconbox {
    border-bottom-left-radius: 0px;
}
/* BEGIN User:Nicholasjf21/MainPage2 test code */

/** 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;
}
.page-User_Nicholasjf21_MainPage2
div#content {
	margin-left: -2em;
}
/* 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%;
    padding:0
}
.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;
    max-width: 300px;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
}
@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%; }
}
/* 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%; }
}
/* Fade in arrows */
.greydout {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
-webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.greydout:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=50);
  opacity: 1;
}
.topbanner {
	max-width:3000px;
}
/* END User:Nicholasjf21/MainPage2 test code */