Difference between revisions of "Template:Team:Freiburg/wiki content start bubble"

 
(15 intermediate revisions by the same user not shown)
Line 31: Line 31:
  
 
#bubble_sidebar {
 
#bubble_sidebar {
 
+
    z-index: 600;
 
}
 
}
  
Line 41: Line 41:
 
   zoom: 1;  
 
   zoom: 1;  
 
   *display: inline;  
 
   *display: inline;  
 +
    font-size: 70%;
 +
    font-family: Roboto;
 
}
 
}
  
Line 53: Line 55:
  
 
.bubble1 {
 
.bubble1 {
     width: 110px;
+
     width: 80px;
     height: 110px;
+
     height: 80px;
 +
    margin-left: -25px;
 
}
 
}
  
 
.bubble1 span {
 
.bubble1 span {
     height: 110px;
+
     height: 80px;
 
}
 
}
  
 
.bubble2 {
 
.bubble2 {
     width: 100px;
+
     width: 110px;
     height: 100px;
+
     height: 110px;
     margin-left: 60px;
+
     margin-left: -15px;
 
}
 
}
  
 
.bubble2 span {
 
.bubble2 span {
     height: 100px;
+
     height: 110px;
 
}
 
}
  
 
.bubble3 {
 
.bubble3 {
     width: 90px;
+
     width: 60px;
     height: 90px;
+
     height: 60px;
     margin-left: 20px;
+
     margin-left: -30px;
 
     margin-top: 5px;
 
     margin-top: 5px;
 
}
 
}
  
 
.bubble3 span {
 
.bubble3 span {
     height: 90px;
+
     height: 60px;
 
}
 
}
  
@media screen and (max-width: 1400px){
+
@media screen and (max-width: 1279px){
 
   #bubble_wrapper{
 
   #bubble_wrapper{
 
     display: none;
 
     display: none;
Line 130: Line 133:
 
         <div id="bubble_wrapper">
 
         <div id="bubble_wrapper">
 
             <div id="bubble_sidebar" class="bubble1">
 
             <div id="bubble_sidebar" class="bubble1">
                     <span></span><p><a id="bubble1" href="">text</a></p>
+
                     <span></span><p><a id="bubble1" href=""><img id="bubble1_img" src=""></a></p>
 
             </div>
 
             </div>
  
 
             <div id="bubble_sidebar" class="bubble2">
 
             <div id="bubble_sidebar" class="bubble2">
                     <span></span><p><a id="bubble2" href="">text</a></p>
+
                     <span></span><p><a id="bubble2" href="#firstHeading">text</a></p>
 
             </div>
 
             </div>
  
 
             <div id="bubble_sidebar" class="bubble3">
 
             <div id="bubble_sidebar" class="bubble3">
                     <span></span><p><a id="bubble3" href="">text</a></p>
+
                     <span></span><p><a id="bubble3" href="">next</a></p>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Latest revision as of 02:58, 19 September 2015