User:Vinoo/MainPage

From 2014.igem.org

(Difference between revisions)
m
m (Undo revision 1262 by Vinoo (talk))
Line 5: Line 5:
.firstHeading {display:none;}
.firstHeading {display:none;}
#contentcontainer {margin-top: 70px;}
#contentcontainer {margin-top: 70px;}
-
#alertContainer {background-color: red; height: 40px; margin-bottom: 10px;}
+
#alertContainer {border: 2px solid red; height: 40px; margin-bottom: 10px; width: 936px;}
-
#annContainer {background-color: #ccc; height: 600px;}
+
#annContainer {background-color: #ccc; height: 600px; margin-left: 5px;}
-
.newsItem {border: 1px solid #ccc; display: block; padding: 5px 15px 20px 10px; margin-bottom: 10px; position: relative;}
+
#newsContainer {border: 1px solid #ccc;}
-
.newsItem h3 {display: inline; font-size: 16px;}
+
.newsItem {border-bottom: 1px solid #ccc; display: block; padding: 5px 15px 10px 10px; margin-bottom: 5px; position: relative;}
-
.newsItem .learnMore {display: inline; font-style: italic; font-size: 12px; }
+
.newsItem h3 {width: auto; display: inline; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
-
.newsItem .newsDate {font-style: italic; font-size: 10px; display: block; position: absolute; bottom: 1px; right: 5px;}
+
.newsItem .newsDate {font-style: italic; font-size: 14px; display: inline-block; color: #999; float: right; padding: 0px 0px 10px 15px;}
-
.newsItem p, .newsItem ul, .newsItem li {margin-left: 20px; font-size: 12px;}
+
.newsItem p, .newsItem ul, .newsItem li {padding: 0px; margin-left: 20px; font-size: 12px;}
.newsItem p {margin-top: 10px;}
.newsItem p {margin-top: 10px;}
-
.newsTitle {display: block; background-color: #000; color: #fff; font-size: 28px; font-weight: bold; padding: 5px; margin-bottom: 10px;}
+
.newsTitle {display: block; background-color: #000; color: #fff; font-size: 28px; font-weight: bold; padding: 10px 5px; margin-bottom: 10px;}
-
.newsItem {border: 1px solid #ccc; display: block; padding: 5px 15px 20px 10px; margin-bottom: 10px; position: relative;}
 
.newsItem img {width: 120px; display: block; clear: right;}
.newsItem img {width: 120px; display: block; clear: right;}
</style>
</style>
Line 26: Line 25:
<div class="newsItem">
<div class="newsItem">
 +
<div class="newsDate">January 21st, 2014</div>
<h3>iGEM 2014 Registration is open!</h3>
<h3>iGEM 2014 Registration is open!</h3>
<p>iGEM 2014 Team Registration is open. Here are some important details.
<p>iGEM 2014 Team Registration is open. Here are some important details.
Line 34: Line 34:
</ul>
</ul>
</p>
</p>
-
<div class="learnMore"><a href="#">...link</a></div>
 
-
<div class="newsDate">January 21st, 2014</div>
 
</div>
</div>
<div class="newsItem">
<div class="newsItem">
 +
<div class="newsDate">January 21st, 2014</div>
<h3>The Wiki Freeze deadline is blah</h3>
<h3>The Wiki Freeze deadline is blah</h3>
<p>iGEM 2014 Team Registration is open. Here are some important details.
<p>iGEM 2014 Team Registration is open. Here are some important details.
Line 47: Line 46:
</ul>
</ul>
</p>
</p>
-
<div class="learnMore"><a href="#">...link</a></div>
 
-
<div class="newsDate">January 21st, 2014</div>
 
</div>
</div>
<div class="newsItem">
<div class="newsItem">
-
<h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatem. </h3>
 
-
<div class="learnMore"><a href="#">...link</a></div>
 
<div class="newsDate">January 21st, 2014</div>
<div class="newsDate">January 21st, 2014</div>
 +
<h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatem. </h3>
</div>
</div>
<div class="newsItem">
<div class="newsItem">
-
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </h3>
 
-
<div class="learnMore"><a href="#">...link</a></div>
 
<div class="newsDate">January 21st, 2014</div>
<div class="newsDate">January 21st, 2014</div>
 +
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </h3>
</div>
</div>
<div class="newsItem">
<div class="newsItem">
-
<h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatem. </h3>
 
-
<div class="learnMore"><a href="#">...link</a></div>
 
<div class="newsDate">January 21st, 2014</div>
<div class="newsDate">January 21st, 2014</div>
 +
<h3>Sed ut perspiciatis unde omnis iste natus error sit voluptatem. </h3>
</div>
</div>
</div>
</div>

Revision as of 19:15, 7 March 2014

News
January 21st, 2014

iGEM 2014 Registration is open!

iGEM 2014 Team Registration is open. Here are some important details.

    Important details:
  • Date
  • Deadline
  • Blah

January 21st, 2014

The Wiki Freeze deadline is blah

iGEM 2014 Team Registration is open. Here are some important details.

    Important details:
  • Date
  • Deadline
  • Blah

January 21st, 2014

Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

January 21st, 2014

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

January 21st, 2014

Sed ut perspiciatis unde omnis iste natus error sit voluptatem.