User:Meagan/Main Page CSS

From 2011.igem.org

< User:Meagan(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Main_Page_CSS}}
 +
__NOTOC__
__NOTOC__
<html>
<html>
<head>
<head>
<style>
<style>
-
#sub_wrapper {
 
-
width: 700px;
 
-
float:left;
 
-
}
 
-
.announcement p {
+
#social {
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
+
float: right;
-
color: #e70200;
+
margin-top: -240px;
-
font-weight: bold;
+
-
font-size: 200%;
+
-
text-shadow: #dadada 1px 1px 1px;
+
-
text-align: center;
+
}
}
 +
</style>
 +
</head>
 +
<body>
-
.main_item {
+
<div id="regional_highlight" style="width:900px; margin:5px auto; /*height:93px;*/ border: 1px solid #006633; /*background-color:#c3ffb8;*/">
-
padding: 0 0 15px 20px;
+
test
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
+
-
}
+
-
.main_item h2 {
+
<div style="z-index:4;">
-
color: /*#2fa001*/ #576f91;
+
<object width="300" height="225"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Figemhq%2Fsets%2F72157625225590751%2Fshow%2F&page_show_back_url=%2Fphotos%2Figemhq%2Fsets%2F72157625225590751%2F&set_id=72157625225590751&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=107931"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=107931" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Figemhq%2Fsets%2F72157625225590751%2Fshow%2F&page_show_back_url=%2Fphotos%2Figemhq%2Fsets%2F72157625225590751%2F&set_id=72157625225590751&jump_to=" width="300" height="225"></embed></object>
-
font-weight: 150%;
+
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
+
-
text-shadow: #dadada 1px 1px 1px;
+
-
}
+
-
.main_item p {
+
</div>
-
color:#666;
+
<!-- yellow border ffcc00 yellow background fff9cc -->
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
+
<div style='margin-bottom:30px;clear:both'></div>
-
}
+
-
.item_image {
+
<div id="sub_wrapper">
-
padding: 10px 0 0 40px;
+
-
}
+
-
.date {
+
<!-- *** FOLLOW iGEM *** -->
-
color: #999;
+
<div id="social">
-
text-align: center;
+
<a href="http://www.facebook.com/home.php#/group.php?gid=2217161950">
-
font-size: 80%;
+
<img src="https://static.igem.org/mediawiki/2011/7/72/Facebook_logo_25px.png"
-
border-top: dashed 1px #d2d2d2;
+
    style="padding-right:5px; width:25px; height:25px;"
-
border-bottom: dashed 1px #d2d2d2;
+
    alt="Join iGEM on Facebook!"
-
margin: 10px 0 15px 0;
+
    title="Join iGEM on Facebook!">
-
}
+
</a>
 +
<a href="http://twitter.com/igem">
 +
<img src="https://static.igem.org/mediawiki/2011/3/3c/Twitter_logo_25px.png"
 +
    style="padding-right:5px; width:25px; height:25px;"
 +
    alt="Follow iGEM on Twitter!"
 +
    title="Follow iGEM on Twitter!">
 +
</a>
 +
<a href="https://igem.org/Forum">
 +
<img src="https://static.igem.org/mediawiki/igem.org/4/48/Forum_button_v4_25px.png"
 +
    style="width:25px; height:25px;"
 +
    alt="Join the iGEM discussions on the Forum!"
 +
    title="Join the iGEM discussions on the Forum!">
 +
</a>
 +
</div>
-
.main_item ul {
 
-
color:#666;
 
-
font-family: Lucida Grande, Verdana, Arial, sans-serif;
 
-
padding: 0 0 0 50px;
 
-
list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png');
 
-
}
 
-
.main_item ul lh {
+
<!-- ***** Begin entry style portion of page ***** -->
-
font-weight: bold;
+
-
color: #f16900;
+
-
}
+
-
.main_item ul li {
+
<! ***** New entry ***** -->
-
/*list-style: circle;*/
+
<div class="main_item">
-
}
+
<h2>software division announcement</h2>
 +
<table>
 +
<tr>
 +
<td style="padding-right:20px;">
 +
<a href="https://2011.igem.org/Software/Team_Advancement">
 +
<img src="https://static.igem.org/mediawiki/2011/5/5c/Software_div_wiki_image_v3_150px.png"
 +
    style="margin:5px 15px 15px 20px; width:150px; height:106px;"
 +
    title="Software Division teams advance!"
 +
    alt="Software Division image">
 +
</a>
 +
</td>
 +
<td>
 +
<p><b>A major announcement for all registered iGEM 2011 software teams:</b></p>
 +
<p>In order to further develop the iGEM Software Division, all registered iGEM 2011 software teams are invited to automatically advance to the World Championship. To find out more about this decision and read the open letter to software teams <a href="https://2011.igem.org/Software/Team_Advancement">see more details here</a>.</p>
 +
</td>
 +
</table>
 +
<div class="date">
 +
September 29, 2011
 +
</div> <!-- close date div -->
 +
<div class="comments">
 +
<script>forum_subtle('iGEM2011 > Main Page News Posts > software division announcement')</script>
 +
</div> <!-- close comment div -->
 +
</div> <!-- close main item -->
-
.main_item a {
 
-
font-weight: bold;
 
-
}
 
-
a.green_link:link {
 
-
color: #666;
 
-
font-weight: bold;
 
-
}
 
-
a.green_link:visited {
+
<!-- *** ARCHIVE *** -->
-
font-weight: bold;
+
<div>
-
color: #666;
+
<a href="https://2011.igem.org/Main_page_archive"><small>(News post archive)</small></a>
-
}
+
</div>
-
a.green_link:active {
 
-
color: #99CC33;
 
-
text-decoration: none; 
 
-
}
 
-
a.green_link:hover {
+
</div> <!-- Close sub_wrapper div -->
-
color: #99CC33;
+
</body>
-
text-decoration: none;
+
</html>
-
}
+
-
.pending_results {
+
<!-- *** SIDE BAR *** -->
-
color: #999;
+
<div id='right-sidebar'>
-
}
+
<div class='right-box' style='border-right:1px solid #e4592d; border-top:2px solid #e4592d; border-bottom:2px solid #e4592d;background-color:#FFDAC1;'>
 +
<div class='right-heading'>About iGEM</div>
 +
* [https://igem.org/About What is iGEM?]
 +
* [https://igem.org/Previous_iGEM_Competitions Previous iGEM competitions]
 +
* [https://igem.org/Contact iGEM Headquarters]
 +
* [https://igem.org/Press_Kit iGEM Press Kit]
 +
* [http://mail.igem.org/mailman/listinfo/interest Join the iGEM Mailing List]
 +
* [https://igem.org/Sponsorship Sponsor iGEM]
 +
* [[Sponsors | iGEM 2011 Sponsors]]
 +
</div> <!-- close About -->
-
#sponsors {
+
<div class='right-box' style='border-right:1px solid #00528e; border-top:2px solid #00528e; border-bottom:2px solid #00528e;background-color:#C0D9FF;'>
-
float: left;
+
<div class='right-heading'>iGEM Start to Finish</div>
-
width: 950px;
+
* '''[https://igem.org/Start_A_Team Start A Team]'''
-
text-align: center;
+
* [[Calendar of Events | Calendar of events]]
-
}
+
* [[Requirements]]
 +
* [[High School Competition | High School Division]]
 +
*<span style='color:gray'> [https://igem.org/IGEM_2011_Registration iGEM 2011 Registration]</span>
 +
* [[Workshops| Teachers workshops]]
 +
* [[Summer_events | Summer News & Events]]
 +
* [[Jamborees | The Jamborees]]
 +
** [[Judging]]
 +
* [[Photo_Gallery | iGEM Photo Gallery]]
 +
* [[iGEM_Publicity | iGEM Publicity]]
 +
* [[iGEM_Publications | iGEM Publications]]
 +
* [[Safety | Safety]]
 +
* [[Security]]
 +
* [[Community | Community]]
 +
</div> <!-- close Start-to-finish -->
-
#sponsors td {
+
<div class='right-box' style='border-right:1px solid #FFC14C; border-top:2px solid #FFC14C; border-bottom:2px solid #FFC14C;background-color:#FFF1B3;'>
-
padding: 15px 0px 0px 15px;
+
<div class='right-heading'>Resources</div>
-
}
+
<!--* [[Mailing_Lists | Mailing lists]]-->
 +
* [https://igem.org/Team_List?year=2011 2011 teams]
 +
* [https://igem.org/Team_Wikis?year=2011 2011 team wikis]
 +
* [https://igem.org/Team_Parts?year=2011 2011 team parts]
 +
* [https://igem.org/Team_Tracks?year=2011 2011 team tracks]
 +
* '''[https://igem.org/Team_Judging?year=2011 2011 judging forms]'''
 +
* [[Sponsors | iGEM 2011 Partner Offers]]
 +
* [https://igem.org/Forum iGEM Forum]
 +
* [https://igem.org/Videos Videos]
 +
* [http://partsregistry.org Registry of Standard Parts]
 +
* [https://igem.org/FAQ FAQs]
 +
* [[Main page archive | Main page archive]]
 +
</div> <!-- close Resources -->
 +
</div>
-
#sponsor_table td {
 
-
width: 250px;
 
-
padding-left: 5px;
 
-
padding-top: 35px;
 
-
}
 
-
#sponsor_table td img {
+
<html>
-
display: block;
+
<div id="sponsor_logos" style="float:left; padding:5px 0px 0px 0px;">
-
margin-left: auto;
+
<table id="sponsor_table">
-
margin-right: auto;
+
-
}
+
-
 
+
-
#social {
+
-
float: right;
+
-
margin-top: -50px;
+
-
}
+
-
 
+
-
.comments {
+
-
float: right;
+
-
}
+
-
</style>
+
-
</head>
+
-
<body>
+
-
 
+
-
 
+
-
<!-- ***** Begin entry style portion of page ***** -->
+
-
 
+
-
 
+
-
<! ***** New entry ***** -->
+
-
<div class="main_item"> 
+
-
<h2>deadline: projects & safety: july 15</h2>
+
-
<table>
+
<tr>
<tr>
-
<td style="padding-right:20px;">
+
<td>
-
<a href="https://2011.igem.org/Project_descriptions">
+
<a href="https://2011.igem.org/Sponsors">
-
<img src="https://static.igem.org/mediawiki/2011/1/1d/Project_description_clock_image_150px.png"
+
<img src="https://static.igem.org/mediawiki/2010/6/6f/Agilent-2c_Corp_Sig_50mm.jpg">
-
    style="margin:5px 15px 15px 20px; width:150px; height:150px;"
+
-
    title="Preliminary project descriptions due July 16."
+
-
    alt="Project description text image">
+
</a>
</a>
</td>
</td>
<td>
<td>
-
<p>Take a break from the lab to make sure you're ready for the upcoming deadlines: preliminary project descriptions and safety proposals are due on <strong>July 15</strong>. See the  <a href="https://2011.igem.org/Project_descriptions">project description</a> page and the <a href="https://2011.igem.org/Safety/Proposals">safety proposal</a> page for more details.</p>
+
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/1/1e/Alberta_innovates_30h.jpg">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/2/29/ADSK_logo_S_black_web_32h.png">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2011/1/1e/BBF_logo_h35px.png">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/1/1e/Fbi_seal_mod_50px.png">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2011/e/ea/Foley_logo_h35px.png">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/igem.org/5/55/LT_Logo_RGB-35h76w.png">
 +
</a>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/9/97/Mathworks_Logo_R1_RGB_26h.jpg">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/9/93/Mit_logo_h26px.jpg">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2011/f/fc/Nasa_logo_h50px.png">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/6/6c/Nsf_logo_h26px.jpg">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/5/5f/Osli_official_logo_26h.png">
 +
</a>
 +
</td>
 +
<td>
 +
<a href="https://2011.igem.org/Sponsors">
 +
<img src="https://static.igem.org/mediawiki/2010/e/e9/SynBERC_logo_h26px.png">
 +
</a>
</td>
</td>
</tr>
</tr>
</table>
</table>
-
<div class="date">
+
</div>
-
July 8, 2011
+
</html>
-
<div class="comments">
+
-
<script>forum_subtle('iGEM2011 > Main Page News Posts > deadline: projects & safety: july 15')</script>
+
-
</div> <!-- close comment div -->
+
-
</div> <!-- close date div -->
+
-
</div> <!-- close main item -->
+

Latest revision as of 22:49, 30 September 2011


test

software division announcement

Software Division image

A major announcement for all registered iGEM 2011 software teams:

In order to further develop the iGEM Software Division, all registered iGEM 2011 software teams are invited to automatically advance to the World Championship. To find out more about this decision and read the open letter to software teams see more details here.
September 29, 2011


Retrieved from "http://2011.igem.org/User:Meagan/Main_Page_CSS"