Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 434: Line 434:
{
{
}
}
-
 
+
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
-
.footer
+
section{
-
{
+
   text-align:center;
-
  position:relative;
+
-
  bottom:0px;
+
-
  width:100%;
+
-
   left:0px;
+
}
}
-
.content {
+
.footer #button{
-
width: 980px;
+
width:35px;
-
padding: 0 10px;
+
height:35px;
-
margin: 0 auto;
+
border: #727172 12px solid;
-
position: relative;
+
border-radius:35px;
 +
margin:0 auto;
 +
position:relative;
 +
-webkit-transition: all 1s ease;
 +
    -moz-transition: all 1s ease;
 +
    -o-transition: all 1s ease;
 +
    -ms-transition: all 1s ease;
 +
    transition: all 1s ease;
}
}
-
 
+
.footer #button:hover{
-
.footer-tear {
+
width:35px;
-
height: 5px;
+
height:35px;
-
background: url('https://www.scirra.com/images/fresh/footer-tear-01.png');
+
border: #3A3A3A 12px solid;
-
position: relative;
+
-webkit-transition: all 1s ease;
-
top: 55px;
+
    -moz-transition: all 1s ease;
 +
    -o-transition: all 1s ease;
 +
    -ms-transition: all 1s ease;
 +
    transition: all 1s ease;
 +
position:relative;
}
}
-
 
+
.footer {
-
.footer-wrap ul ul li a {
+
bottom:0;
-
/* color: #fff; */
+
left:0;
 +
position:fixed;
 +
    width: 100%;
 +
    height: 2em;
 +
    overflow:hidden;
 +
    margin:0 auto;
 +
-webkit-transition: all 1s ease;
 +
    -moz-transition: all 1s ease;
 +
    -o-transition: all 1s ease;
 +
    -ms-transition: all 1s ease;
 +
    transition: all 1s ease;
 +
z-index:999;
}
}
-
.footer-wrap ul ul li a {
+
.footer:hover {
-
color: #fff;
+
-webkit-transition: all 1s ease;
 +
    -moz-transition: all 1s ease;
 +
    -o-transition: all 1s ease;
 +
    -ms-transition: all 1s ease;
 +
    transition: all 1s ease;
 +
height: 10em;
}
}
-
.footer-wrap a {
+
.footer #container{
-
font-weight: normal;
+
margin-top:5px;
 +
width:100%;
 +
height:100%;
 +
  position:relative;
 +
  top:0;
 +
  left:0;
 +
background: #3A3A3A;
}
}
-
a:hover {
+
.footer #cont{
-
text-decoration: underline;
+
  position:relative;
 +
  top:-45px;
 +
  right:190px;
 +
width:150px;
 +
height:auto;
 +
margin:0 auto;
}
}
-
a {
+
.footer_center{
-
color: #06C3AB;
+
width:500px;
-
font-weight: bold;
+
float:left;
-
text-decoration: none;
+
  text-align:center;
-
text-shadow: none;
+
}
}
-
 
+
.footer h3{
-
.footer-wrap h2 {
+
font-family: 'Helvetica';
-
margin-bottom: 10px;
+
font-size: 30px;
-
font-weight: bold;
+
font-weight: 100;
-
font-size: 24px;
+
margin-top:70px;
-
text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.2);
+
margin-left:40px;
-
color: white;
+
-
font-family: 'Open Sans', sans-serif;
+
-
}
+
-
h2 {
+
-
font-family: 'Sansita One', 'Arial', cursive;
+
-
text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
+
-
color: #555555;
+
-
font-size: 30px;
+
-
margin-top: 28px;
+
-
margin-bottom: 8px;
+
-
font-weight: lighter;
+
-
}
+
-
h1, h2, h3, h4, h5, img {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
color: #666;
+
-
}
+
-
 
+
-
 
+
-
.footer-wrap {
+
-
width: 100%;
+
-
background: url('https://www.scirra.com/images/fresh/footer-bg-01.png');
+
-
padding-top: 100px;
+
-
-webkit-box-shadow: 0px -3px 30px rgba(0, 0, 0, 0.2), inset 0px -4px 40px rgba(0, 0, 0, 0.2);
+
-
box-shadow: 0px -3px 30px rgba(0, 0, 0, 0.2), inset 0px -4px 40px rgba(0, 0, 0, 0.2);
+
-
text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.15);
+
-
color: #fff;
+
-
font-size: 14px;
+
-
margin-top: 50px;
+
}
}
</style>
</style>
Line 573: Line 576:
<!-- Content moved to 2014hs.igem.org/Team:AUC_TURKEY/Test by alihancelikcan -->
<!-- Content moved to 2014hs.igem.org/Team:AUC_TURKEY/Test by alihancelikcan -->
<!-- Lütfen her sayfada olmayacak şeyleri Test sayfasına yazın ki diğer sayfalarda Template denerken sıkıntı olmasın. -->
<!-- Lütfen her sayfada olmayacak şeyleri Test sayfasına yazın ki diğer sayfalarda Template denerken sıkıntı olmasın. -->
-
<p>sometext</p>
 
-
 
-
 
<div class="footer">
<div class="footer">
-
    <div class="footer-tear">
+
  <div id="button"></div>
-
    </div>
+
<div id="container">
-
    <div class="footer-wrap">
+
<div id="cont">
-
        <ul>
+
<div class="footer_center">
-
            <li>
+
  <h3>Social Field</h3>
-
                        <h2>Header</h2>
+
</div>
-
                        <ul>
+
</div>
-
                            <li><a href="../construct2">SSS 2</a></li>
+
</div>
-
                            <li><a href="../construct2/releases">SSS</a></li>
+
-
                            <li><a href="../store/construct-2">SSS</a></li>
+
-
                            <li><a href="../store/construct-2">SSS</a></li>
+
-
                            <li><a href="../manual">SSS</a></li>
+
-
                        </ul>
+
-
                    </li>
+
-
        </ul>
+
-
    </div>
+
</div>
</div>
</html>
</html>

Revision as of 20:01, 6 June 2014

Social Field

Retrieved from "http://2014hs.igem.org/Template:AUC_TURKEY"