Difference between revisions of "Demo why"

 
(55 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
<style>
 
<style>
 +
 +
.wrappedP {
 +
float:left;
 +
}
 +
 
.pop_why {
 
.pop_why {
−
        position: fixed;
+
 
 
         border: 1px solid #f58631;
 
         border: 1px solid #f58631;
−
         width:60px;
+
         width: 18px;
 
         color:#f58631;
 
         color:#f58631;
 
font-weight: bold;
 
font-weight: bold;
 
text-align:center;
 
text-align:center;
−
border-radius: 6px;
+
border-radius: 50%;
 +
float:left;
 +
margin-right:5px;
 +
margin-left:5px;
 
}
 
}
  
Line 17: Line 25:
 
         color: #fff;
 
         color: #fff;
 
         background-color:#f58631;
 
         background-color:#f58631;
 +
font-weight: normal;
 
}
 
}
  
 
.pop_why_div {
 
.pop_why_div {
 
         position:fixed;
 
         position:fixed;
−
         margin: 0px 100px;
+
         margin: auto;
 
         top: 100px;
 
         top: 100px;
−
         width:200px;
+
         width:400px;
 
         color:black;
 
         color:black;
 
         background-color: white;
 
         background-color: white;
−
         border: 1px solid #ccc;
+
         border: 2px solid #f58631;
−
padding: 5px;
+
        border-radius: 5px;
 +
        padding: 10px 10px 10px 10px;
 +
        text-align:left;
 +
-webkit-box-shadow: -2px -2px 15px 2px rgba(50, 50, 50, 0.64);
 +
-moz-box-shadow:    -2px -2px 15px 2px rgba(50, 50, 50, 0.64);
 +
box-shadow:        -2px -2px 15px 2px rgba(50, 50, 50, 0.64);
 +
 
 
}
 
}
 
</style>
 
</style>
Line 37: Line 52:
  
  
−
<div class="pop_why" data-poptitle="/Pop/Instructors">Why?</div>
+
 
 +
<div class="pop_why" data-poptitle="/Pop/Try2">?</div>
 
<br>
 
<br>
 
<br><br><br>
 
<br><br><br>
  
  
−
<a href="https://2015.igem.org/More/Instructors" class="why">why?</a>
+
<div class=wrappedP> <p> Lorem ipsum dolor sit amet </p></div> <div class="pop_why" data-poptitle="/More/TeamSize">?</div> <p>  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
 +
</div>
 +
 +
<br>
 +
<br><br><br>
 +
 
 +
 
 +
 
  
  

Latest revision as of 15:00, 9 February 2015

?




Lorem ipsum dolor sit amet

?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.