Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*--CODE BY WONDERFULLYTHEMES.TUMBLR.COM
- DON'T REMOVE THIS CREDIT--*/
- #container {
- border-left:4px solid #e4e4e4; /*--change the colour of the main/constant line--*/
- height:100px;
- width:210px;
- margin-top:10px;
- margin-left:5px;
- position:fixed;
- }
- #container:hover .title {
- margin-left:60px;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .title {
- height:20px;
- width:30px;
- font-size:15px;
- line-height:17px;
- text-align:center;
- font-family:'calibri'; /*--change the title for the main title here--*/
- color:#1bcc5c; /*--change the colour of the title here--*/
- padding:5px;
- margin-top:60px;
- text-transform:uppercase;
- letter-spacing:4px;
- opacity:1;
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- transform: rotate(270deg);
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #container:hover .links_list {
- opacity:1;
- margin:0px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .links_list {
- margin-left:-50px;
- padding:1px 1px 1px 0px;
- width:140px;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .links_head {
- width:70px;
- cursor:pointer;
- margin-top:-82px;
- text-align:left;
- font-size:9px;
- text-transform:uppercase;
- position:absolute;
- padding:3px 3px 3px 0px;
- color:#000;
- font-family:'arial'; /*--change the font for the titles here--*/
- }
- .links_head:hover {
- color:#000;
- background-color:#e4e4e4; /*--change the background colour of the titles on hover--*/
- }
- .links_body {
- padding:3px;
- height:80px;
- overflow-y:scroll;
- line-height:12px;
- text-align:left;
- position:fixed;
- width:100px;
- display:none;
- font-family:'arial'; /*--change the font for the text in the boxes here--*/
- text-transform:none; /*--can change to 'lowercase' or 'uppercase'--*/
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement