Team:Groningen/styletest.css

From 2012.igem.org

(Difference between revisions)
m
m
 
Line 1: Line 1:
 +
/*
 +
Ismael-
-
/*Text links*/
+
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.
-
    a:link {color:#20548f;}
+
-
    a:visited {color:#20548f;}
+
-
    a:hover {color:#20548f;}
+
-
    a:active {color:#20548f;}
+
-
/*Reworking the Text*/
+
-Jon
-
h1, h2, h3, h4, h5, h6
+
-
{
+
-
    border-bottom-width: 0px;
+
-
}
+
-
/*Reworking the header*/
+
*/
 +
 
 +
 
 +
 
 +
/*Header*/
#top-section
#top-section
{
{
-
     height: 390px;
+
     height: 208px;
-
     width: 1024px;
+
     width: 550px;
 +
    border: none;  
}
}
 +
/*test the menubar ID_8-8-2012-16:08*/
-
table
+
#p-logo
{
{
-
    background-color:transparent;
+
     background-image:url(http://2012.igem.org/wiki/images/6/61/Groningen2012_ID_20120808_Menu_Home.png);
-
}
+
     background-repeat:no-repeat;
-
#catlinks {
+
     background-position:82px 82px;
-
display: none;
+
 
-
}
+
-
#p-logo
+
-
{
+
-
    height: 390px;
+
-
    width: 1024px;
+
-
     background-image:url(http://2012.igem.org/wiki/images/e/ea/ID_20120807_Groningen2012Header.png);
+
-
     opacity: 0.6;
+
-
     filter:alpha(opacity=60);
+
}
}
-
/*Supressing the igem logo*/
+
 
-
a[title="Main Page"]
+
 
 +
 
 +
.bigcog
{
{
-
     display: none;
+
     background-image:url(http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png);
 +
    height: 100px;
 +
    width: 100px;
 +
    opacity: 40%;
 +
    top: 25%;
 +
    border: none;
 +
    z-index: 0;
}
}
-
 
+
.smallcog
-
/*Supressing the wiki titles*/
+
-
.firstHeading
+
{
{
-
     display: none;
+
     background-image:url(http://2012.igem.org/wiki/images/a/ad/Groningen2012_AD_20120802_SmallCog.png);
 +
    height: 37px;
 +
    width: 36px;
 +
    opacity: 40%;
 +
    top: 37.5%;
 +
    border: none;
 +
    z-index: 0;
}
}
-
 
+
#windmillarms
-
#contentSub
+
{
{
-
     display: none;
+
     background-image:url(http://2012.igem.org/wiki/images/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(http://2012.igem.org/wiki/images/8/8e/ID_20120807_Groningen2012Background.jpg);
+
     background-image:url(http://2012.igem.org/wiki/images/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 70: Line 76:
     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(http://2012.igem.org/wiki/images/b/b6/ID_20120807_Groningen2012transparantback.png);
+
     border: none;
-
   
+
}
}
-
/*Inserting the menu*/
+
/*Suppress iGEM defaults*/
-
#Gwrapper
+
a[title="Main Page"]{display: none;}
-
{
+
.firstHeading{display: none;}
-
    position: relative;
+
#menubar{display: none;}
-
    width: 1024px;
+
#search-controls{display: none;}
-
}
+
#contentSub{display: none;}
 +
#catlinks{display: none;}
 +
#footer-box{display: none;}
-
#Gmenu
+
|}
-
{
+
-
    float: left;
+
-
    width: 250px;
+
-
    height: 800px;
+
-
}
+
-
 
+
-
 
+
-
.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("http://2012.igem.org/wiki/images/b/b6/ID_20120807_Groningen2012transparantback.png");
+
-
}
+

Latest revision as of 17:03, 8 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*/

  1. top-section

{

   height: 208px;
   width: 550px;
   border: none; 

}

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


  1. p-logo

{

   background-image:url(Groningen2012_ID_20120808_Menu_Home.png);
   background-repeat:no-repeat;
   background-position:82px 82px;

}



.bigcog {

   background-image:url(Groningen2012_AD_20120802_BigCog.png);
   height: 100px;
   width: 100px;
   opacity: 40%;
   top: 25%;
   border: none; 
   z-index: 0;

} .smallcog {

   background-image:url(Groningen2012_AD_20120802_SmallCog.png);
   height: 37px;
   width: 36px;
   opacity: 40%;
   top: 37.5%;
   border: none; 
   z-index: 0;

}

  1. windmillarms

{

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

}

/*Body*/ body {

   background-attachment:fixed;
   background-image:url(Groningen2012_AD_20120802_Background.png);
   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;}

|}