elevator tab

/* this part of the code goes under <style> or <style type="text/css"> or before < / style > */

/* start of the css coding for the elevator tab by monica (uncraized) */

#elevator {
z-index: 1000;
/*increase if it's behind something else*/
height: 96.3%;
/*the height of the tab*/
position: fixed;
text-align: center;
/*you can change it to 'left' or 'right'*/
bottom: 0px;
left: 5px;
-webkit-transition-duration: 1.5s;
/*how long it takes to go up*/
-moz-transition-duration: 1.5s;
/*how long it takes to go up*/
-o-transition-duration: 1.5s;
/*how long it takes to go up*/
transition-duration: 1.5s;
/*how long it takes to go up*/
}

#elevator:hover {
z-index:1000;
bottom: 1205px;
left: 5px;
}

#room {
bottom: -1200px;
position: absolute;
width: 300px;
/*width of tab*/
height: 100%;
overflow: hidden;
/*change to 'scroll' if you want a scrollbar*/
padding: 10px;
background: white;
/*the tab's background color*/
opacity: 1;
line-height: 13px;
-moz-box-shadow: 0px 0px 3px 1px white;
/*shadow border code*/
-webkit-box-shadow: 0px 0px 3px 1px white;
/*shadow border code*/
box-shadow: 0px 0px 3px 1px white;
/*shadow border code*/
-webkit-border-radius: 3px;
/*rounds the tab's corners*/
-moz-border-radius: 3px;
/*rounds the tab's corners*/
border-radius: 3px;
/*rounds the tab's corners*/
border: 1px solid black;
/*tab border*/
text-align: center;
/*you can change it to 'left' or 'right'*/
}

.button {
display: block;
position: fixed;
left: 5px;
/*distance from the left side*/
top: 5px;
/*distance from the top*/
padding: 3px;
width: 35px;
/*width of button*/
height: 35px;
/*height of button*/
background-color: white;
/*button's background color*/
border-radius: 85px;
/*the lower it is, the less round it'll be*/
border: 1px solid black;
/*button border code*/
overflow: hidden;
}

.dividers {
border: 1px solid black;
/*border code for dividers*/
width: 95%;
/*width of dividers*/
height: 21px;
/*height of dividers*/
padding: 3px;
margin: auto;
line-height: 20px;
background: white;
/*background color of dividers*/
color: silver;
/*font color of dividers*/
font-weight: bold;
/*font weight (none or bold)*/
}

/* end of the css coding for the elevator tab by monica (uncraized) */

---
don't
---
copy
---
this
---
part
---

<!-- this part of the code goes under <body> or before </body> -->

<!-- start of the html coding for the elevator tab by monica (uncraized) -->

<div id="elevator">

<!-- tab image -->
<span class="button">
<img src="https://24.media.tumblr.com/b7bb4273fb93a4bcd5d563a5ae7d5fd3/tumblr_mzbclnnayU1qi3j5bo2_r2_75sq.png" height="35px" width="35px">
</span>
<!-- tab image -->

<div id="room">

<div class="dividers"> updates </div>
<br>
got a new tab
<br>
<br>

<div class="dividers"> networks </div>
<br>
networks
<br>
<br>

<div class="dividers"> other </div>
<br>
other stuff
<br>
<br>

</div>

</div>

<!-- end of the html coding for the elevator tab by monica (uncraized) -->