A Pen by One Tech Genius on CodePen.
Created
April 23, 2016 17:03
-
-
Save onetechgenius/343323bc85012f67508f91a283b8c6ef to your computer and use it in GitHub Desktop.
oxyVvp
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | |
| <!-- 1TechGenius Sponsored Ads --> | |
| <ins class="adsbygoogle" | |
| style="display:block" | |
| data-ad-client="ca-pub-8837288965500861" | |
| data-ad-slot="1091348302" | |
| data-ad-format="auto"></ins> | |
| <script> | |
| (adsbygoogle = window.adsbygoogle || []).push({}); | |
| </script> <br /><li> | |
| <input type="radio" name="tabs" id="tab2" /> | |
| <label for="tab2"></label> | |
| <div id="tab-content2" class="tab-content"><div dir="ltr" style="text-align: left;" trbidi="on"> | |
| <h2 style="clear: both; text-align: center;"> | |
| <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;">New Live TV Android Application</span></h2> | |
| <div><p> | |
| <div style="text-align: center;"> | |
| </div> | |
| </div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="http://2.bp.blogspot.com/-uy-nYwVblkI/VxgHJUtu4GI/AAAAAAAAIPs/O3Zv4U7VZa0ZB7SwEZmGhIfUIZwjFQaJgCK4B/s1600/Screenshot%2B2016-04-20%2B17.44.56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: left;"><img border="0" height="388" src="https://2.bp.blogspot.com/-uy-nYwVblkI/VxgHJUtu4GI/AAAAAAAAIPs/O3Zv4U7VZa0ZB7SwEZmGhIfUIZwjFQaJgCK4B/s640/Screenshot%2B2016-04-20%2B17.44.56.png" width="640" /></a></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <span style="font-size: large;">Proceed to <a href="http://app.appsgeyser.com/CCloudTV%20HD" rel="nofollow" target="_blank">download</a> page</span></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="http://3.bp.blogspot.com/-9VUsyMzT0kw/VxgHJdY31BI/AAAAAAAAIPo/bVQ5rBA0sDAHitsFQkb5zNa16fkb0_5UgCK4B/s1600/Screenshot%2B2016-04-20%2B17.45.24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://3.bp.blogspot.com/-9VUsyMzT0kw/VxgHJdY31BI/AAAAAAAAIPo/bVQ5rBA0sDAHitsFQkb5zNa16fkb0_5UgCK4B/s640/Screenshot%2B2016-04-20%2B17.45.24.png" width="640" /></a></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;"> | |
| </span> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="https://4.bp.blogspot.com/-nP2NxPxAgg0/VxgVd78_Z8I/AAAAAAAAIP8/3_g7K_9PGTgUeKcelj7l_0nwK17EqnkLQCLcB/s1600/Screenshot%2B2016-04-20%2B18.47.57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="626" src="https://4.bp.blogspot.com/-nP2NxPxAgg0/VxgVd78_Z8I/AAAAAAAAIP8/3_g7K_9PGTgUeKcelj7l_0nwK17EqnkLQCLcB/s640/Screenshot%2B2016-04-20%2B18.47.57.png" width="640" /></a></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="https://2.bp.blogspot.com/-X2LDk-Iegtc/VxgVeIMjG3I/AAAAAAAAIQA/0vVQ3bnfMncq3DI_xn982zYB_wjwTEzrgCLcB/s1600/Screenshot%2B2016-04-20%2B18.48.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="532" src="https://2.bp.blogspot.com/-X2LDk-Iegtc/VxgVeIMjG3I/AAAAAAAAIQA/0vVQ3bnfMncq3DI_xn982zYB_wjwTEzrgCLcB/s640/Screenshot%2B2016-04-20%2B18.48.06.png" width="640" /></a></div> | |
| <span style="font-size: large;"> | |
| </span> <span style="font-size: large;"> | |
| </span> <span style="font-size: large;">Download and open application</span> | |
| <span style="font-size: large;"> | |
| </span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://3.bp.blogspot.com/-X_WthI5MGi8/VxgF31Gpm2I/AAAAAAAAIN4/VWudmhEzPj8Hb8G2BaT12YTr8ZMNjULxgCK4B/s640/1techgenius_livetv.55.05.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">Inside you'll find live TV channels,</span> | |
| <span style="font-size: large;">m3u playlists and CCloudTV</span> | |
| <span style="font-size: large;">2,000+ Live channels</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-ZV6RHwzChu8/VxgF3QAGxzI/AAAAAAAAINg/qGpcbLtLlTwLxX9_UOa5uGdh_cdIG_ELQCK4B/s640/1techgenius_livetv.55.13.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">Select a TV channel</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-NaUsb2uhvMY/VxgFx4kY5qI/AAAAAAAAIL0/5JqcCwtGQAgBJFwwf5AtULZ4q329R-bfwCK4B/s640/1techgenius_livetv.56.41.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">MX Player is recommended</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-wCrWhlFEFGQ/VxgFuLWn0lI/AAAAAAAAILM/IYAPQohER4MpmpD0GLhSQpV8Tam9tshXACK4B/s640/1techgenius_livetv.56.51.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">As long as you have a data connection</span> | |
| <span style="font-size: large;">and the link is </span><span style="font-size: large;">still valid, it will work.</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://4.bp.blogspot.com/--AVqJWxYT8c/VxgF7HUND-I/AAAAAAAAIO0/vitx2gv8FqMAaOxxT7h5gzGEcuEulxs7ACK4B/s640/1techgenius_livetv.57.11.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">Select an m3u playlist</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-3S_6eHxNqYY/VxgF3Y42clI/AAAAAAAAINk/a4my1iEg470Yhi6KXdOUJc5-1wItGfAXACK4B/s640/1techgenius_livetv.57.23.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| </div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">IPTV app is recommended</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://4.bp.blogspot.com/--7UzMATjQSw/VxgFz-cWcEI/AAAAAAAAIMc/1RaNifKU-7wDyiDBiTNLjGqWnVAhQFqXgCK4B/s640/1techgenius_livetv.57.30.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">Select a channel from the m3u playlist</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-Vx6MphZxheE/VxgF0dfB1-I/AAAAAAAAIMk/BIGMLu7b4p4fWGpZ4mJS43MXS1w5E1UZQCK4B/s640/1techgenius_livetv.57.35.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">MX Player or VLC Player is recommended</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://4.bp.blogspot.com/-teX376Qo_9o/VxgFz5ECJzI/AAAAAAAAIMQ/zims1oVwgaMs9HKBfBuYDPp4DujEv3awACK4B/s640/1techgenius_livetv.57.51.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">If the channel(s) are valid and you have a</span> | |
| <span style="font-size: large;">data connection, the content will load and play.</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-R9rGT498cso/VxgFwGveT8I/AAAAAAAAILc/TXllnZpd1r0Lcz-f16FDgjsznRuT3S5eACK4B/s640/1techgenius_livetv.58.02.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">MX Player works best</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-WSe9_R60rdY/VxgFz4fHQjI/AAAAAAAAIME/9f3Grw7FwT4tkY_ovX9hoTAxF5oEu7AFwCK4B/s640/1techgenius_livetv.58.11.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">the player will load</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://3.bp.blogspot.com/-X1ChFLZTNgQ/VxgFv_XJyCI/AAAAAAAAILU/hxh2b2wqGV0zXcc7UZzGB13X7xnem49FwCK4B/s640/1techgenius_livetv.58.17.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">the channel selected from IPTV manager</span> | |
| <span style="font-size: large;">app will load and play</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-ONfgtSB7vBo/VxgF76ODidI/AAAAAAAAIPI/2SZotk3VZrEmqYc_44bjkgHnXgWqsjaNwCK4B/s640/Screenshot%2B2016-04-20%2B17.00.41.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">CCloudTV is another Live TV</span> | |
| <span style="font-size: large;">option </span><span style="font-size: large;">Click on the Go icon and the</span> | |
| <span style="font-size: large;">content will begin to load</span></div> | |
| <div style="text-align: center;"> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="https://4.bp.blogspot.com/-VpAuxHS9oNk/VxgFxSZwEFI/AAAAAAAAILs/Gq7yZQ4QnSAPE-BaeXEqPglFX2_ARdnvQCK4B/s1600/Screenshot%2B2016-04-20%2B17.28.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://4.bp.blogspot.com/-VpAuxHS9oNk/VxgFxSZwEFI/AAAAAAAAILs/Gq7yZQ4QnSAPE-BaeXEqPglFX2_ARdnvQCK4B/s640/Screenshot%2B2016-04-20%2B17.28.44.png" width="640" /></a></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <span style="font-size: large;">There are several options</span></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <span style="font-size: large;">1. Search a channel by name</span></div> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-oR6Y06VdN08/VxgF0dxOrQI/AAAAAAAAIMw/iUom4Kp10dwxUVCKBaBDA2hiSw_CzQ8OwCK4B/s640/Screenshot%2B2016-04-20%2B17.11.08.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">2. save a channel to favorites</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-9xfT5pPu3bQ/VxgFzegdGSI/AAAAAAAAIL8/mTQ1Hz9Calo8Uwbe3nktKnP370u0YgV2QCK4B/s640/Screenshot%2B2016-04-20%2B17.11.31.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">notice online and offline channels</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-BKBk8wULlLI/VxgF0t_F_VI/AAAAAAAAIM8/ECLgpbwBAPUnZ8PM4fTsryE6ozsCZmKtQCK4B/s640/Screenshot%2B2016-04-20%2B17.17.47.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">notice several language options for each channel</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-FbQuFkgIe34/VxgF2fMt9qI/AAAAAAAAIOM/xlsnEPyqREAC-9m-pAuS_iaEgOMculyfgCK4B/s640/Screenshot%2B2016-04-20%2B17.29.23.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">3. Scroll up or down to locate an online and</span> | |
| <span style="font-size: large;">compatible Live stream</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://3.bp.blogspot.com/-8nVjotBmTHM/VxgF2kmS38I/AAAAAAAAIN0/OXNemKWh7hIPvzl2KkvrYvj-r93yWzxLgCK4B/s640/Screenshot%2B2016-04-20%2B17.29.34.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">Click on the Live "online" channel stream</span></div> | |
| <div style="text-align: center;"> | |
| </div><br /><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | |
| <!-- 1TechGenius Sponsored Ads --> | |
| <ins class="adsbygoogle" | |
| style="display:block" | |
| data-ad-client="ca-pub-8837288965500861" | |
| data-ad-slot="1091348302" | |
| data-ad-format="auto"></ins> | |
| <script> | |
| (adsbygoogle = window.adsbygoogle || []).push({}); | |
| </script> <br /> | |
| <div style="text-align: center;"> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="https://1.bp.blogspot.com/-XdPgTLe7FK0/VxgF3MuqjHI/AAAAAAAAIN8/xBNgb4VheSobn94bafEvz9KF5B5ooKK2QCK4B/s1600/Screenshot%2B2016-04-20%2B17.29.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://1.bp.blogspot.com/-XdPgTLe7FK0/VxgF3MuqjHI/AAAAAAAAIN8/xBNgb4VheSobn94bafEvz9KF5B5ooKK2QCK4B/s640/Screenshot%2B2016-04-20%2B17.29.54.png" width="640" /></a></div> | |
| <span style="font-size: large;">The channel will load and play</span></div> | |
| <div style="text-align: center;"> | |
| </div> | |
| <div style="text-align: center;"> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="http://2.bp.blogspot.com/-YhY6dHVfUAc/VxgF5EpXl5I/AAAAAAAAIOo/QBeXbmXb9EYBb3SgFO3-XToFwX7lYRwpgCK4B/s1600/Screenshot%2B2016-04-20%2B17.34.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="400" src="https://2.bp.blogspot.com/-YhY6dHVfUAc/VxgF5EpXl5I/AAAAAAAAIOo/QBeXbmXb9EYBb3SgFO3-XToFwX7lYRwpgCK4B/s640/Screenshot%2B2016-04-20%2B17.34.10.png" width="640" /></a></div> | |
| </div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">select full screen</span></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| </div> | |
| <div style="margin-left: 1em; margin-right: 1em;"> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://2.bp.blogspot.com/-vyjjdEeeIBs/VxgF5cQSDPI/AAAAAAAAIOs/H63iRxAP4REiXCUxbjWd5TMcB64KAE1HgCK4B/s640/Screenshot%2B2016-04-20%2B17.34.01.png" width="640" /></div> | |
| </div> | |
| <div style="text-align: center;"> | |
| </div> | |
| <div style="text-align: center;"> | |
| </div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <span style="font-size: large;">click on screen to bring up options</span></div> | |
| <div class="separator" style="clear: both; text-align: center;"> | |
| <a href="http://1.bp.blogspot.com/-730-eOcWi7w/VxgF8yrPNkI/AAAAAAAAIPU/5t_8020SaucwkKSLi6IEngwvyGLJBgrQwCK4B/s1600/Screenshot%2B2016-04-20%2B17.33.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://1.bp.blogspot.com/-730-eOcWi7w/VxgF8yrPNkI/AAAAAAAAIPU/5t_8020SaucwkKSLi6IEngwvyGLJBgrQwCK4B/s640/Screenshot%2B2016-04-20%2B17.33.49.png" width="640" /></a></div> | |
| <div style="text-align: center;"> | |
| </div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">click back to exit</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-4JVfpUoaZ6g/VxgF24dLdxI/AAAAAAAAINM/KvogZOfCOhs1VlrywzSKiifVhyg3O1vyQCK4B/s640/Screenshot%2B2016-04-20%2B17.34.47.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">select a new stream</span></div> | |
| <div style="text-align: center;"> | |
| <img border="0" height="400" src="https://1.bp.blogspot.com/-WqZCLBdzjWU/VxgF4hXk-7I/AAAAAAAAIOU/TkkC8MdLzQEZLHga7n6L0CUuDUYCR_L5ACK4B/s640/Screenshot%2B2016-04-20%2B17.35.00.png" width="640" /></div> | |
| <div style="text-align: center;"> | |
| <span style="font-size: large;">Play and enjoy anywhere you have a working data source.</span> | |
| <span style="font-size: large;">Remember some countries like the UK have issues because of ISP restrictions. Those restrictions are easily eliminated by using with a working VPN. I recommend using a VPN called <a href="http://s.codepen.io/onetech%20ius/debug/ZWrqpB" target="_blank">TunnelBear</a>. It is very high quality and is free for the first 1,000 megabits and is extremely affordable for unlimited services.</span> | |
| <h4> | |
| <span style="font-size: x-large;"><img border="0" height="400" src="https://1.bp.blogspot.com/-O3WYkizJQYU/VxgF7HDO2TI/AAAAAAAAIO8/zv7xjEGWERUZpZ0iARNUfSt_idIaepfdwCK4B/s640/Screenshot%2B2016-04-20%2B17.35.15.png" width="640" /></span></h4> | |
| </div> | |
| </div> | |
| </p> | |
| </div> | |
| </li> | |
| </ul> | |
| <br style="clear: both;" /> | |
| <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | |
| <!-- 1TechGenius Sponsored Ads --> | |
| <ins class="adsbygoogle" | |
| style="display:block" | |
| data-ad-client="ca-pub-8837288965500861" | |
| data-ad-slot="1091348302" | |
| data-ad-format="auto"></ins> | |
| <script> | |
| (adsbygoogle = window.adsbygoogle || []).push({}); | |
| </script> <br /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import | |
| 'http://artsmc.net/codepen/bakestrap/less/widgets.less'; | |
| .container{ | |
| .make-grid(10,40px,10px,span,row); | |
| color:white; | |
| font-family:Futura; | |
| } | |
| header{ | |
| text-align:center; | |
| color:white; | |
| display:block; | |
| position:absolute; | |
| top:10px;right:10px;left:10px; | |
| height:90px; | |
| background:#2f2f2f; | |
| margin-bottom: 20px; | |
| div{text-align:center;} | |
| a{color:white;} | |
| a span{margin-left:15px;margin-right:15px;} | |
| } | |
| body { | |
| background: tomato; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .showgrid{ | |
| background:darken(tomato,8%); | |
| border:1px solid darken(tomato,15%); | |
| margin:12px; | |
| text-align:center; | |
| padding:20px 5px; | |
| } | |
| .container{ | |
| top:90px; | |
| position:relative; | |
| margin:0 auto; | |
| } | |
| @import "compass/css3"; | |
| @import url("http://fonts.googleapis.com/css?family=Lato"); | |
| $background: #9b59b6; | |
| $tabs-base-color: #8e44ad; | |
| * { | |
| margin: 5; | |
| padding: 5; | |
| @include box-sizing(border-box); | |
| } | |
| body { | |
| padding: 20px; | |
| text-align: left; | |
| font-family: Lato; | |
| color: #fff; | |
| background: $background; | |
| } | |
| h1 { | |
| font-weight: normal; | |
| font-size: 50px; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| float: left; | |
| margin: 20px 0 100px 10px; | |
| span { | |
| font-size: 23px; | |
| display: block; | |
| padding-left: 4px; | |
| } | |
| } | |
| .tabs { | |
| width: 650px; | |
| float: none; | |
| list-style: none; | |
| position: relative; | |
| margin: 80px 0 0 20px; | |
| text-align: left; | |
| li { | |
| float: left; | |
| display: block; | |
| } | |
| input[type="radio"] { | |
| position: absolute; | |
| top: -9999px; | |
| left: -9999px; | |
| } | |
| label { | |
| display: block; | |
| padding: 14px 21px; | |
| border-radius: 2px 2px 0 0; | |
| font-size: 20px; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| background: $tabs-base-color; | |
| cursor: pointer; | |
| position: relative; | |
| top: 4px; | |
| @include transition(all 0.2s ease-in-out); | |
| &:hover { | |
| background: darken($tabs-base-color, 10); | |
| } | |
| } | |
| .tab-content{ | |
| z-index: 2; | |
| display: none; | |
| overflow: hidden; | |
| width: 100%; | |
| font-size: 17px; | |
| line-height: 25px; | |
| padding: 25px; | |
| position: absolute; | |
| top: 53px; | |
| left: 0; | |
| background: darken($tabs-base-color, 15); | |
| } | |
| //The Magic | |
| [id^="tab"]:checked + label { | |
| top: 0; | |
| padding-top: 17px; | |
| background: darken($tabs-base-color, 15); | |
| } | |
| [id^="tab"]:checked ~ [id^="tab-content"] { | |
| display: block; | |
| } | |
| } | |
| p.link { | |
| clear: both; | |
| margin: 380px 0 0 15px; | |
| a { | |
| text-transform: uppercase; | |
| text-decoration: none; | |
| display: inline-block; | |
| color: #fff; | |
| padding: 5px 10px; | |
| margin: 0 5px; | |
| background-color: darken($tabs-base-color, 15); | |
| @include transition(all 0.2s ease-in); | |
| &:hover { | |
| background-color: darken($tabs-base-color, 20); | |
| } | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment