Team:LMU-Munich/iGEM.tour.css

From 2014.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 9: Line 9:
   z-index: 42;
   z-index: 42;
}
}
 +
 +
#tour-box {
#tour-box {
   position: absolute;
   position: absolute;
   width: 960px;
   width: 960px;
-
   height: 650px;
+
   height: 600px;
   left: 50%;
   left: 50%;
   top: 50%;
   top: 50%;
Line 23: Line 25:
   text-align:center;
   text-align:center;
   vertical-align: middle;
   vertical-align: middle;
 +
  border-radius:10px;
 +
  background-color: #E8E0D2;
}
}
Line 29: Line 33:
#tour-box {
#tour-box {
width: 100%;
width: 100%;
-
margin: 0;
+
margin-left: 0;
left: 0;
left: 0;
-
top: 0;
+
border-radius:10px;
 +
}
}
}
 +
.tour-item-content p {
 +
    padding-top: 10px;
 +
    padding-left: 50px;
 +
    padding-right: 50px;
 +
}
-
 
+
.tour-item-content h2 {
 +
    font-weight: bold
}
}
-
 
.tour-item {
.tour-item {
 +
  padding:20px;
   display: table-cell;
   display: table-cell;
   text-align:center;
   text-align:center;
Line 63: Line 74:
.tour-item-content
.tour-item-content
{
{
-
   height: 270px;
+
   height: 250px;
 +
}
 +
 
 +
#tour-toggle{
 +
background-image: url(https://static.igem.org/mediawiki/2014/8/8d/LMU14_Tour_icon.png);
 +
color: white;
 +
cursor:pointer;
}
}

Latest revision as of 21:25, 4 December 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: 600px;
 left: 50%;
 top: 50%;
 margin-left: -480px;
 margin-top: -325px;
 background: ghostwhite;
 display: table;
 text-align:center;
 vertical-align: middle;
 border-radius:10px;
 background-color: #E8E0D2;

}

@media (max-width: 960px) {

  1. tour-box {

width: 100%; margin-left: 0; left: 0; border-radius:10px; } }

.tour-item-content p {

    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;

}

.tour-item-content h2 {

    font-weight: bold

}


.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: 250px;

}

  1. tour-toggle{

background-image: url(LMU14_Tour_icon.png); color: white; cursor:pointer; }

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

 display: table-cell;

}

  • /