Difference between revisions of "MediaWiki:Common.css"

From ICPWiki
Jump to: navigation, search
Line 66: Line 66:
  
 
div.stafflistboxposter span.image {
 
div.stafflistboxposter span.image {
   width: 150px;  
+
   width: 155px;  
 
   float: left;
 
   float: left;
 
   margin: 0px;
 
   margin: 0px;

Revision as of 10:50, 26 September 2013

/* CSS placed here will be applied to all skins */

/* Turn off elements for anonymous users, so that it looks more like a web page */
body.anonymoususer #p-Internal { display:none; }
body.anonymoususer #p-tb { display:none; }
body.anonymoususer #p-views { display:none; }
body.anonymoususer #pt-anontalk { display:none; }
body.anonymoususer #pt-anonuserpage { display:none; }
body.anonymoususer #contentSub { display:none; }
body.anonymoususer .editsection { display:none; }

/* Style the box on top of a person page */
div.personbox {
  border: thin solid #D6D6D6; 
  padding: 10px; 
  background-color: #F6F6F6;
  font-size: small;
}

div.personbox table {
  background-color: transparent;
}

div.personbox table tr {
  vertical-align: top;
}

/* Style the boxes in the list on the staff page */
div.stafflistbox {
  float: left; 
  width: 350px; 
  height: 100px; 
  box-shadow: 0px 0px 15px #000000;
  -moz-box-shadow: 0px 0px 15px #000000;
  -webkit-box-shadow: 0px 0px 15px #000000;
  border: 1px solid gray;
  overflow: overflow;
  margin: 15px;
  padding: 0px;
}

div.stafflistbox span.image {
  float: left;
  margin: 0px;
  padding: 0px;
}

div.stafflistbox span.name {
  float: left;
  margin-left: 5px;
}

div.stafflistboxposter {
  float: left; 
  width: 500px; 
  height: 180px; 
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
  border: 1px solid gray;
  overflow: overflow;
  margin: 15px;
  padding: 0px;
  page-break-inside:avoid;
}

div.stafflistboxposter span.image {
  width: 155px; 
  float: left;
  margin: 0px;
  padding: 0px;
}

div.stafflistboxposter span.name {
  float: left;
  margin-left: 5px;
}

/* Add nifty icons for links to wikipedia */
#content a.extiw[href^="http://en.wikipedia.org"]
{
  background: url(../icons/wikipedia.png) top right no-repeat;
  padding-right: 12px;
}

#content a.extiw[href^="http://de.wikipedia.org"]
{
  background: url(../icons/wikipedia-de.png) top right no-repeat;
  padding-right: 26px;
}