Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- CR Solielios for this menu. DO NOT REPUBLISH ANYWHERE ELSE PERIOD !!! -->
- <style>
- @font-face {
- font-family: fingerlinger;
- src: url(https://dl.dropbox.com/s/v5ks4dcr1o7k9ew/fingerlinger.ttf);
- }
- </style>
- <body>
- <div id="tab1"><center>
- <div id="tab1icon"><img src="https://gnome.crd.co/assets/images/cats1/1305a3f0.gif?v=0f119cb7"></div><br>
- slot 1
- </div>
- <div id="tab2"><center>
- <div id="tab2icon"><img src="https://gnome.crd.co/assets/images/cats1/648f0264.gif?v=0f119cb7"></div><br>
- slot 2
- </div>
- <div id="tab3"><center>
- <div id="tab3icon"><img src="https://gnome.crd.co/assets/images/cats1/e84273b8.gif?v=0f119cb7"></div><br>
- slot 3
- </div>
- <div id="tab4"><center>
- <div id="tab4icon"><img src="https://gnome.crd.co/assets/images/cats1/35f8a9cb.gif?v=0f119cb7"></div><br>
- slot 4
- </div>
- <a href="https://limonysal.crd.co/"><img class=lim src="https://64.media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png"></a>
- </body>
- <style>
- #tab1 {
- background-color:#ffffff; /* background colour */
- border-bottom:1px solid #919191; /* top border width and colour */
- border-top:1px solid #919191; /* top border width and colour */
- border-left:1px dashed #919191; /* left border width and colour */
- border-right:1px dashed #919191; /* right border width and colour */
- width:25px; /* width before hovering */
- height:25px; /* height before hovering */
- font-size:14px; /* font size */
- font-family: 'fingerlinger'; /* font */
- color: #808080;
- border-radius:0px 0px 10px 10px;
- -moz-border-radius:0px 0px 0px 10px;
- position:absolute;
- overflow:hidden;
- top:0px;
- left:10px;
- z-index:999999999;
- padding:2px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab1icon{
- font-size:17px; /* size of text icon */
- color:#808080; /* colour of text icon */
- margin-top:0px;
- margin-right:0px;
- text-align:center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab1:hover{
- width:160px; /* width after hovering */
- height:250px; /* height after hovering */
- border-radius:5px 5px 5px 5px;
- -moz-border-radius:5px 5px 5px 5px;
- opacity:0.95}
- #tab2 {
- background-color:#ffffff; /* background colour */
- border-bottom:1px solid #919191; /* top border width and colour */
- border-top:1px solid #919191; /* top border width and colour */
- border-left:1px dashed #919191; /* left border width and colour */
- border-right:1px dashed #919191; /* right border width and colour */
- width:25px; /* width before hovering */
- height:25px; /* height before hovering */
- font-size:14px; /* font size */
- font-family: 'fingerlinger'; /* font */
- color: #808080;
- border-radius:0px 0px 10px 10px;
- -moz-border-radius:0px 0px 0px 10px;
- position:absolute;
- overflow:hidden;
- top:0px;
- left:55px;
- z-index:99999999;
- padding:2px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab2icon{
- font-size:17px; /* size of text icon */
- color:#808080; /* colour of text icon */
- margin-top:0px;
- margin-right:0px;
- text-align:center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab2:hover{
- width:160px; /* width after hovering */
- height:250px; /* height after hovering */
- border-radius:5px 5px 5px 5px;
- -moz-border-radius:5px 5px 5px 5px;
- opacity:0.95}
- #tab3 {
- background-color:#ffffff; /* background colour */
- border-bottom:1px solid #919191; /* top border width and colour */
- border-top:1px solid #919191; /* top border width and colour */
- border-left:1px dashed #919191; /* left border width and colour */
- border-right:1px dashed #919191; /* right border width and colour */
- width:25px; /* width before hovering */
- height:25px; /* height before hovering */
- font-size:14px; /* font size */
- font-family: 'fingerlinger'; /* font */
- color: #808080;
- border-radius:0px 0px 10px 10px;
- -moz-border-radius:0px 0px 0px 10px;
- position:absolute;
- overflow:hidden;
- top:0px;
- left:100px;
- z-index:9999999;
- padding:2px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab3icon{
- font-size:17px; /* size of text icon */
- color:#808080; /* colour of text icon */
- margin-top:0px;
- margin-right:0px;
- text-align:center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab3:hover{
- width:160px; /* width after hovering */
- height:250px; /* height after hovering */
- border-radius:5px 5px 5px 5px;
- -moz-border-radius:5px 5px 5px 5px;
- opacity:0.95}
- #tab4 {
- background-color:#ffffff; /* background colour */
- border-bottom:1px solid #919191; /* top border width and colour */
- border-top:1px solid #919191; /* top border width and colour */
- border-left:1px dashed #919191; /* left border width and colour */
- border-right:1px dashed #919191; /* right border width and colour */
- width:25px; /* width before hovering */
- height:25px; /* height before hovering */
- font-size:14px; /* font size */
- font-family: 'fingerlinger'; /* font */
- color: #808080;
- border-radius:0px 0px 10px 10px;
- -moz-border-radius:0px 0px 0px 10px;
- position:absolute;
- overflow:hidden;
- top:0px;
- left:145px;
- z-index:999999;
- padding:2px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab4icon{
- font-size:17px; /* size of text icon */
- color:#808080; /* colour of text icon */
- margin-top:0px;
- margin-right:0px;
- text-align:center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- #tab4:hover{
- width:160px; /* width after hovering */
- height:250px; /* height after hovering */
- border-radius:5px 5px 5px 5px;
- -moz-border-radius:5px 5px 5px 5px;
- opacity:0.95;
- }
- .lim {
- position: fixed;
- bottom: 10px;
- left: 10px;
- margin-bottom: 10px;
- margin-left: 10px;
- width: 10px;
- height: auto;
- }
- </style>
Add Comment
Please, Sign In to add comment