Team:Fatih Turkey/Home2

From 2011.igem.org

(Difference between revisions)
Line 41: Line 41:
body,p,pre,div,span{
body,p,pre,div,span{
line-height: 160%;
line-height: 160%;
-
color: #808080;
+
color: #333;
}
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address,
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address,
Line 696: Line 696:
#slider-wrapper .slider-content{
#slider-wrapper .slider-content{
margin: 0px auto 0px;
margin: 0px auto 0px;
-
}</style>
+
}
 +
 
 +
/* Last Portfolio */
 +
/* Slider Portfolio */
 +
#content-slider {
 +
  width: 543px;
 +
  height: 18px;
 +
  margin: 10px auto 20px;
 +
  background: url('http://2011.igem.org/wiki/images/d/dc/Portfolio-slidebar-dot.png') no-repeat center;
 +
  position: relative;
 +
}
 +
.ui-slider-handle {
 +
  width: 45px;
 +
  height: 11px;
 +
  position: absolute;
 +
  top: 4px;
 +
  left: 1px;
 +
  background: url('http://2011.igem.org/wiki/images/d/dc/Portfolio-slidebar-dot.png') no-repeat left;
 +
}
 +
#content-scroll {
 +
  width: 910px;
 +
  overflow: hidden;
 +
  margin: 0px 30px 0px;
 +
}
 +
.content-item {
 +
  width: 296px;
 +
  padding: 5px;
 +
  float: left;
 +
}
 +
.last-port-title{
 +
position: relative;
 +
text-align: left;
 +
margin-left: 35px;
 +
}
 +
.last-port-title h1{
 +
margin-top: 1.3em;
 +
}
 +
.last-port-whole{
 +
overflow: hidden;
 +
width: 970px;
 +
background: #f0f0f0;
 +
margin: auto;
 +
border-bottom: 1px #e5e5e5 solid;
 +
}
 +
.last-port-wrapper{
 +
margin-right: 7px;
 +
margin-bottom: 20px;
 +
}
 +
.port-postthumb-big{
 +
width: 273px;
 +
height: 167px;
 +
border: 1px #D5D5D5 solid;
 +
}
 +
.port-postthumb{
 +
border: 1px #D5D5D5 solid;
 +
}
 +
.thumb{
 +
margin: 3px;
 +
}
 +
.last-port-wrapper .last-portfolio-link{
 +
margin-right: 10px;
 +
margin-left: 0px;
 +
}
 +
.last-portfolio-link h4{
 +
  margin-bottom:  0.5em;
 +
  font-weight: 200;
 +
}
 +
.last-port-wrapper .lastport-date{
 +
margin-left: 25px;
 +
}
 +
.last-port-wrapper .last-port-sh{
 +
height: 12px;
 +
width: 273px;
 +
display: inline-block;
 +
background: url('http://2011.igem.org/wiki/images/c/c2/Last-port-sh.png') no-repeat top;
 +
}
 +
.button{
 +
border: 0px ;
 +
text-decoration:none;
 +
height: 28px;
 +
line-height:28px;
 +
display:inline-block;
 +
clear:both;
 +
padding:0px 16px;
 +
margin-top: 10px;
 +
margin-bottom: 10px;
 +
font-size: 13px;
 +
font-family:  Verdana, Arial, Helvetica;
 +
-moz-border-radius:3px;
 +
-webkit-radius:3px;
 +
border-radius:3px;
 +
cursor:pointer;
 +
}
 +
.button_big{
 +
border: 0px ;
 +
text-decoration:none;
 +
height: 28px;
 +
line-height:28px;
 +
display:inline-block;
 +
clear:both;
 +
padding: 5px 32px;
 +
margin-top: 10px;
 +
margin-bottom: 10px;
 +
font-size: 16px;
 +
font-family:  Verdana, Arial, Helvetica;
 +
-moz-border-radius:3px;
 +
-webkit-radius:3px;
 +
border-radius:3px;
 +
cursor:pointer;
 +
}
 +
.right-button{
 +
position: absolute;
 +
top : -17px;
 +
right: 38px;
 +
}
 +
 
 +
  .button{
 +
            background: #5e5e5e url('http://2011.igem.org/wiki/images/3/39/Button-sh.png') repeat-x center top;
 +
            color: #ededed;
 +
            border: 1px #5e5e5e solid;
 +
        }
 +
        .button:hover{
 +
            color: #ebebeb;
 +
        }
 +
        .button_big{
 +
            background: #5e5e5e url('http://2011.igem.org/wiki/images/3/39/Button-sh.png') repeat-x center top;
 +
            color: #ededed;
 +
            border: 1px #5e5e5e solid;
 +
        }
 +
        .button_big:hover{
 +
            color: #ebebeb;
 +
        }
 +
 
 +
</style>
Line 707: Line 840:
<script type="text/javascript" src="http://simsekburak.com/fatihigem/cufon.js"></script>
<script type="text/javascript" src="http://simsekburak.com/fatihigem/cufon.js"></script>
<script type="text/javascript" src="http://simsekburak.com/fatihigem/Aller_Light_400.font.js"></script>
<script type="text/javascript" src="http://simsekburak.com/fatihigem/Aller_Light_400.font.js"></script>
 +
<script type='text/javascript' src='http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/include/starter-js.js?ver=3.1'></script>
 +
 +
<script type='text/javascript' src='http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/js/jquery.prettyPhoto.js?ver=3.1'></script>
 +
 +
<script type="text/javascript" src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/js/content-slider.js?ver=3.1"></script>
 +
<script>
<script>
Line 920: Line 1,059:
</div>
</div>
-
 
+
<div class="last-port-whole">
 +
<div class="space"></div>
 +
<div class="last-port-title"><h1 class="cufon"><cufon class="cufon cufon-canvas" alt="My " style="width: 49px; height: 30px; "><canvas width="95" height="37" style="width: 95px; height: 37px; top: -5px; left: -5px; "></canvas><cufontext>My </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Stuffs" style="width: 80px; height: 30px; "><canvas width="120" height="37" style="width: 120px; height: 37px; top: -5px; left: -5px; "></canvas><cufontext>Stuffs</cufontext></cufon></h1>
 +
<div class="right-button"><a href="?page_id=101" class="button" style="opacity: 1; ">View Portfolio</a></div>
 +
</div>
 +
<div id="content-scroll">
 +
<div id="content-holder">
 +
 +
 +
<div class="content-item last-port-wrapper">
 +
 +
<div class="port-postthumb-big zoom-video">
 +
<a href="http://www.youtube.com/watch?v=n-ae9_DgKso&amp;feature=channel_video_title" rel="prettyPhoto" title="Morbi">
 +
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/TB-Dubai_Canon-EOS-5D-Mark-II_NETPHOTO_08November2009_IMG_9375-1024x682.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Morbi" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-port-sh">
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=75"><cufon class="cufon cufon-canvas" alt="Morbi" style="width: 48px; height: 18px; "><canvas width="75" height="22" style="width: 75px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Morbi</cufontext></cufon></a></h4>
 +
Aenean suscipit sollicitudin enim, veh icula pulvinar massa mattis id. Curabitur et neque a nisi convallis congue in sed </div>
 +
<!-- <div class="lastport-date">Created on October 18, 2010&nbsp;</div> -->
 +
 +
</div>
 +
 +
 +
<div class="content-item last-port-wrapper">
 +
 +
<div class="port-postthumb-big zoom">
 +
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/20100726__NP14828-1024x572.jpg" rel="prettyPhoto[pp_gal]" title="ommod">
 +
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/20100726__NP14828-1024x572.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="ommod" class="thumb hover" style="opacity: 1; ">
 +
</a>
 +
</div>
 +
<div class="last-port-sh">
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4 style="margin-left: 0in; opacity: 1; "><a href="http://www.saintdo.me/themes/deShadow/?p=68"><cufon class="cufon cufon-canvas" alt="ommod" style="width: 62px; height: 18px; "><canvas width="84" height="22" style="width: 84px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>ommod</cufontext></cufon></a></h4>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in ullamcorper purus. Quisque aliquet dui ultricies to </div>
 +
<!-- <div class="lastport-date">Created on October 18, 2010&nbsp;</div> -->
 +
 +
</div>
 +
 +
 +
<div class="content-item last-port-wrapper">
 +
 +
<div class="port-postthumb-big zoom">
 +
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Red_Shirts_Protest_001-1024x681.jpg" rel="prettyPhoto[pp_gal]" title="Nam vehicula">
 +
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Red_Shirts_Protest_001-1024x681.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Nam vehicula" class="thumb hover">
 +
</a>
 +
</div>
 +
<div class="last-port-sh">
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=27"><cufon class="cufon cufon-canvas" alt="Nam " style="width: 42px; height: 18px; "><canvas width="70" height="22" style="width: 70px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Nam </cufontext></cufon><cufon class="cufon cufon-canvas" alt="vehicula" style="width: 69px; height: 18px; "><canvas width="92" height="22" style="width: 92px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>vehicula</cufontext></cufon></a></h4>
 +
Maecenas pellentesque ipsum quis purusipsum&nbsp;ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulpu </div>
 +
<!-- <div class="lastport-date">Created on October 2, 2010&nbsp;</div> -->
 +
 +
</div>
 +
 +
 +
<div class="content-item last-port-wrapper">
 +
 +
<div class="port-postthumb-big zoom">
 +
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Thailand_Coronation_Day_2010_004-1024x681.jpg" rel="prettyPhoto[pp_gal]" title="Aliquam nec">
 +
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Thailand_Coronation_Day_2010_004-1024x681.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Aliquam nec" class="thumb hover">
 +
</a>
 +
</div>
 +
<div class="last-port-sh">
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=25"><cufon class="cufon cufon-canvas" alt="Aliquam " style="width: 72px; height: 18px; "><canvas width="99" height="22" style="width: 99px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Aliquam </cufontext></cufon><cufon class="cufon cufon-canvas" alt="nec" style="width: 30px; height: 18px; "><canvas width="53" height="22" style="width: 53px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>nec</cufontext></cufon></a></h4>
 +
Maecenas pellentesque ipsum quis purus ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulputate. </div>
 +
<!-- <div class="lastport-date">Created on October 2, 2010&nbsp;</div> -->
 +
 +
</div>
 +
 +
 +
<div class="content-item last-port-wrapper">
 +
 +
<div class="port-postthumb-big zoom">
 +
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/WZ3P2662-1-1024x682.jpg" rel="prettyPhoto[pp_gal]" title="Vestibulum sed">
 +
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/WZ3P2662-1-1024x682.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="Vestibulum sed" class="thumb hover">
 +
</a>
 +
</div>
 +
<div class="last-port-sh">
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=22"><cufon class="cufon cufon-canvas" alt="Vestibulum " style="width: 98px; height: 18px; "><canvas width="125" height="22" style="width: 125px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>Vestibulum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="sed" style="width: 29px; height: 18px; "><canvas width="51" height="22" style="width: 51px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>sed</cufontext></cufon></a></h4>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed dolor vel ipsum sollicitudin pulvinar faucibus n </div>
 +
<!-- <div class="lastport-date">Created on October 2, 2010&nbsp;</div> -->
 +
 +
</div>
 +
 +
 +
<div class="content-item last-port-wrapper">
 +
 +
<div class="port-postthumb-big zoom">
 +
<a href="http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Travel_Jordan_005-1024x681.jpg" rel="prettyPhoto[pp_gal]" title="consectetur adipiscing">
 +
<img src="http://www.saintdo.me/themes/deShadow/wp-content/themes/deshadow/scripts/timthumb.php?src=http://www.saintdo.me/themes/deShadow/wp-content/uploads/2011/01/Travel_Jordan_005-1024x681.jpg&amp;h=161&amp;w=267&amp;zc=1" alt="consectetur adipiscing" class="thumb hover">
 +
</a>
 +
</div>
 +
<div class="last-port-sh">
 +
</div>
 +
<div class="last-portfolio-link">
 +
<h4><a href="http://www.saintdo.me/themes/deShadow/?p=12"><cufon class="cufon cufon-canvas" alt="consectetur " style="width: 101px; height: 18px; "><canvas width="128" height="22" style="width: 128px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>consectetur </cufontext></cufon><cufon class="cufon cufon-canvas" alt="adipiscing" style="width: 83px; height: 18px; "><canvas width="106" height="22" style="width: 106px; height: 22px; top: -3px; left: -3px; "></canvas><cufontext>adipiscing</cufontext></cufon></a></h4>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in ipsum sem. Morbi eget massa nunc, eu adipiscing dui. Nun </div>
 +
<!-- <div class="lastport-date">Created on September 29, 2010&nbsp;</div> -->
 +
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
 +
<div id="content-slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%; "></a></div>
 +
<div class="space"></div>
 +
<div class="space"></div>
 +
</div>
 +
</div>
<div class="footer-sh-wrapper">
<div class="footer-sh-wrapper">
<div class="footer-sh-left"></div>
<div class="footer-sh-left"></div>

Revision as of 18:26, 20 September 2011

deneme baslik

Overall Project

asdasdasd

LALF

asdasdasd

Reflectin

asdasdasd

Experiments

asdasdasd

Results

asdasdasd

Future Plan

asdasdasd

My Stuffs