MediaWiki: Common.css

From The Grove - Academia de Idiomas
Revision as of 18:44, 5 February 2014 by Gustavo (talk | contribs)
Jump to: navigation, 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.
/* CSS placed here will be applied to all skins */

/* Removing numbers from the TOC */

.tocnumber { display: none; }

/* Styling Submit Button */

input[type=submit] {
  padding: 10px 25px; 
  color: #FFF;
  background:#2D9F44; 
/*  box-shadow: 1px 1px 5px #6CE083; */
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  font-size: 15px;
}

input[type=submit]:hover {
  background: #2FA948; /* #48C962; #33B64D; */
  box-shadow: 3px 3px 5px #6CE083;
} 

/* Styling Submit Button */

input[type=submit] {
  padding: 10px 25px; 
  color: #FFF;
  background:#2D9F44; 
/*  box-shadow: 1px 1px 5px #6CE083; */
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  font-size: 15px;
}

input[type=submit]:hover {
  background: #2FA948; /* #48C962; #33B64D; */
  box-shadow: 3px 3px 5px #6CE083;
} 

.nextlessonbtn a {
  padding: 10px 25px; 
  color: #FFF;
  background:#2D9F44; 
/*  box-shadow: 1px 1px 5px #6CE083; */
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  font-size: 15px;
  margin-bottom: 25px;
}

.nextlessonbtn a:hover {
  background: #2FA948; /* #48C962; #33B64D; */
/*  box-shadow: 3px 3px 5px #6CE083; */
} 

.subpages {
  padding: 10px 25px; 
  color: #FFF;
  background: #2D9F44; 
/*  box-shadow: 1px 1px 5px #6CE083; */
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 30px;
}

.subpages a {
  color: #FFF;
  padding-left: 10px;
  font-weight: normal;
}

.subpages a:hover {
  background: #2D9F44; 
}

/* Styling Login Page */

.wpName1 {
 line-height: 30px;
}

/* don't display Main Page on the Main Page */
body.page-Main_Page h1.firstHeading { display:none; }

/* prettytable class for skinning normal tables */
table.prettytable { margin:1em 1em 1em 0em; background:#e5f7fe; border:1px #aaaaaa solid; border-collapse:collapse; }
table.prettytable th, table.prettytable td { border:1px #aaaaaa solid; padding:0.5em; }
table.prettytable th { background:#e8fee5; text-align:center; }
table.prettytable caption { margin-left:inherit; margin-right:inherit; }

/* nicetable class for skinning normal tables */
table.nicetable { margin:1em 1em 1em 0em; background:#e5f7fe; border:1px #aaaaaa solid; border-collapse:collapse; }
table.nicetable th, table.nicetable td { border:1px #aaaaaa solid; padding:1.2em; }
table.nicetable th { background:#e8fee5; text-align:center; }
table.nicetable caption { margin-left:inherit; margin-right:inherit; } 

table.table { border-spacing:0em 0.5em; }
table.table tr>td { padding:0.25em 1em; }
table.table tr.even { background:#f7941d; }
table.table tr.odd { background:#f7941d; }

/* Styling Definition and Translation Buttons in the Vocabulary List */

.deftrans p {
        width: 50%;
	font-family: helvetica, sans-serif;
	background-color: #eee;
	color: #333333;
	border-radius:	25px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.deftrans span {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 15px;
	line-height: 35px;
	text-align: center;
	padding: 5px 10px;
	margin-left: 3px;
	font-size: 12px;
	left: 3px;
}

.deftrans a {
	text-decoration: none;
	color: white;
	text-shadow: 0 1px 0 rgba(68,68,68,.5);
}

span.defbtn {
	background-color: #fb5235;
}

span.transbtn {
	background-color: #596138;
}

span.defbtn:hover {
	background-color: #FDBAAE;
	color: #fb5235;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

span.transbtn:hover {
	background-color: #C0CA97;
	color: #596138;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}