Difference between revisions of "Template:UCC Ireland/CSS"

Revision as of 16:11, 10 July 2017 (view source) Markbreen (Talk | contribs) ← Older edit		Latest revision as of 13:56, 11 July 2017 (view source) Markbreen (Talk | contribs)
(6 intermediate revisions by the same user not shown)
Line 1:		Line 1:
−	/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht)
−	the relevant wiki css rules are reset by using rules with higher priority */
		+	/* OVERRIDE IGEM SETTINGS ---------------------------------------------- */
−	/* Start general reset ================================================== */	+	#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear
−		+	{
−	html body {	+	display: none;
−	font-size: inherit;	+
−	font-family: inherit;	+
−	background-color: transparent;	+
−	color: inherit;	+
−	padding: 0;	+
	}		}
−	div#globalWrapper {	+	#content
−	font-size: inherit;	+	{
−	margin: 0;	+	width: 100%;
	padding: 0;		padding: 0;
−	position: static;
−	width: auto;
−	}
−
−
−	/* Start top-section reset ============================================== */
−
−	div#top-section {
	border: 0;		border: 0;
−	height: auto;
−	margin: 0;
−	position: static;
−	width: auto;
	}		}
−	div#p-logo {	+	#globalWrapper
−	height: auto;	+	{
−	position: static;	+
−	width: auto;	+
−	z-index: auto;	+
−	}	+
−		+
−	div#p-logo a, div#p-logo a:hover {	+
−	text-decoration: none;	+
−	}	+
−		+
−	div#menubar {	+
−	font-family: inherit;	+
−	font-size: inherit;	+
−	line-height: inherit;	+
−	position: static;	+
−	top: 0px;	+
−	white-space: normal;	+
−	width: auto;	+
−	z-index: auto;	+
−	}	+
−		+
−	div.left-menu, div.left-menu a {	+
−	color: inherit;	+
−	left: 0;	+
−	text-align: left;	+
−	text-transform: none;	+
−	}	+
−		+
−	div#menubar ul {	+
−	color: inherit;	+
−	list-style: disc outside none;	+
−	margin: 0;	+
	padding: 0;		padding: 0;
		+	font-size: 100%;
	}		}
−	div#menubar li {	+	#main-div ul, #main-div ol
−	cursor: auto;	+	{
−	display: list-item;	+	margin: 0px 0px 10px 0;
−	padding: 0;	+
−	margin: 0;	+
−	position: static;	+
	}		}
−	div.left-menu li a {	+	#main-div ol li
−	padding: 0;	+	{
		+	margin-left: 30px;
	}		}
−	div.left-menu:hover {	+	#main-div ul li
−	color: inherit;	+	{
−	background-color: transparent;	+	margin-left: 20px;
		+	list-style: none;
	}		}
−	div.left-menu:hover a {	+	#main-div ul li:before
−	color: inherit;	+	{
		+	content: "• ";
		+	color: #CC1D24;
		+	margin-left: -12px;
		+	padding-right: 3px;
		+	position: relative;
		+	z-index: 5;
	}		}
−	div.right-menu, div.right-menu a {	+	#main-div ul.gallery li
−	color: inherit;	+	{
−	right: 0;	+	list-style: none;
−	text-align: left;	+
	}		}
−	div.right-menu li a {	+	#main-div ul.gallery li:before
−	background-color: transparent;	+	{
−	color: inherit;	+	content: ""
−	padding: 0;	+
	}		}
−	div.right-menu li a:hover {	+	.image
−	color: inherit;	+	{
−	text-decoration: none;	+	position: relative;
		+	z-index: 20;
	}		}
−	div#search-controls {	+	.break
−	background-color: transparent;	+	{
−	height: auto;	+	clear: both;
−	position: static;	+
−	right: 0;	+
−	text-align: left;	+
−	top: 0;	+
−	width: auto;	+
−	z-index: auto;	+
	}		}
−		+	#main-div .thumb.tright
−	/* Start content reset ================================================== */	+	{
−		+
−	div#content {	+
−	background: transparent;	+
	border: 0;		border: 0;
−	color: inherit;	+	margin: 1em;
−	line-height: inherit;	+
−	margin: 0;	+
−	padding: 0;	+
−	position: static;	+
−	width: auto;	+
−	z-index: auto;	+
	}		}
−	body li {	+	#main-div .thumbinner
−	margin: 0;	+	{
−	}	+	padding: 0 !important;
−		+
−	body h1, body h2, body h3, body h4, body h5, body h6 {	+
−	background: transparent;	+
	border: 0;		border: 0;
−	color: inherit;	+	background-color: transparent;
−	padding: 0;	+
	}		}
−	body .firstHeading {	+	#main-div .thumbinner a img
−	margin: 0;	+	{
−	}	+
−		+
−	div#contentSub {	+
−	color: inherit;	+
−	font-size: inherit;	+
−	line-height: inherit;	+
−	margin: 0;	+
−	width: auto;	+
−	}	+
−		+
−	div#catlinks {	+
−	background-color: transparent;	+
	border: 0;		border: 0;
−	clear: both;
−	margin: 0;
−	padding: 0;
	}		}
−		+	#main-div .thumb div
−	/* Start footer reset =================================================== */	+	{
−		+
−	div#footer-box {	+
	background-color: transparent;		background-color: transparent;
−	border: 0;
−	margin: 0;
−	padding: 0;
−	width: auto;
	}		}
−	div#footer {	+	#main-div .thumbcaption
−	color: inherit;	+	{
−	font-size: inherit;	+	text-align: justify;
−	text-align: left;	+	font-weight: 400;
		+	font-size: 11px;
		+	color: #505050;
	}		}
−	div#f-poweredbyico, div#f-copyrightico {	+	#main-div .thumbcaption .magnify
−	float: none;	+	{
		+	display: none;
	}		}
−	div#footer li {	+	#main-div dd
−	margin: 0;	+	{
−	display: list-item;	+	margin-left: 0.2em;
	}		}

---

Latest revision as of 13:56, 11 July 2017

/* OVERRIDE IGEM SETTINGS ---------------------------------------------- */

1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear

{

   display: none;

}

1. content

{

   width: 100%;
   padding: 0;
   border: 0;

}

1. globalWrapper

{

   padding: 0;
   font-size: 100%;

}

1. main-div ul, #main-div ol

{

   margin: 0px 0px 10px 0;

}

1. main-div ol li

{

   margin-left: 30px;

}

1. main-div ul li

{

   margin-left: 20px;
   list-style: none;

}

1. main-div ul li:before

{

   content: "• ";
   color: #CC1D24;
   margin-left: -12px;
   padding-right: 3px;
   position: relative;
   z-index: 5;

}

1. main-div ul.gallery li

{

   list-style: none;

}

1. main-div ul.gallery li:before

{

   content: ""

}

.image {

   position: relative;
   z-index: 20;

}

.break {

   clear: both;

}

1. main-div .thumb.tright

{

   border: 0;
   margin: 1em;

}

1. main-div .thumbinner

{

   padding: 0 !important;
   border: 0;
   background-color: transparent;

}

1. main-div .thumbinner a img

{

   border: 0;

}

1. main-div .thumb div

{

   background-color: transparent;

}

1. main-div .thumbcaption

{

   text-align: justify;
   font-weight: 400;
   font-size: 11px;
   color: #505050;

}

1. main-div .thumbcaption .magnify

{

   display: none;

}

1. main-div dd

{

   margin-left: 0.2em;

}