Team:LMU-Munich/iGEM.tour.css

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
   z-index: 42;
   z-index: 42;
}
}
 +
 +
#tour-box {
#tour-box {
   position: absolute;
   position: absolute;
   width: 960px;
   width: 960px;
-
   height: 80%;
+
   height: 650px;
   left: 50%;
   left: 50%;
   top: 50%;
   top: 50%;
Line 35: Line 37:
.tour-item-content p {
.tour-item-content p {
-
      
+
     padding: 10px;
}
}
-
 
-
div.tour-item {
 
-
    padding:20px;
 
-
}
 
-
 
.tour-item {
.tour-item {
-
padding:10px;
+
  padding:20px;
   display: table-cell;
   display: table-cell;
   text-align:center;
   text-align:center;

Revision as of 00:42, 18 October 2014

  1. tour-overlay {
 background-color: rgba(0,0,0, 0.7);
 position: fixed;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 display: none;
 z-index: 42;

}


  1. tour-box {
 position: absolute;
 width: 960px;
 height: 650px;
 left: 50%;
 top: 50%;
 margin-left: -480px;
 margin-top: -325px;
 background: ghostwhite;
 display: table;
 text-align:center;
 vertical-align: middle;

}

@media (max-width: 960px) {

  1. tour-box {

width: 100%; margin-left: 0; left: 0; } }

.tour-item-content p {

    padding: 10px;

}


.tour-item {

 padding:20px;
 display: table-cell;
 text-align:center;
 vertical-align: middle;

}

.tour-buttons-wrap {

 position: relative;
 //display: inline-block;
 bottom: 10px;

} .tour-buttons-wrap > * {

 display: inline-block;

}

.tour-buttons-wrap a:hover {

 background: none;

} .tour-item-content {

 height: 270px;

}

/* .tour-item:first-of-type {

 display: table-cell;

}

  • /