Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [styleclass=container][img]https://i.postimg.cc/HxyFGwMn/lain.png[/img][styleclass=overlay][sc=tabbed_interface horizontal]
- [ul]
- [li]tab 1[/li]
- [li]tab 2[/li]
- [li]tab 3[/li]
- [li]tab 4[/li]
- [li]tab 5[/li]
- [/ul][
- ][sc=tab-active]content 1
- [/sc][
- ][sc=tab]content 2
- [/sc][
- ][sc=tab]content 3
- [/sc][
- ][sc=tab]content 4[/sc][
- ][sc=tab]content 5
- [/sc][/sc][styleclass=credit][url=https://pokefarm.com/forum/post/4318160]coding credit[/url][/styleclass][/styleclass]
- [/styleclass]
- [style]
- .container {
- background-image:url(https://i.postimg.cc/6ppBy78T/newaboutmebg.png);
- height: 380px;
- width: 310px;
- position: relative;
- }
- .overlay {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- height: 100%;
- width: 100%;
- opacity: 0;
- transition: .5s ease;
- }
- .overlaycontainer {
- filter: blur(0px);
- }
- .container:hover .overlay {
- opacity: 1;
- }
- a {
- color:#2C2D46;
- text-decoration:underline;
- }
- a:visited {
- color:#2C2D46;
- text-decoration:underline;
- }
- .tooltip_content {
- background-color:#b2b2b2;
- color:#000000;
- border:1px solid #000000;
- font-size:10px;
- }
- .credit {
- position:relative;
- top:30px;
- padding: 5px;
- left:220px;
- text-align:right;
- font-size:10px;
- width:70px;
- }
- .credit a {
- color:#FFFFFF;
- text-decoration:underline;
- }
- .tabbed-interface>div {
- }
- .tabbed-interface>div.tab-active{
- }
- ul {
- background: none;
- width:293px;
- font-size:10px;
- }
- ol>li {
- background: white;
- border: #645F5F;
- text-align: center;
- }
- li, li.tab-active {
- background-color:#b2b2b2;
- color:#000000;
- box-shadow: none;;
- border: 1px solid #b2b2b2;
- border-radius: 0px;
- padding: 5px;
- text-align: center;
- top:30px;
- width:10px;
- height:15px;
- left:10px;
- }
- li.tab-active {
- background:#000000;
- color: #b2b2b2;
- border: 1px solid #000000;
- }
- .tab, .tab-active {
- color: #FFCE43;
- box-shadow: none;
- border-radius: 0px;
- border: 1px solid #63587A;
- padding: 5px;
- }
- .tab-active {
- width:250px;
- height:200px;
- padding:20px;
- position:relative;
- left:10px;
- top:30px;
- font-size:10px;
- color: #000000;
- background-color:#e8e8e8;
- }
- .panel h3 > a > svg {
- display:none;
- }
- [/style]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement