Team:LMU-Munich/iGEM.tour.css

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 25: Line 25:
   text-align:center;
   text-align:center;
   vertical-align: middle;
   vertical-align: middle;
 +
  border-radius:10px;
 +
  background-color: #E8E0D2;
}
}
Line 33: Line 35:
margin-left: 0;
margin-left: 0;
left: 0;
left: 0;
 +
border-radius:10px;
}
}
}
}
.tour-item-content p {
.tour-item-content p {
 +
    padding-top: 10px;
     padding-left: 50px;
     padding-left: 50px;
     padding-right: 50px;
     padding-right: 50px;
Line 71: Line 75:
{
{
   height: 250px;
   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;

}

  • /