Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #updates {
- z-index:14;
- position:Fixed;
- margin-left:10px; /* Change how left the tabs are*/
- margin-top:10px; /* Change how high up the tabs are*/
- }
- #updates .updatestitle{ /*Change style of titles here*/
- background: -webkit-linear-gradient(left, {color:tabtitlecolor1} , {color:tabtitlecolor2}, {color:tabtitlecolor3});
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent; /*remove all of above and change to color: COLOR CODE; to stop gradient, otherwise fill in colors in the meta tags*/
- padding-bottom: 5px;
- font-size: 22px;
- font-family: bonbon, sans-serif;
- margin-top: -5px;
- }
- #updates a{
- color: #000; /* Color of links*/
- font-size: 12px;
- text-decoration: none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #updates a:hover{
- color: #808080; /* Color of links when hover*/
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #tab1 {
- margin-left: 20px; /*offset image, 0px brings it back to normal*/
- width:30px;
- height:30px;
- background-image: url({text:tab1image});
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab1 {
- text-align: center; /*change to suit (left, right, justify, center ETC)*/
- position: fixed;
- z-index: 1;
- margin-left:40px; /*offset inside text, 40px brings it back to normal*/
- width:100px;
- opacity:0;
- background: none; /*change to suit for text background*/
- padding:6px;
- margin-top:-20px;
- font-family:calibri;
- font-size:12px;
- color:{color:Text};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab1:hover {
- z-index: 45 !important;
- }
- #tab1:hover {
- ;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab1:hover #insidetab1 {
- z-index: 45 !important;
- margin-top:0px;
- opacity:1;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab2 {
- margin-left: 0px; /*offset image, 0px brings it back to normal*/
- margin-top:5px;
- width:30px;
- height:30px;
- background-image: url('{text:tab2image}');
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab2 {
- text-align: center; /*change to suit (left, right, justify, center ETC)*/
- position: fixed;
- z-index: 1;
- margin-left:60px; /*offset inside text, 40px brings it back to normal*/
- width:100px;
- opacity:0;
- background: none; /*change to suit for text background*/
- padding:6px;
- margin-top:-20px;
- font-family:calibri;
- font-size:12px;
- color:{color:Text};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab2:hover {
- z-index: 45 !important;
- }
- #tab2:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab2:hover #insidetab2 {
- z-index: 45 !important;
- margin-top:0px;
- opacity:1;
- ;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab3 {
- margin-left: 20px; /*offset image, 0px brings it back to normal*/
- margin-top:5px;
- width:30px;
- height:30px;
- background-image: url('{text:tab3image}');
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab3 {
- text-align: center; /*change to suit (left, right, justify, center ETC)*/
- position: fixed;
- z-index: 1;
- margin-left:40px; /*offset inside text, 40px brings it back to normal*/
- width:100px;
- opacity:0;
- background: none; /*change to suit for text background*/
- padding:6px;
- margin-top:-20px;
- font-family:calibri;
- font-size:12px;
- color:{color:Text};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab3:hover {
- z-index: 50 !important;
- }
- #tab3:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab3:hover #insidetab3 {
- z-index: 45 !important;
- margin-top:0px;
- opacity:1;
- ;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab4 {
- margin-left: 0px; /*offset image, 0px brings it back to normal*/
- margin-top:5px;
- width:30px;
- height:30px;
- background-image: url('{text:tab4image}');
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab4 {
- text-align: center; /*change to suit (left, right, justify, center ETC)*/
- position: fixed;
- z-index: 1;
- margin-left:60px; /*offset inside text, 40px brings it back to normal*/
- width:100px;
- opacity:0;
- background: none; /*change to suit for text background*/
- padding:6px;
- margin-top:-20px;
- font-family:calibri;
- font-size:12px;
- color:{color:Text};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab4:hover {
- z-index: 50 !important;
- }
- #tab4:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab4:hover #insidetab4 {
- z-index: 60 !important;
- margin-top:0px;
- opacity:1;
- ;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab5 {
- margin-left: 20px; /*offset image, 0px brings it back to normal*/
- margin-top:5px;
- width:30px;
- height:30px;
- background-image: url('{text:tab5image}');
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab5 {
- text-align: center; /*change to suit (left, right, justify, center ETC)*/
- position: fixed;
- z-index: 1;
- margin-left:40px; /*offset inside text, 40px brings it back to normal*/
- width:100px;
- opacity:0;
- background: none; /*change to suit for text background*/
- padding:6px;
- margin-top:-20px;
- font-family:calibri;
- font-size:12px;
- color:{color:Text};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab5:hover {
- z-index: 70 !important;
- }
- #tab5:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab5:hover #insidetab5 {
- z-index: 78 !important;
- margin-top:0px;
- opacity:1;
- ;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab6 {
- margin-left: 0px; /*offset image, 0px brings it back to normal*/
- margin-top:5px;
- width:30px;
- height:30px;
- background-image: url('{text:tab6image}');
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab6 {
- text-align: center; /*change to suit (left, right, justify, center ETC)*/
- position: fixed;
- z-index: 1;
- margin-left:60px; /*offset inside text, 40px brings it back to normal*/
- width:100px;
- opacity:0;
- background: none; /*change to suit for text background*/
- padding:6px;
- margin-top:-20px;
- font-family:calibri;
- font-size:12px;
- color:{color:Text};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #insidetab6:hover {
- z-index: 80 !important;
- }
- #tab6:hover {
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #tab6:hover #insidetab6 {
- z-index: 88 !important;
- margin-top:0px;
- opacity:1;
- ;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement