Team:Fatih Turkey/Home2
From 2011.igem.org
(Difference between revisions)
Buraksimsek (Talk | contribs) |
Buraksimsek (Talk | contribs) |
||
Line 41: | Line 41: | ||
body,p,pre,div,span{ | body,p,pre,div,span{ | ||
line-height: 160%; | line-height: 160%; | ||
- | color: # | + | 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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/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('https://static.igem.org/mediawiki/2011/3/39/Button-sh.png') repeat-x center top; | ||
+ | color: #ededed; | ||
+ | border: 1px #5e5e5e solid; | ||
+ | } | ||
+ | .button:hover{ | ||
+ | color: #ebebeb; | ||
+ | } | ||
+ | .button_big{ | ||
+ | background: #5e5e5e url('https://static.igem.org/mediawiki/2011/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&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&h=161&w=267&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 </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&h=161&w=267&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 </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&h=161&w=267&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 ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulpu </div> | ||
+ | <!-- <div class="lastport-date">Created on October 2, 2010 </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&h=161&w=267&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 </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&h=161&w=267&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 </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&h=161&w=267&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 </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
Overall Project
asdasdasd
LALF
asdasdasd
Reflectin
asdasdasd
Experiments
asdasdasd
Results
asdasdasd
Future Plan
asdasdasd
My Stuffs
Morbi
Aenean suscipit sollicitudin enim, veh icula pulvinar massa mattis id. Curabitur et neque a nisi convallis congue in sed ommod
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in ullamcorper purus. Quisque aliquet dui ultricies to Nam vehicula
Maecenas pellentesque ipsum quis purusipsum ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulpu Aliquam nec
Maecenas pellentesque ipsum quis purus ornare et pellentesque turpis laoreet. Duis et leo posuere nisi porta vulputate. Vestibulum sed
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed dolor vel ipsum sollicitudin pulvinar faucibus n consectetur adipiscing
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in ipsum sem. Morbi eget massa nunc, eu adipiscing dui. Nun
2011 © Fatih Medical School