Difference between revisions of "Demo why"

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.

@@ Line 4: / Line 4: @@
 <style>
+.wrappedP {
+float:left;
+}
 .pop_why {
-        position: fixed;
          border: 1px solid #f58631;
-         width:60px;
+         width: 18px;
          color:#f58631;
 	font-weight: bold;
 	text-align:center;
-	border-radius: 6px;
+	border-radius: 50%;
+	float:left;
+	margin-right:5px;
+	margin-left:5px;
 }
@@ Line 22: / Line 30: @@
 .pop_why_div {
          position:fixed;
-         margin: 0px 100px;
+         margin: auto;
          top: 100px;
-         width:300px;
+         width:400px;
          color:black;
          background-color: white;
          border: 2px solid #f58631;
+        border-radius: 5px;
          padding: 10px 10px 10px 10px;
-text-align:left;
+        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>
@@ Line 39: / Line 52: @@
-<div class="pop_why" data-poptitle="/Pop/Try2">Why?</div>
+<div class="pop_why" data-poptitle="/Pop/Try2">?</div>
 <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>