Difference between revisions of "Team:Carnegie Mellon/Protocols"

Line 46: Line 46:
 
}
 
}
  
 +
/* jumbotron code */
 +
.jumbotron {
 +
  background-image:url('http://www.pocdscientific.com.au/img/ep_test-tube_rack.jpg');
 +
  height: 600px;
 +
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
  margin-top: 15px;
 +
  margin-bottom: 15px;
 +
}
 +
 +
.jumbotron .container {
 +
  position: relative;
 +
  top:220px;
 +
}
 +
 +
.jumbotron .container .title {
 +
  color: black;
 +
  font-size: 100px; 
 +
  font-family: Georgia, serif;
 +
  font-weight: bold;
 +
  text-align: center;
 +
}
 +
 +
.jumbotron p {
 +
  font-size: 35px;
 +
  color: white;
 +
  text-align: center;
 +
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
  padding-top: 5px;
 +
  margin: 20px;
 +
}
 +
 +
/* /jumbotron code */
 +
 +
 +
/* --------------------------------- toggle menu code ------------------------------ */
  
 
#panel, #flip {
 
#panel, #flip {
Line 83: Line 119:
 
     margin: auto;
 
     margin: auto;
 
}
 
}
 +
 +
/* /toggle menu code */
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 88: Line 128:
 
<body>
 
<body>
 
   
 
   
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <div class = "title">Under Construction.</div>
 +
        <p> This is almost as well-documented as Kim Kardashian's wedding. </p>
 +
      </div>
 +
    </div>
 +
 +
 
<div id="flip">Click to slide the panel down or up</div>
 
<div id="flip">Click to slide the panel down or up</div>
 
<div id="panel">Hello world!</div>
 
<div id="panel">Hello world!</div>

Revision as of 23:10, 28 June 2015

Under Construction.

This is almost as well-documented as Kim Kardashian's wedding.

Click to slide the panel down or up
Hello world!
Heyo
wow, did this work