"

From 2012.igem.org

Revision as of 00:02, 8 August 2012 (view source) Jparrish (Talk | contribs) m ← Older edit		Latest revision as of 13:21, 14 August 2012 (view source) Ismael (Talk | contribs)
(125 intermediate revisions not shown)
Line 1:		Line 1:
-	/*Text links*/	+	/*
-	a:link {color:#20548f;}	+	Ismael-
-	a:visited {color:#20548f;}	+
-	a:hover {color:#20548f;}	+
-	a:active {color:#20548f;}	+
-	/*Reworking the Text*/	+	Don't worry, the previous style.css has been moved to Team:Groningen/styletest.css. I wanted to play around with the menu elements for a bit. You're right, the menu image is too narrow. The options need to be spaced further apart. There isn't enough space in between for the little cogs.
-	h1, h2, h3, h4, h5, h6	+
		+	-Jon
		+
		+	*/
		+	/*Header*/
		+
		+	/*test the menubar ID_8-8-2012-16:08*/
		+
		+	#expand
		+
		+	.expand-down
	{		{
-	border-bottom-width: 0px;	+
		+	font-family: Arial,Helvetica,sans-serif;
		+	line-height: normal;
		+	margin-bottom: 30px;
		+
		+	margin-top: 0px;
		+	z-index:1;
	}		}
		+	.expand-down * {
		+	margin: 0px;
		+	padding: 0;
		+	z-index:1;
-	/*Reworking the header*/
-	#top-section
-	{
-	height: 390px;
-	width: 1024px;
	}		}
		+	.expand-down ul {
		+	padding-top:60px;
		+	z-index:1;
		+	}
		+	.expand-down ul li {
-		+	list-style-type:none;
-	table	+	z-index:1;
-	{	+
-	background-color:transparent;	+
	}		}
-	#catlinks {	+	.expand-down ul li a {
-	display: none;	+	text-decoration:none;
		+	z-index:1;
	}		}
-	#p-logo	+	.expand-down ul li a img {
-	{	+	width:82px;
-	height: 390px;	+	height:80px;
-	width: 1024px;	+	border:none;
-	background-image:url(https://static.igem.org/mediawiki/2012/e/ea/ID_20120807_Groningen2012Header.png);	+	z-index:1;
-	opacity: 0.6;	+	}
-	filter:alpha(opacity=60);	+	.expand-down ul li a span {
		+	display:none;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover a span {
		+	display:block;
		+	font-size:14px;
		+	text-align:center;
		+	color:#fff;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover a img {
		+	width:80px;
		+	height:82px;
		+	z-index:1;
		+	}
		+	.expand-down ul li:hover + li a img {
		+	width:80px;
		+	height:82px;
		+	z-index:1;
	}		}
		+	.expand-down ul li:hover + li + li a img {
		+	width:80px;
		+	height:82px;
		+	z-index:1;
-	/*Supressing the igem logo*/
-	a[title="Main Page"]
-	{
-	display: none;
	}		}
-	/*Supressing the wiki titles*/	+	#image{
-	.firstHeading	+	margin:80px 82px;
-	{	+
-	display: none;	+
	}		}
-	#contentSub	+	#windmillarms
	{		{
-	display: none;	+	background-image:url(https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png);
		+	height: 120px;
		+	width: 104px;
		+	border: none;
		+	z-index: 2;
	}		}
-		+	/*Body*/
	body		body
	{		{
	background-attachment:fixed;		background-attachment:fixed;
-	background-image:url(https://static.igem.org/mediawiki/2012/8/8e/ID_20120807_Groningen2012Background.jpg);	+	background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
	text-align: justify;		text-align: justify;
		+	border: none;
	}		}
-
	#content		#content
	{		{
-
	position: relative;		position: relative;
	top:-5px;		top:-5px;
Line 69:		Line 105:
	padding: 0px 0px 0px 0px;		padding: 0px 0px 0px 0px;
	background-color:transparent;		background-color:transparent;
-		+	border: none;
-		+
	}		}
-
	#bodyContent		#bodyContent
	{		{
-
	width: 1024px;		width: 1024px;
	position: relative;		position: relative;
	padding: 0px 0px 0px 0px;		padding: 0px 0px 0px 0px;
	background-color:transparent;		background-color:transparent;
-	background-image:url(https://static.igem.org/mediawiki/2012/b/b6/ID_20120807_Groningen2012transparantback.png);	+	border: none;
-		+
	}		}
-	/*Inserting the menu*/
-	#Gwrapper
-	{
-	position: relative;
-	width: 1024px;
-	}
-	#Gmenu	+	/*Suppress iGEM defaults*/
-	{	+	a[title="Main Page"]{display: none;}
-	float: left;	+	.firstHeading{display: none;}
-	width: 250px;	+	#menubar{display: none;}
-	height: 800px;	+	#search-controls{display: none;}
-	}	+	#contentSub{display: none;}
		+	#catlinks{display: none;}
		+	#footer-box{display: none;}
-		+	|}
-	.glossymenu	+
-	{	+
-	position: relative;	+
-	top:-31px;	+
-	left:0px;	+
-	}	+
-		+
-	.editsection	+
-	{	+
-	display: none;	+
-	}	+
-		+
-	#Gcontent	+
-	{	+
-	width: 760px;	+
-	margin-left: 250px;	+
-	}	+
-	table { background: none; }	+
-	table.calendar          { margin: 0; padding: 10px; }	+
-	table.calendar td      { margin: 0; padding: 2px; vertical-align: top; }	+
-	table.month .heading td { padding:2px; background-color:none; color:black; text-align:center;	+
-	font-family: sans-serif; font-size:1.2em; font-weight:bold; }	+
-	table.month .dow td    { color:black; text-align:center; font-size:110%; }	+
-	table.month td.today    { font-weight: bold; }	+
-	table.month td {	+
-	border: none;	+
-	margin: 0;	+
-	padding: 1pt 1.5pt;	+
-	font-weight: normal;	+
-	text-align: right;	+
-	background-color: none;	+
-	}	+
-	#bodyContent table.month a { background:none; padding:0; }	+
-	.day-active { color:#0000cc; }	+
-	.day-empty  { color:#cc0000; }	+
-		+
-	.thumb {	+
-	border-color: transparent !important;	+
-		+
-	}	+
-		+
-	div.gallerytext {	+
-	text-align: left;	+
-	font-size: 0.85em;	+
-	}	+
-	div.thumb	+
-	{	+
-	padding: 10px 0px !important;	+
-	}	+
-	.wikitable td	+
-	{	+
-	text-align: center;	+
-	font-size: 0.85em;	+
-	}	+
-	table * table.wikitable	+
-	{	+
-	margin: auto;	+
-	font-size: 1.1em !important;	+
-	}	+
-	table * div.gallerytext	+
-	{	+
-	margin: auto;	+
-	font-size: 1.1em !important;	+
-	}	+
-	#footer-box {	+
-	background-color: transparent;	+
-	border: 1px solid #444444;	+
-	margin-bottom: auto;	+
-	margin-left: auto;	+
-	margin-right: auto;	+
-	margin-top: -5px !important;	+
-	padding: 5px;	+
-	width: 1014px;	+
-	background-image: url("https://static.igem.org/mediawiki/2012/b/b6/ID_20120807_Groningen2012transparantback.png");	+
-	}	+

---

Latest revision as of 13:21, 14 August 2012

/* Ismael-

Don't worry, the previous style.css has been moved to Team:Groningen/styletest.css. I wanted to play around with the menu elements for a bit. You're right, the menu image is too narrow. The options need to be spaced further apart. There isn't enough space in between for the little cogs.

-Jon

• /

/*Header*/

/*test the menubar ID_8-8-2012-16:08*/

1. expand

.expand-down {

   font-family: Arial,Helvetica,sans-serif;
   line-height: normal;
   margin-bottom: 30px;

   margin-top: 0px;

z-index:1; } .expand-down * {

 margin: 0px;
 padding: 0;

z-index:1;

} .expand-down ul {

 padding-top:60px;

z-index:1;

} .expand-down ul li {

 list-style-type:none;

z-index:1; } .expand-down ul li a { text-decoration:none; z-index:1; } .expand-down ul li a img {

 width:82px;
 height:80px;
 border:none;

z-index:1; } .expand-down ul li a span {

 display:none;

z-index:1; } .expand-down ul li:hover a span {

 display:block;
 font-size:14px;
 text-align:center;
 color:#fff;

z-index:1; } .expand-down ul li:hover a img {

 width:80px;
 height:82px;

z-index:1; } .expand-down ul li:hover + li a img {

 width:80px;
 height:82px;

z-index:1; } .expand-down ul li:hover + li + li a img {

 width:80px;
 height:82px;

z-index:1;

}

1. image{

 margin:80px 82px;

}

1. windmillarms

{

   background-image:url();
   height: 120px;
   width: 104px;
   border: none; 
   z-index: 2;

}

/*Body*/ body {

   background-attachment:fixed;
   background-image:url();
   text-align: justify;
   border: none;

}

1. content

{

   position: relative;
   top:-5px;
   width: 1024px;
   padding: 0px 0px 0px 0px;
   background-color:transparent;
   border: none;

}

1. bodyContent

{

   width: 1024px;
   position: relative;
   padding: 0px 0px 0px 0px;
   background-color:transparent;
   border: none;

}

/*Suppress iGEM defaults*/ a[title="Main Page"]{display: none;} .firstHeading{display: none;}

1. menubar{display: none;}
2. search-controls{display: none;}
3. contentSub{display: none;}
4. catlinks{display: none;}
5. footer-box{display: none;}

|}