Template:Team:BNU-China/CSS/main

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style>
<style>
 +
 +
.card-holder { 
 +
  position: fixed;
 +
  width: 0px;
 +
  overflow: visible;
 +
}
 +
 +
.card-wrapper {
 +
  display: inline-block;
 +
  float: right;
 +
  clear: both;
 +
}
 +
 +
.card {
 +
  position: relative;
 +
  left: 32px;
 +
  padding: 16px 32px 16px 64px;
 +
  margin: 8px; 
 +
  x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
 +
  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
 +
  background: #fff;
 +
  transition: all 0.3s ease-in-out 0.1s;
 +
}
 +
 +
.card:hover {
 +
  position: relative;
 +
  left: 100%;
 +
  margin-left: -32px;
 +
  box-shadow:
 +
    0 -8px 8px -8px rgba(0, 0, 0, 0.5),
 +
    0 8px 8px -8px rgba(0, 0, 0, 0.5);
 +
  transition: all 0.3s ease-in-out;
 +
}
 +
 +
.card-content {
 +
  display: inline-block;
 +
  color: #fff;
 +
  font-family: 'Droid Sans', sans-serif;
 +
  font-size: 16px;
 +
  font-weight: bold;
 +
  white-space: nowrap;
 +
}
 +
 +
.bg-01 { background: #EDD6B4; }
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*clean the default css*/
/*clean the default css*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/

Revision as of 20:18, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:BNU-China/CSS/main"