User:NikosA/common.css

From GRASS-Wiki
Revision as of 09:14, 3 March 2013 by ⚠️NikosA (talk | contribs) (Trying to use custom css code individually -- here!)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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.
/*
	CSS styles for GRASS GIS wiki
*/

/* Generic styles */
body {

	background: #fff;
	background-image: none;
	font-family: Helvetica, Arial, Ubuntu, sans-serif;
}
::selection {
	color: #fff;
	background: #80C185;
}

img,
table {
	height: auto;
	max-width: 100%;
}

/* Link styles */
div#content a, a,
div.vectorTabs li a,
div#mw-panel div.portal div.body ul li a {
	color: #008A28;
}
div#content a:visited,
div#mw-panel div.portal div.body ul li a:visited,
div#content a.external:visited {
	color: #008A28;
}
div#content a:visited:after,
div#mw-panel div.portal div.body ul li a:visited:after {
	content: " \2713";

	vertical-align: super;

	font-size: 0.5em;
}

div#content a:hover,
div#mw-panel div.portal div.body ul li a:hover {
	color: #01641E;
}

div#content a.external {
	padding: 0;

	background-image: none;
	color: #008A28;
}

div#content a.external:after {
	content: " \21b1";
}

/* Logo */
/* just for testing purposes, cannot override inline CSS */
#p-logo {
	background: 50% 50% url('http://grasswiki.osgeo.org/grass-wiki/images/thumb/Grasswiki_logogram_suggestion_B_vector.png/180px-Grasswiki_logogram_suggestion_B_vector.png') no-repeat;
	background-size: 110px 123px;
}
#p-logo a {
	visibility: hidden;
}

/* Top navigation styles */


div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li.selected,
#pt-userpage, #pt-anonuserpage, #pt-login {
	background-image: none;
}

div.vectorTabs ul li {
	border: 1px solid #ccc;
	border-bottom: 1px solid #408F40;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-variant: small-caps;
	line-height: 1em;
}

div.vectorTabs ul li.selected {
	background: #fff;
	border-bottom-color: #fff !important;
	border-color: #408F40;
}

div.vectorTabs {
	height: 1.5em;
}

div.vectorTabs span a {
	padding: 0.2em 0.5em;
}

#p-search { 
	margin: -11px 0.5em 0 0.5em;
}

#p-search input {
	border: 1px solid #ccc;
	border-radius: 3px;
}

/* Left navigation styles */

div#mw-panel div.portal,
.catlinks {
	margin: 0 10px 10px 10px;
	padding: 5px;

	background: #EEF1F1;
	border: 1px solid #A2B2B4;
	border-radius: 10px;
}

div#mw-panel div.portal h5 {
	height: 30px;
	margin: 0px;
	padding: 0px 10px;

	background: linear-gradient(to bottom, #50AF4B 0px, #408F40 69%) transparent;
	background: -webkit-linear-gradient(to bottom, #50AF4B 0px, #408F40 69%) transparent;
	border-radius: 5px;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 30px;
}

div#mw-panel div.portal div.body {
	background: none;
	margin: 0 5px;
}

div#mw-panel div.portal div.body ul li {
	font-size: 0.8em;
}

/* Content Styles */

#mw-page-base {
	/* height: 150px */
	background-image: none;
}

#mw-head-base {
	margin-top: -5.5em;

	background-image: none;
}

div#content {
	margin-top: -7px;
	padding: 25px;

	background-image: none;
	border-top: 1px solid #408F40;
}

#bodyContent {
	font-size: 1em;
}

#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent p,
#bodyContent ul,
#bodyContent ol,
#bodyContent dl,
#bodyContent .mw-content-ltr > div {
	max-width: 57%;
	min-width: 500px;
	color: #444;
	clear: both;
}

#bodyContent ul {
	list-style: disc;
	list-style-image: none;
}

#bodyContent ul li,
#bodyContent ol li {
	line-height: 1em;
}

#bodyContent pre {
	max-width: 100%;

	border: 2px solid #eee;
	border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

#firstHeading,
#bodyContent h1,
#bodyContent h2 {
	margin: 1.5em 0 0.5em 0;
	padding: 0 0 0.25em 0;

	border-bottom: 1px dashed #444;
	font-variant: small-caps;
	font-weight: bold;
	/* text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.506); */
}

#firstHeading,
#bodyContent h1:first-of-type,
#bodyContent h2:first-of-type {
	margin: 0 0 0.5em 0;
}

#firstHeading {
	border: none;
}

#bodyContent h3,
#bodyContent h4,
#bodyContent h5 {
	margin: 1em 0 0.25em 0;
	padding: 0;
}

#bodyContent h1 + h2,
#bodyContent h1 + h3,
#bodyContent h2 + h3,
#bodyContent h3 + h4 {
	margin-top: 0.5em;
}

#bodyContent p,
#bodyContent ul,
#bodyContent ol {
	margin: 0 0 0 1em;

	line-height: 1.5em;
}

table.wikitable {
	background: #fff;
	border: none;
	border-top: 5px solid #ccc;
	border-bottom: 10px solid #ccc;
}


table.wikitable tr:nth-child(even) {
	background: #efefef;
}

table.wikitable tr:hover {
	background: #DEEFDE;
}

table.wikitable th,
table.wikitable td { 
	border: none;
	padding: 0.5em;
}

table.wikitable th:hover,
table.wikitable td:hover {
	outline: 1px dashed #444;
}

div#footer {
	background-image: none;
}

/* Table of Contents */
#toc {
	padding: 5px;
	position: fixed;
	right: 10px;
	top: 120px;

	background: #EEF1F1;
	border: 1px solid #A2B2B4;
	border-radius: 10px;
	opacity: 0.5;
}

#toc:hover,
#toc:active {
	opacity: 1;
}

#toc ul,
#toc div {
	max-width: 100%;
	min-width: 100px;

	list-style: none;
}

#toc tbody tr td > ul {
	max-height: 300px;
	overflow: auto;
	padding: 10px;
}

#toc #toctitle {
	text-align: left;
}

#toc #toctitle h2 {
	border: none;
	font-size: 1.25em;
	font-variant: small-caps;
}

#toc #toctitle .toctoggle {
	display: inline-block;
	float: right;
}

.tocnumber {
	color: #787878;
	font-size: 0.85em;
}

/* Category links */
#catlinks {
	margin: 0;
	padding: 0 0.5em;
	position: absolute;
	right: -15px;
	top: -70px;

	font-size: 0.85em;
}

/* notices & other messages */


.notice {
	display: inline-block;
	margin: 0.5em;
	min-width: 0 !important;
	padding: 3px 10px;

	background: #eee;
	border: 1px solid #ccc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 0.7em;
}
.notice p {
	display: inline;
	margin: 0;
	padding: 0;

	line-height: 1;
}

.outdated {
	border-color: red;
}

.stub {

}

.duplicate {

}

.oldversion {

}

.toremove {
	border-color: blue;
}

.removeorconserve {
	border-color: orange;
}

.cleanup {

}