MediaWiki:Common.css

From Footpedia
Jump to navigation Jump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Infobox */
table.infobox,
#infobox {
   border:1px dashed #f0f0f0 !important;
    -webkit-border-radius: 10px 0px 0px 10px;
       -moz-border-radius: 10px 0px 0px 10px;
         -o-border-radius: 10px 0px 0px 10px;
            border-radius: 10px 0px 0px 10px;
/*  -moz-box-shadow:  -0px 0px 25px 4px #f8f8f8 ;
   -webkit-box-shadow:   -0px 0px 25px 4px #f8f8f8 ;
   box-shadow:   -0px 0px 25px #f8f8f8 4px; */
 
   -moz-box-shadow:0 0 10px #f0f0f0 !important;
   -webkit-box-shadow:0 0 10px #f0f0f0 !important;
   -o-box-shadow:0 0 10px #f0f0f0 !important;
   box-shadow:0 0 10px #f0f0f0 !important;
 
  background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
  background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
  background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
  background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
  background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
  background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
 
*/
   color:#f0f0f0;
   width:250px !important;
   float:right;
   clear:right;
   margin:0px 0px 5px 5px;
   padding-top: 5px;
   padding-bottom:5px
}
 
table.infobox2,
#infobox2 {
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif;
	font-size: 12px;
	margin:auto;
        padding:auto;
        /*clear:right;*/
        float:right;
	text-align: center;
        width:245px!important;
	border-collapse: collapse;
        -webkit-border-radius: 10px 0px 0px 10px;
         -moz-border-radius: 10px 0px 0px 10px;
         -o-border-radius: 10px 0px 0px 10px;
            border-radius: 10px 0px 0px 10px;
}
 
table.infobox2 th,
#infobox2 th {
   border: 0px solid #000000;
  /*-moz-border-radius:10px ;
  -webkit-border-radius:10px ;
   border-radius:10px ;*/
  /*-moz-box-shadow:10px 10px 10px #f0f0f0 ;
  -webkit-box-shadow:10px 10px 10px #f0f0f0 ;
   o-box-shadow:10px 10px 10px #f0f0f0;
   box-shadow:10px 10px 10px #f0f0f0;*/
   color: #000;
   overflow:hidden;
   text-decoration:none !important;
   letter-spacing:0px !important; 
   /* margin: .5em 0em .5em 0em;*/
   margin-right:4px;
   padding: 4px;
   /* vertical-align: middle; */
   /* text-align:center; */
   width:240px !important;
   line-height:110%;
   /*font-size:150%;*/
   background:#f0f0f0; /*#b9c9fe*/ /*f8f8f8 for older browsers, like opera 10 */
   background: -moz-linear-gradient(-45deg,  #f8f8f8 0%, #f0f0f0 25%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-45deg,  #f8f8f8 0%,#f0f0f0 25%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-45deg,  #f8f8f8 0%,#f0f0f0 25%); /* Opera 11.10+ */
   background: -ms-linear-gradient(-45deg,  #f8f8f8 0%,#f0f0f0 25%); /* IE10+ */
   background: linear-gradient(-45deg,  #f8f8f8 0%,#f0f0f0 25%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
 
table.infobox2 td,
#infobox2 td {
   padding: 4px;
   width:240px;
   background: #f0f0f0; /* Old browsers */
   background: -moz-linear-gradient(45deg,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(45deg,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(45deg,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(45deg,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
   background: linear-gradient(45deg,  #ffffff 0%,#f0f0f0 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   border-top: 1px solid #fff;
  color: #000000 /*#669;*/
}
 
table.infobox2 tbody tr:hover td,
#infobox2 tbody tr:hover td {
	background: #f8f8f8;
}
 
table.infobox2 td.both,
#infobox2 td.both {
   text-align:center;
   padding:0 0 0 0!important;
   line-height:100%;
 
}
table.infobox2 td.both img,
#infobox2 td.both img {
	display:block; /*force new line after img in sidebar */
	margin: 0 ;
	padding-left: 0; 
    padding-right: 0 !important;
}
 
table.infobox2 td.left, 
#infobox2 td.left {
	width: 125px !important;
	font-weight: bold;
	text-align: right;
	vertical-align:top;
   line-height:100%;
}
 
table.infobox2 td.conleft,
#infobox2 td.conleft {
   width:50% !important;
   text-align:center;
   border-right:1px solid #f0f0f0
}
 
 
table.infobox2 td.right,
#infobox2 td.right {
   text-align:left;
   vergical-align:top;
   line-height:100%
}
 
table.infobox2 td.conright,
#infobox2 td.conright {
   width:50% !important;
   text-align:center;
}
 
/* Table */
table.box,
#box {
   border:1px dashed #f0f0f0 !important;
    -webkit-border-radius: 10px 0px 0px 10px;
       -moz-border-radius: 10px 0px 0px 10px;
         -o-border-radius: 10px 0px 0px 10px;
            border-radius: 10px 0px 0px 10px;
/*  -moz-box-shadow:  -0px 0px 25px 4px #f8f8f8 ;
   -webkit-box-shadow:   -0px 0px 25px 4px #f8f8f8 ;
   box-shadow:   -0px 0px 25px #f8f8f8 4px; */
 
   -moz-box-shadow:0 0 10px #f0f0f0 !important;
   -webkit-box-shadow:0 0 10px #f0f0f0 !important;
   -o-box-shadow:0 0 10px #f0f0f0 !important;
   box-shadow:0 0 10px #f0f0f0 !important;
 
  background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
  background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
  background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
  background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
  background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
  background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
 
*/
   color:#f0f0f0;
   width:100% !important;
   float:right;
   clear:right;
   margin:0px 0px 5px 5px;
   padding-top: 5px;
   padding-bottom:5px
}
 
table.box:hover ,
#box:hover {
	background: #f8f8f8;
}

/* Bullet */
html body.skin-vector ul {
        list-style-image: url(http://www.shoutwiki.com/w/images/footpedia/7/7a/Bullet.png);
}

/* Headings */
h1 {
  margin: 0;
  font-size:2em !important;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #f0f0f0;
  letter-spacing:0px;
  text-transform:uppercase;
  font-weight:normal !important; 
}
h2 {
  margin: 0;
  font-size:1.1em !important;
  line-height: 1.0909090909090908em;
  margin-top: 1px;
  margin-bottom: 1.0909090909090908em;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#f0f0f0;
}
 
h2 span {
   margin-top:1px;
}
 
 
#sans-accent, /* this allows use of this style without it being read as a section header */
h3 {
   margin: 0;
   font-size:1em !important;
   font-weight:normal;
   /*font-size: 1.25em;*/
   line-height: 1.2em;
   margin-bottom: 1.2em;
   letter-spacing:2px;
   text-transform:uppercase;
   color:       #f0f0f0;
}
 
h4 {
   margin: 0;
  font-size:.9em !important;
  font-weight:bold;
   /*font-size: 1.125em;*/
   line-height: 1.3333333333333333em;
   margin-bottom: 1.3333333333333333em;
    letter-spacing:2px;
   text-transform:uppercase;
   color: #f0f0f0;
}
 
blockquote {
   margin: 0;
   font-size: 1em;
   line-height: 1.5em;
   margin-bottom: 1.5em;
}
 
h5 {
    margin: 0;
    font-size:.7em !important;
    font-weight:bold;
    /*font-size: 1em;*/
    line-height: 1.1em;
    margin-bottom: 1.1em;
    letter-spacing:1px;
    text-transform:uppercase;
    color: #f0f0f0;
}
 
p.small,
h6 {
   margin: 0;
   font-size:.6em !important;
   font-weight:bold;
   /*font-size: 0.875em;*/
   line-height: 1.0em;
   margin-bottom: 1.0em;
   letter-spacing:1px;
   text-transform:uppercase;
   color:       #f0f0f0;
}
 
.mw-headline {
   margin-top:5px
}