Moozonian
Web Images Developer News Books Maps Shopping Moo-AI
Showing results for fonts Background PNG
GitHub Repo https://github.com/kasim1-2-3/Ksediting

kasim1-2-3/Ksediting

Lightroom mobile presets, background png, background stuff and provide font also in this website https://www.ksediting.com
GitHub Repo https://github.com/PutraXITE/Mr-PutraXploit

PutraXITE/Mr-PutraXploit

<head> <style type='text/css'> font.glow {text-shadow: 0 0 0.2em #8F7} font.wglow {text-shadow: 0 0 0.2em #6F6} font.whiteglow {text-shadow: 0 0 0.2em #FFF} font.redglow {text-shadow: 0 0 0.2em #F00} font.blueglow {text-shadow: 0 0 0.2em #00F} font.greenglow {text-shadow: 0 0 0.2em #0F0} button.evil { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-size:14px; font-family:Tahoma,sans-serif; font-weight:bold; width:140px; } <style> .name { text-decoration: none;} @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{-moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 2; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 2; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 2;}</style> <html><title>HACKED BY SAPUTRA</title><link href="http://2.bp.blogspot.com/-qq48EdTpLT4/UBuiqupeeyI/AAAAAAAAAYg/eWV9Xh5NOB8/s1600/favicon.ico" rel="shotcut icon"> </head><body bgcolor="black" background="https://lh6.googleusercontent.com/-uRLX3SeDrdI/TjBpUFR5oeI/AAAAAAAAAIo/GYSnWQxGWMc/cok.gif" oncontextmenu="return false;" onkeydown="return false;" <link href='http://fonts.googleapis.com/css?family=Averia+Sans+Libre' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Orbitron:700' rel='stylesheet' type='text/css'> <style type='text/css'>body,a,a:link{cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default}a:hover{cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),wait}</style> <onmousedown="return false;" onselectstart="return false" ondragstart="return false"> <center> <img src="http://i1353.photobucket.com/albums/q674/Onix_AQua/test3_zps733a589e.png" height="380px" width="400px"> <marquee behavior="scroll" direction="right" scrollamount="100" scrolldelay="70" width="100%"><font color="green"> _____________________________________ </font></marquee> <font size="2" color="red"> Hacked by </font><font size="4" color="white"> </font><font size="4" color="red"></font></br><font face="orbitron" size="4" color="blue"><blink> </blink></font><font size="6" color="red"><blink> </blink></font><font face="orbitron" size="4" color="White"><blink> Mr. PUTRAXPLOIT </blink></font> <marquee behavior="scroll" direction="left" scrollamount="100" scrolldelay="80" width="100%"><font color="green"> _____________________________________ </font></marquee> <center> <h4> <p style="font-size:14px;color:#fff;text-shadow:3px 3px 8px #FF0000;"> - WARNING </h4> </center> <center> <h4> <p style="font-size:14px;color:#fff;text-shadow:3px 3px 8px #FF0000;"> - PERETAS ANAMBAS </h4> </center> <center> <h4> <p style="font-size:14px;color:#fff;text-shadow:3px 3px 8px #FF0000;"> - ANDA SOPAN HP AMAN </h4> </center> <center> <h4> <p style="font-size:14px;color:#fff;text-shadow:3px 3px 8px #FF0000;"> - ANAMBAS CYBER TEAM</h4> </center> <marquee behavior="scroll" direction="left" scrollamount="5" scrolldelay="20" width="50%"><font face="orbitron" color="green"> Thank's to : eX-Sh1Ne - ZeRRO SHADOW - Mr.AryeaKoplaxz404 - Sandy-x207 - Black32Hidden - Newbiehacker061099.php - SYNDICATE007 - [-Acid-Burn-] - Mr.Art'z - Onix AQua - X'Inject - Hiddenymouz - Mr. GodBye - Mr. GodDay - Mr. BadDay - CLO3S - Kimcil Mutilation - Nabilaholic404 - PK007 </font></marquee> <li><a href="https://www.facebook.com/events/173830282769600" title="home">Join with us, for Palestine freedom</a></li> <marquee behavior="scroll" direction="right" scrollamount="100" scrolldelay="80" width="100%"><font color="green"> _____________________________________ </font></marquee> <marquee behavior="scroll" direction="right" scrollamount="5" scrolldelay="20" width="50%"><font face="Orbitron" color="grey"> Tr4sH_c0d3 - Dubstep - kotekAmatir404 - D-Art - Agung-bandung4rt - Mr.Joker.Xp - Mr.Himawanda - ^SmileS^ - WeNNeX - ./cyber_/407\ - Bamz_hadi - Luster_Hack - B4D4S - ./H&i - Djidri - NX AT48 - Natsu007 - Newbie72 - andy K.A.D.M - 007sutejo - Daffa-x207 - Raptor-X_Machine - Detektif Cilik - Fdj_Indo - BuNBuN - batim00r - Admin93 - SinnerNOTE - Xzyber - Ammank.Scout : My Friends </font></marquee> <img src="https://lh5.googleusercontent.com/_nSr66Kg0Aw8/TVgPh_yxNfI/AAAAAAAAARE/ArKKxueUu6U/line.gif" width="50%"></br> <center> <font face="Obit-B BT" size="3" color="blue">-=[ MY FAMILY ]=-</font></center> </br> <marquee behavior="scroll" direction="left" scrollamount="7" scrolldelay="50" width="50%"><font face="Monotype Corsiva" size="3" color=" Red">ANAMBAS CYBER TEAM - </FONT><font face="Metamorphous" size="3" color=" white">SAP75CYBER - </FONT><font face="Metamorphous" size="3" color=" Blue">BANDUNG BLACKHAT - </FONT><font face="Metamorphous" size="3" color="golden"> 207 CYBER SECURITY - </FONT><font face="Metamorphous" size="3" color=" green">SURABAYA BLACKHAT - </FONT><font face="Metamorphous" size="3" color=" white">STEALTH DEFACER HACKING TEAM - </FONT><font face="Metamorphous" size="3" color=" green">HACKER-NEWBIE</FONT></marquee><br /> </script> <center> <div id="layang"> <font face="Agency FB" color="red" size="5px"> </font></div> </center> <img src="https://img1.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /> </object> <center> <font style="font-size: 4pt;" face="Courier New"> </font><div align="center"> <center> <font style="font-size: 4pt;" face="Courier New"><font class="pic2ascii"><br><font color="#000000">##1</font><font color="#808080">#</font><font color="#ffffff">0</font><font color="#808080">@</font><font color="#000000">0#0@101@0@0#@1@@#0#@</font><font color="#c0c0c0">1</font><font color="#000000">1@#1#</font><br><font color="#000000">01</font><font color="#808080">#</font><font color="#ffffff">0</font><font color="#808080">1</font><font color="#000000">0111@#1#@@###@#00##01@</font><font color="#808080">#</font><font color="#000000">000@</font><br><font color="#000000">01</font><font color="#ffffff">@</font><font color="#c0c0c0">0</font><font color="#000000">#01@#@</font><font color="#808080">0111@10#1@</font><font color="#000000">@0@010#</font><font color="#c0c0c0">0</font><font color="#000000">111#</font><br><font color="#000000">@</font><font color="#808080">#</font><font color="#ffffff">1</font><font color="#808080">1</font><font color="#000000">011@#</font><font color="#808080">#</font><font color="#c0c0c0">0@00@10</font><font color="#808080">0@#@</font><font color="#000000">@11110</font><font color="#c0c0c0">@</font><font color="#000000">@@00</font><br><font color="#000000">0</font><font color="#c0c0c0">0</font><font color="#ffffff">1</font><font color="#808080">@</font><font color="#000000">##1</font><font color="#808080">01</font><font color="#c0c0c0">1@</font><font color="#ffffff">1#1@</font><font color="#c0c0c0">@0#</font><font color="#808080">#@1</font><font color="#000000">1</font><font color="#c0c0c0">@</font><font color="#000000">10##</font><font color="#808080">@</font><font color="#000000">000@</font><br><font color="#000000">1</font><font color="#c0c0c0">@</font><font color="#ffffff">1</font><font color="#c0c0c0">0</font><font color="#808080">1</font><font color="#000000">@</font><font color="#808080">1</font><font color="#c0c0c0">0</font><font color="#808080">0</font><font color="#c0c0c0">#</font><font color="#ffffff">#@0#1@</font><font color="#c0c0c0">1#@</font><font color="#808080">@</font><font color="#000000">@</font><font color="#c0c0c0">#</font><font color="#808080">0</font><font color="#000000">1@</font><font color="#c0c0c0">10</font><font color="#808080">@</font><font color="#000000">@100</font><br><font color="#000000">0</font><font color="#808080">#</font><font color="#ffffff">1</font><font color="#c0c0c0">0</font><font color="#808080">@#</font><font color="#000000">@</font><font color="#808080">#</font><font color="#c0c0c0">##</font><font color="#ffffff">@#1@1@@</font><font color="#c0c0c0">@@</font><font color="#808080">@</font><font color="#000000">0</font><font color="#c0c0c0">0</font><font color="#000000">#</font><font color="#808080">0</font><font color="#c0c0c0">#@0</font><font color="#000000">110@0</font><br><font color="#000000">@0</font><font color="#c0c0c0">00</font><font color="#808080">@1</font><font color="#000000">@</font><font color="#808080">0</font><font color="#c0c0c0">01</font><font color="#ffffff">###@1##</font><font color="#c0c0c0">@0@</font><font color="#808080">#</font><font color="#c0c0c0">0</font><font color="#000000">#</font><font color="#c0c0c0">10@</font><font color="#808080">0</font><font color="#000000">01@11</font><br><font color="#000000">1#1</font><font color="#808080">1@</font><font color="#000000">#@</font><font color="#808080">1</font><font color="#c0c0c0">11</font><font color="#ffffff">11@0#1#</font><font color="#c0c0c0">@1@</font><font color="#808080">@1</font><font color="#000000">##</font><font color="#c0c0c0">#</font><font color="#808080">0</font><font color="#000000">@#</font><font color="#c0c0c0">1</font><font color="#000000">@00</font><br><font color="#000000">#@</font><font color="#808080">#</font><font color="#000000">#11</font><font color="#808080">00</font><font color="#c0c0c0">@#</font><font color="#ffffff">1#0##10</font><font color="#c0c0c0">0#0</font><font color="#808080">10</font><font color="#000000">1@@@0#</font><font color="#c0c0c0">0</font><font color="#000000">101</font><br><font color="#000000">#@0</font><font color="#808080">10#@</font><font color="#c0c0c0">@01#</font><font color="#ffffff">#100@@</font><font color="#c0c0c0">##0</font><font color="#808080">###</font><font color="#000000">11#0@#001</font><br><font color="#000000">#0</font><font color="#c0c0c0">0</font><font color="#000000">#</font><font color="#808080">0</font><font color="#c0c0c0">00#</font><font color="#ffffff">1</font><font color="#c0c0c0">0</font><font color="#808080">@</font><font color="#c0c0c0">#</font><font color="#ffffff">@0@#</font><font color="#c0c0c0">00@</font><font color="#808080">#0</font><font color="#000000">##@@#@</font><font color="#c0c0c0">#</font><font color="#000000">@1#0</font><br><font color="#000000">#0</font><font color="#c0c0c0">0</font><font color="#000000">#</font><font color="#808080">1</font><font color="#c0c0c0">@#</font><font color="#ffffff">1@</font><font color="#c0c0c0">@</font><font color="#808080">@</font><font color="#c0c0c0">@0</font><font color="#ffffff">##1</font><font color="#c0c0c0">@1</font><font color="#808080">#@</font><font color="#c0c0c0">#0#</font><font color="#808080">0</font><font color="#000000">1##00#@@</font><br><font color="#000000">#11#</font><font color="#808080">0</font><font color="#c0c0c0">@</font><font color="#ffffff">0#1@</font><font color="#c0c0c0">1</font><font color="#808080">1</font><font color="#c0c0c0">@11#@</font><font color="#808080">#0</font><font color="#c0c0c0">11@1@</font><font color="#808080">0</font><font color="#000000">10#0000</font><br><font color="#000000">1@@#0</font><font color="#ffffff">#</font><font color="#c0c0c0">#</font><font color="#808080">0@</font><font color="#c0c0c0">##011@1#</font><font color="#808080">#</font><font color="#c0c0c0">##0</font><font color="#808080">@01@0</font><font color="#000000">0011#0</font><br><font color="#000000">1#</font><font color="#808080">@</font><font color="#000000">##</font><font color="#c0c0c0">@</font><font color="#808080">#</font><font color="#000000">1#0#</font><font color="#c0c0c0">#</font><font color="#808080">1#</font><font color="#c0c0c0">@#</font><font color="#000000">@</font><font color="#c0c0c0">0#1</font><font color="#808080">0</font><font color="#000000">@1@@#1#0@@0</font><br><font color="#000000">1#</font><font color="#808080">00</font><font color="#000000">1</font><font color="#808080">1</font><font color="#000000">0</font><font color="#ff0000">1#0</font><font color="#000000">#@</font><font color="#808080">10</font><font color="#000000">@</font><font color="#808080">@</font><font color="#000000">#</font><font color="#c0c0c0">0</font><font color="#808080">0</font><font color="#000000">11</font><font color="#ff0000">1##</font><font color="#000000">0@@#0#@1</font><br><font color="#000000">11</font><font color="#808080">1</font><font color="#c0c0c0">0</font><font color="#808080">00</font><font color="#000000">@</font><font color="#ff0000">0@01</font><font color="#000000">0@1@0@</font><font color="#808080">@</font><font color="#000000">10</font><font color="#ff0000">0111</font><font color="#000000">##@0@#0@</font><br><font color="#000000">#0</font><font color="#808080">1</font><font color="#ffffff">@</font><font color="#c0c0c0">@</font><font color="#808080">0</font><font color="#000000">11</font><font color="#ff0000">11#</font><font color="#000000">1##@0@#@1</font><font color="#ff0000">###</font><font color="#000000">@0#</font><font color="#808080">@</font><font color="#000000">00@#@</font><br><font color="#000000">@@0</font><font color="#c0c0c0">1</font><font color="#ffffff">#</font><font color="#c0c0c0">0@</font><font color="#000000">1@0@@##1</font><font color="#808080">@#</font><font color="#000000">@@@@1</font><font color="#808080">@#00</font><font color="#000000">@00@01</font><br><font color="#000000">10@</font><font color="#c0c0c0">##</font><font color="#ffffff">1@0@</font><font color="#c0c0c0">0</font><font color="#808080">#@</font><font color="#000000">@#</font><font color="#c0c0c0">0</font><font color="#ffffff">#</font><font color="#c0c0c0">@</font><font color="#808080">1</font><font color="#000000">#0</font><font color="#808080">1010#</font><font color="#000000">0101@0#</font><br><font color="#000000">0@01</font><font color="#808080">100</font><font color="#c0c0c0">111</font><font color="#808080">@0#@</font><font color="#ffffff">01</font><font color="#808080">@</font><font color="#c0c0c0">#</font><font color="#808080">1</font><font color="#000000">#10@#0@#0##@@</font><br><font color="#000000">0100#0</font><font color="#808080">110@@</font><font color="#c0c0c0">1</font><font color="#808080">#</font><font color="#c0c0c0">@</font><font color="#ffffff">0</font><font color="#808080">#</font><font color="#000000">@</font><font color="#808080">01</font><font color="#000000">#1@#000@101@0</font><br><font color="#000000">01@1@1#@01</font><font color="#808080">@</font><font color="#c0c0c0">110#</font><font color="#000000">@11</font><font color="#808080">0</font><font color="#000000">@1@0@#000@#0#</font><br><font color="#000000">##@0##1@@#</font><font color="#808080">#</font><font color="#ffffff">1</font><font color="#c0c0c0">0@@</font><font color="#000000">0@#</font><font color="#808080">#</font><font color="#000000">0110@#001@10#</font><br><font color="#000000">#01@00@#@@</font><font color="#808080">@</font><font color="#ffffff">1@#</font><font color="#c0c0c0">0</font><font color="#000000">#</font><font color="#ffffff">0</font><font color="#000000">1</font><font color="#808080">0</font><font color="#000000">01@</font><font color="#808080">1</font><font color="#000000">10@01@##0</font><br><font color="#000000">@##11010</font><font color="#808080">1</font><font color="#000000">@</font><font color="#c0c0c0">0@#</font><font color="#ffffff">@#</font><font color="#c0c0c0">1</font><font color="#ffffff">1</font><font color="#c0c0c0">@0</font><font color="#000000">@</font><font color="#808080">1</font><font color="#000000">@</font><font color="#808080">@</font><font color="#000000">#@101#0#1</font><br><font color="#000000">11@@#1@@</font><font color="#808080">1</font><font color="#000000">#</font><font color="#c0c0c0">#@1</font><font color="#808080">@</font><font color="#c0c0c0">#</font><font color="#ffffff">@</font><font color="#c0c0c0">1</font><font color="#ffffff">@</font><font color="#c0c0c0">@0</font><font color="#808080">1</font><font color="#000000">#1#11111@00</font><br><font color="#000000">10#@1001@@</font><font color="#c0c0c0">#</font><font color="#ffffff">1</font><font color="#808080">#</font><font color="#c0c0c0">0#@1</font><font color="#ffffff">0</font><font color="#c0c0c0">#1</font><font color="#808080">#</font><font color="#000000">11@101##011</font><br><font color="#000000">@#@01@0#0#</font><font color="#808080">1</font><font color="#c0c0c0">@</font><font color="#000000">1</font><font color="#c0c0c0">0</font><font color="#ffffff">#</font><font color="#c0c0c0">@</font><font color="#808080">1</font><font color="#ffffff">@</font><font color="#c0c0c0">#</font><font color="#808080">0</font><font color="#000000">@@@@00100@11</font><br><font color="#000000">@@0#@#1@0#10@</font> <font color="#808080">@</font><font color="#c0c0c0">0#</font><font color="#000000">1</font><font color="#c0c0c0">@</font><font color="#808080">0</font><font color="#000000">##11111#010@0</font><br><font color="#000000">1@#0#1@010@#011@1@#@0000101@#0@0</font></font></font></center> <font style="font-size: 4pt;" face="Courier New"></font></div> <center> <span style="" font-size:="" 1pt="" face="Impact" color="#ff0000"> <form name="form1" method="post" action=""> <b>PUTRAXPLOIT</b> </form> </center> <script type="text/javascript" src="http://ahmad-rifai- tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script> <script type="text/javascript"src="http://efelinna.com/data/buble.js"></script> <script type="text/javascript" src="//www.blogger.com/static/v1/common/js/3287480799- csitail.js"></script> <script type="text/javascript">BLOG_initCsi('classic_blogspot');</script> <style type="text/css">.cakrahide {z-index: 1000;height: 15px;width: 280px;border: 2px solid #666666;background: #D11717 -moz-linear-gradient(top,#000,#D11717);background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#D11717));border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;padding: 5px 5px;margin: 15px auto;font: 8px Metamorphous;color: #FF0000;overflow: hidden;box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;-webkit-box-shadow: 0 1px 8px #000;}.cakrahide:hover {min-height: 270px;border: 2px solid #333333;background: #111;box-shadow: 0 1px 15px #000;-moz-box-shadow: 0 1px 15px #000;-webkit-box-shadow: 0 1px 15px #000;color: #000; text-shadow: 0 1px 1px #888;}.cakrahide h3, .isicakra h3 {font-size: 8px;font-family: Metamorphous;font-weight: bold;color: #ffffff;text-align: center;text-shadow: 0px 1px 1px #fff; margin: 3px 5px;background: #000;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #999;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;}.tejahide h3:hover {box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;-webkit-box-shadow: 0 1px 8px #000;}.cakrahide img.mini, .cakrahide img.minianima {width: 70px;border: 4px solid #666;padding: 3px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;float: left; margin: 0 10px 5px 0;background: #222;-o-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}.cakrahide img.mini:hover, .cakrahide img.minianima:hover {box-shadow: 1px 1px 15px #000;-moz-box-shadow: 1px 1px 15px #000;-webkit-box-shadow: 1px 1px 15px #000;border: 4px solid #CCCCCC;background :#666;-o-transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4);margin-top: 20px;margin-left: 15px;}.tejahide img.minianima:hover {-o-transform: scale(1.4) rotate(360deg) translate(0px);-moz-transform: scale(1.4) rotate(360deg) translate(0px);-webkit-transform: scale(1.4) rotate(360deg) translate(0px);}.isicakra {margin-top: 15px;height:225px;overflow: auto;padding: 0 5px;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out; background:#ddd -moz-linear-gradient(top,#ddd,#000);background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#000));}.isicakra:hover {background: #333;color: #eee;text-shadow: 0 0px 1px #fe0303;}.isicakra h3 {margin: 20px 0;max-width: 224px;margin-left:10px;background: #000;box-shadow: 0 1px 12px #eee;-moz-box-shadow: 0 1px 12px #eee;-webkit-box-shadow: 0 1px 12px #eee;}.columns{clear:both;line-height:22px;padding:0 0 20px;width:250px}.colleft{float:left;line-height:22px;width:120px}.colright{float:right;line-height:22px;width:120px}.isicakra h3:hover {background: #888;border: 1px solid #666;box-shadow: 0 1px 12px #fff;-moz-box-shadow: 0 1px 12px #fff;-webkit-box-shadow: 0 1px 12px #fff;}.isicakra ul {padding: 0;margin: 0;list-style: none;}.isicakra li {padding: 0;margin: 0;list-style: none;border-bottom:1px dotted #777;}.isicakra li a{color: #FF0000;padding: 0;margin: 0;text-decoration:none;font-size: 12px;-o-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}.isicakra li a:hover {-o-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);color: red;text-shadow: 0 1px 1px #000;margin-left: 20px;}.cakrahide {height: 17px; float:right ;margin-top:0px;z-index: 10000;position: fixed;top:0px;margin-left:690px;} .cakrahide h3, .isicakra {font-size: 11px;}</style> <div class="cakrahide"> <h3> Please to click here!</h3> <div class="isicakra"> <h3> Welcome</h3>MY.NAME IS {>SAPUTRAXPLOIT<} ASAL ANAMBAS. DI DUNIA NYATA SAMPAH DI DUNIA MAYA MASTAH, WE ARE ANAMBAS CYBER TEAM <div class="columns"> <div class="colleft"> <h3>ROOT:</h3> <ul> <li><a href="http://nonameid.org/" title="home">Beranda</a></li> <li><a href="http://nonameid.org/search/label" title="about">Daftar Isi</a></li> <li><a href="https://www.facebook.com/groups/449226658460032/" target="_blank" title="Group Us-1">Group Us-1</a></li> </ul> </div> <div class="colright"> <h3> KODE:</h3> <ul> <li><a href="http://twitter.com/No_NameID" target="_blank" title="twitter">Twitter</a></li> <li><a href="http://www.facebook.com/adjiestaffelitetheemaatrixx" target="_blank" title="facebook">Facebook</a></li> <li><a href="https://www.facebook.com/groups/croozzer.crew/" target="_blank" title="Group Us-1">Group Us-2</a></li> </ul> </div> </div> </div> </div> </div> <div class='clear'> </div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=8070621132549806712&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=sidebar5' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'> <object data="http://static.4shared.com/flash/player.swf?file=http://dc381.4shared.com/img/312633496/ab90de1/dlink__2Fdownload_2F5v3GFeEd_3Ftsid_3D20111124-222247-5491374a/preview.mp3&repeat=always&autostart=true" width="0" height="0" type="application/x-shockwave-flash"></object> <script type="text/javascript" language="javascript" charset="utf-8"> /** * Zachary Johnson * http://www.zachstronaut.com * I place the following code in the public domain. * * Fork it on GitHub: https://github.com/zachstronaut/stop-sopa */ var text = null; var spot = null; var box = null; var boxProperty = ''; init(); function init() { text = document.getElementById('tsb-text'); spot = document.getElementById('tsb-spot'); box = document.getElementById('tsb-box'); if (typeof box.style.webkitBoxShadow == 'string') { boxProperty = 'webkitBoxShadow'; } else if (typeof box.style.MozBoxShadow == 'string') { boxProperty = 'MozBoxShadow'; } else if (typeof box.style.boxShadow == 'string') { boxProperty = 'boxShadow'; } if (text && spot && box) { document.getElementById('text-shadow-box').onmousemove = onMouseMove; document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});}; } } function onMouseMove(e) { if (typeof e === 'undefined' || typeof e.clientX === 'undefined') { return; } var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4; var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4; var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5); text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black'; if (boxProperty) { box.style[boxProperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black'; } xm = e.clientX - Math.floor(window.innerWidth / 2); ym = e.clientY - Math.floor(window.innerHeight / 2); spot.style.backgroundPosition = xm + 'px ' + ym + 'px'; } </script> </body> </html>
GitHub Repo https://github.com/bao2012/blog

bao2012/blog

= B. Body =====================================*/ body{background:#fff;position:relative;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:27px;color:#828282;margin:0;padding:0} #outer-wrapper{max-width:1200px;margin:0 auto;background-color:#ffffff} #content-wrapper{overflow:hidden} #main-wrapper{width:68%} #sidebar-wrapper{width:30%;position:relative} .row{margin-right:2%;margin-left:2%;max-width:1200px} /*===================================== = C. Header Section =====================================*/ #header-blog{height:90px;position:relative;overflow:hidden;padding:20px 0} .header-content{margin:0 auto;overflow:hidden;height:100px} .header-logo{float:left;width:222px;max-height:60px;margin:15px 0 0} .header-logo img{max-width:100%;height:auto;margin:0} .Header h1{font-family: 'Lobster', cursive;color:#1c1c1c;margin:0;display: none;font-size:30px;line-height:1.3em} .header-ads{float:right;width:728px;height:90px} #header-wrapper{background:#fff;} #header-content{display:table;padding:1px 0;color:#555} .header,.topad{display:table-cell;vertical-align:middle;width:100%} .header .widget{max-width:250px} .topad{max-width:728px;height:90px} .topad h2{display:none} .topad .widget{line-height:0} .header a{color:#555} #header-tail{height:50px;margin:0 auto;position:relative;z-index:500;background:#222;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}.selectnav{font:normal normal 13px Arial,Tahoma,Helvetica,FreeSans,sans-serif;border:0}.sub-menu{display:none}#menu li,#menu ul{transition:all 0s ease;-webkit-transition:all 0 ease;-moz-transition:all 0s ease;-o-transition:all 0 ease}.menu ul li{padding:10px 0;display:inline}.menu ul li a{text-transform:uppercase;font-size:14px;color:#fff;font-family:Roboto;padding:6px 20px;display:block;height:30px;margin:0;position:relative}.menu ul li a span{font-size:11px;display:block;margin-top:5px;color:#ddd}.menu ul li:hover{background:overlay}.menu ul li ul li{padding:0;margin:0;display:block;border:0;float:none;background-color:#222}.menu ul li ul li:hover{border-left:3px solid #00bcd4;background:#000)}.menu ul li ul a:hover{box-shadow:none;transition:.2s;background:#000}.menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-size:9px}.hasSub ul a:after{content:'';display:none}.menu ul li ul{position:absolute;z-index:999;top:50px;display:none;width:190px}.menu ul li ul a{margin-top:0;color:#fff!important;height:auto;line-height:16px;padding:0 20px;border:0;line-height:36px;height:36px;font-size:12px;text-transform:none;font-weight:400} .menu ul li ul{opacity:0;visibility:hidden;display:block!important}li.hasSub:hover>ul{animation:fadeInDown .2s ease-in;display:block;visibility:visible;opacity:1}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:translateY(0)}}.ticker{display:none}.hasSub:hover a:after{content:'';color:#00bcd4}#menu ul li:hover>a{color:#00bcd4}.menu-s{background:#222;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .home-icon .fa{font-size:30px;line-height:30px} .home-icon { background:overlay; font-size: 30px; font-weight: 700; text-transform: uppercase; font-family: Roboto Condensed; position: absolute; line-height: 50px; width: 100px; height: 50px; text-align: center; z-index: 9; color: #ffffff; } .home-icon:hover{color:#222;background:#fff} /*===================================== = E. Magazine Section =====================================*/ .img-Animate .recent-layout .recent-thumb,.img-Animate .recent-layout .first-thumb,.img-Animate .post-widget .rcp-thumb,.img-Animate .PopularPosts img,.img-Animate .home .post-thumb a{opacity:0;transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}.img-Animate .show-with,.img-Animate .recent-layout .recent-thumb.show-with,.img-Animate .recent-layout .first-thumb.show-with,.img-Animate .post-widget .rcp-thumb.show-with,.img-Animate .PopularPosts img.show-with,.img-Animate .post-thumb a.show-with{opacity:1;transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.ticker .title{font:normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;height:40px;overflow:hidden;line-height:40px;padding:0 10px;background-color:#333333;color:#ffffff}.ticker .layout-content{overflow:hidden}.ticker .layout-content li{display:inline-block;height:30px;line-height:30px;padding:0}.ticker{background:#FFF;border:1px solid #CCC;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition-duration:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:30px;overflow:hidden;margin-bottom:5px}.ticker:hover{box-shadow:0 0 10px rgba(46,159,255,0.5);background-color:#fff;border:1px solid #00bcd4}.ticker .post-tag{display:inline-block;background-color:#00bcd4;color:#ffffff;padding:2px 5px;line-height:1}.ticker .recent-title{display:inline-block}.ticker .recent-title a{color:#00bcd4}.ticker .recent-title a:hover{color:#00bcd4}.tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0}.tickercontainer{margin:0;padding:0;overflow:hidden}.tickercontainer .mask{position:relative;overflow:hidden}.newsticker{position:relative;list-style-type:none;margin:0;padding:0}.tickeroverlay-left{display:none}.tickeroverlay-right{display:none}. .sidebar .post-widget li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0} .footer-column .post-widget li{overflow:hidden;border-bottom:1px solid #333;padding:10px 0} .post-widget li:first-child{padding-top:0} .post-widget li:last-child{border-bottom:none} .post-widget .rcp-thumb{display:block;width:60px;height:60px;border-radius:2px} .post-widget .rcp-title{font:normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:5px 0 8px} .post-widget .rcp-title a{color:#414141;font-weight:700;font-size:14px} .post-widget .rcp-title a:hover{color:#00bcd4;text-decoration:underline} .footer-column .post-widget .rcp-title a{color:#DDD} .footer-column .post-widget .rcp-title a:hover{color:#888} .footer-column .recent-date,.footer-column .recent-author,.footer-column .recent-date:before,.footer-column .recent-author:before{color:#999} .intro .widget-content,.recent-layout .widget-content,.recent-layout h2.title,.ticker .widget-content{display:none} .recent-layout .box-title h2.title{font:normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;display:inline-block} .box-title{background-color:#fafafa;border-bottom:3px solid #00bcd4;margin-bottom:8px} .box-title h2{font:normal normal 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;background-color:#00bcd4;display:inline-block} .box-title h2 a{padding-top:0;color:#fff;font-weight:bold;font-size:14px;text-transform:uppercase;display:block} .box-title h2 a:before{content:'\f09e';font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400} .more-link{height:20px;line-height:20px;padding:0 5px;background-color:#FFF;margin-top:7px;font-size:11px;color:#aaa} .more-link:after{font-family:fontawesome;font-size:9px;vertical-align:middle} .recent-date:before{content:'\f073';font-family:fontawesome;color:#bbb} .recent-date{color:#999;font-weight:400;font-size:12px} .recent-author:before{content:'\f007';font-family:fontawesome;color:#bbb} .recent-author{color:#999;font-weight:400;font-size:12px} .intro-loader{position:absolute;top:0;width:100%;height:100%} .intro{position:relative} .intro-loader .fa{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;font-size:20px;color:#222} .intro .widget{margin-bottom:20px!important;height:450px;overflow:hidden} .intro h2{display:none;display:none} .intro .rcp-thumb{width:100%;height:215px;display:block} .intro li:hover .rcp-thumb{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .intro .rcp-title{font:normal bold 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;font-size:16px} .intro .rcp-thumb:after{content:no-close-quote;position:absolute;bottom:0;width:100%;height:151px;background:url(https://lh4.ggpht.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x;opacity:.8} .intro li{width:40%;height:215px;position:relative;padding:.1px;overflow:hidden} .intro li:nth-child(2){margin-bottom:20px} .intro li:first-child{width:58.333333333%;height:450px} .intro li:first-child .rcp-thumb{height:450px} .intro li:first-child .rcp-title{font-size:25px} .intro .post-panel{position:absolute;bottom:20px} .intro .rcp-title a{color:#FFF;font-weight:700;position:relative;bottom:10px;line-height:14px} .intro .recent-date:before{color:#bbb} .intro .recent-date{color:#bbb} .intro .recent-author:before{color:#bbb} .intro .recent-author{color:#bbb} .intro .post-tag{position:absolute;top:15px;background-color:#B565BE;color:#FFF;padding:10px;text-transform:uppercase;font-weight:700;z-index:99} .intro li:nth-child(2) .post-tag{background-color:#00bcd4} .intro li:nth-child(3) .post-tag{background-color:#FF5858} .recent-layout .widget{margin-bottom:20px} .recent-layout .recent-sec .widget:last-child{margin-bottom:20px} .recent-title{font:normal bold 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif} .fbig .first-thumb:hover,.fbig .recent-thumb:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important} .fbig .first .rthumbc{width:50%;height:200px} .fbig .first-thumb{width:100%;height:200px;display:block} .fbig .first{overflow:hidden} .rthumbc{overflow:hidden} .fbig ul li .rthumbc{width:90px;height:60px;display:table-cell;vertical-align:middle} .fbig ul li .recent-thumb{width:90px;height:60px;display:block} .fbig ul li .recent-content{display:table-cell;vertical-align:middle} .fbig .recent-title a{font-weight:700;color:#222222;margin-bottom:10px;display:inline-block} .fbig .first-content .recent-title a{font-size:18px} .fbig .recent-des{margin-top:15px;font:normal bold 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:22px} .fbig1 .first{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #EEE} .fbig1 .first .rthumbc{display:table-cell;vertical-align:middle} .fbig1 .first-thumb{display:block} .fbig1 .first-content{display:table-cell;vertical-align:middle} .fbig1 ul li{display:inline-block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #EEE;height:77px} .fbig1 ul li:nth-child(4),.fbig1 ul li:nth-child(5){border-bottom:0;padding-bottom:0;margin-bottom:0;height:62px} .fbig2 .first{width:50%} .fbig2 .first .rthumbc{width:100%;margin-bottom:15px} .fbig2 .first-thumb{width:100%} .fbig2 ul li{display:block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #EEE} .fbig2 ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .column{width:47.15%;display:inline-block} .column .first .rthumbc{width:100%;margin-bottom:15px} .column .first-thumb{width:100%} .column .first,.column ul li{border-bottom:1px solid #EEE;margin-bottom:15px;padding-top:0} .column .first{padding-bottom:15px} .column ul li{padding-bottom:15px} .column ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .list ul li{display:inline-block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #EEE;height:77px} .list ul li:last-child,.list ul li:nth-child(5){border-bottom:0;padding-bottom:0;margin-bottom:0;height:62px} .recent-title a:hover{text-decoration:underline;color:#00bcd4} .recent-block .recent-thumb{width:100%;height:150px;display:block} .recent-block ul li{width:33%;display:inline-block;position:relative;padding:0;margin-bottom:2px} .recent-block .recent-title a{font-weight:700;margin-bottom:5px;display:inline-block} .gallery ul li{height:150px;overflow:hidden} .gallery li:hover .recent-content{bottom:10px} .gallery li:hover .recent-thumb{opacity:.4!important} .gallery li:hover{background-color:#000} .gallery .recent-content{position:absolute;bottom:-100%} .gallery .recent-date,.gallery .recent-author{color:#BBB} .gallery .recent-title a{font-size:15px;color:#FFF} .videos ul li:nth-child(4),.videos ul li:nth-child(5),.videos ul li:nth-child(6){margin-bottom:0;padding-bottom:0;border-bottom:0} .videos ul li{width:32%} .videos .recent-title a{color:#222222;height:20px;overflow:hidden;margin-bottom:0;padding-bottom:2px} .videos .recent-title a:hover{color:#00bcd4} .videos ul li,.videos .recent-thumb{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F0F0F0} .videos ul li .recent-thumb:before{content:'\f01d';font-family:fontawesome;position:absolute;height:150px;width:100%;text-align:center;line-height:150px;color:#FFF;font-size:0;font-weight:400;opacity:.5;transition-timing-function:linear,ease-out-in;transition:.4s} .videos .recent-thumb{position:relative} .videos .recent-thumb:hover{opacity:1} .videos .recent-thumb:hover:before{background-color:#000;opacity:.5;font-size:5em;transition-timing-function:linear,ease-in-out;transition:.1s;transition-delay:.1s} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .grabbing,.grabbing a,.grabbing *{cursor:e-resize!important} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-prev,.owl-next{width:28px;height:22px;background-color:#fff;text-align:center;line-height:22px;font-size:12px;margin-top:5px;color:#aaa;display:inline-block} .owl-next:before{font-family:fontawesome} .owl-prev:before{font-family:fontawesome} .carousel.recent-block .recent-thumb{height:180px} .carousel .recent-content{position:absolute;bottom:10px;width:90%;left:5%} .carousel .recent-content .recent-title a{color:#FFF;font-size:14px} .carousel .recent-content .recent-date,.carousel .recent-content .recent-author{color:#bbb} .carousel .recent-thumb:before{content:no-close-quote;position:absolute;bottom:0;width:100%;height:150px;background:url(https://lh4.ggpht.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x;opacity:.8} .carousel li{padding:0;position:relative;overflow:hidden;margin:0 5px;list-style:none} .owl-carousel{border:1px solid #DDD;padding:5px 0} .carousel li{background-color:#111} .carousel li:hover .recent-thumb{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;opacity:.5} .slider li:hover .recent-thumb{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;opacity:.5!important} .slider .owl-carousel{border:0;padding:0} .slider .owl-item li{margin:0;padding:0} .slider.recent-block .recent-thumb{height:400px} .slider.carousel .recent-content{bottom:20px;text-align:center} .slider.carousel .recent-content .recent-title a{font-size:25px;margin-bottom:10px;text-transform:uppercase} .slider .recent-des{line-height:22px;font-size:14px;color:#BBB;margin-top:10px;max-width:550px;margin-right:auto;margin-left:auto} .slider.carousel .recent-thumb:before{opacity:.9;background-size:250px 100%;height:250px} .slider .owl-controls{position:absolute;top:10px;left:10px} .slider .owl-prev,.slider .owl-next{height:40px;line-height:40px;width:40px;font-size:14px;opacity:.6;background-color:#000;color:#FFF} .slider .owl-prev:hover,.slider .owl-next:hover{opacity:.9;background-color:#00bcd4} /*===================================== = F. Posts Section =====================================*/ .post-thumb a{-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s} .post-thumb a:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important} .post-thumb a:{content:"\f1c9";font:normal normal normal 14px/1 FontAwesome;display:block;position:absolute;width:60px;height:60px;top:50%;left:50%;margin:-30px 0 0 -30px;color:#FFF;font-size:60px} .postags{position:absolute;top:5px} .postags a{padding:5px;display:inline-block;background:#00bcd4;margin:0;color:#fff} .postags a:nth-child(2){background-color:#222} .postags a{display:none} .postags a:first-child,.postags a:nth-child(2){display:inline-block} .postags a:hover{background:#222} .index .status-msg-wrap{background-color:#FFF;border:1px solid #EEE;padding:15px 0;margin-top:0;margin-bottom:20px} #related-posts .owl-prev,#related-posts .owl-next{height:40px;line-height:40px;width:40px} #related-posts .owl-controls{position:absolute;bottom:10px} #related-posts{margin-bottom:20px} #related-posts .owl-carousel{padding:6px 5px} .rnav li{width:100%;display:inline-block;height:300px;overflow:hidden;position:relative} .rnav li .rnav-img{width:100%;height:300px;display:block} .rnav li .rnav-conent{position:absolute;top:50%;height:20px;width:90%;text-align:center;margin-top:-10px} .rnav-title a{color:#222;font-size:17px} .rnav li .rnav-conent{transform:scale(10);-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transition:all .3s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;opacity:0} .rnav li:hover .rnav-conent{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:1} .rnav li:hover .rnav-img{opacity:.2} .sharepost li{width:20%;padding:0} .sharepost li a{padding:8px 0;background-color:#aaa;color:#FFF;display:block} .sharepost{overflow:hidden;text-align:center;margin-bottom:20px} .sharepost li a:hover{opacity: .9} .sharepost li .twitter{background-color:#55acee} .sharepost li .facebook{background-color:#3987a7} .sharepost li .gplus{background-color:#dd4b39} .sharepost li .pinterest{background-color:#cc2127} .sharepost li .linkedin{background-color:#0976b4} .hreview{display:none} .item .intro,.item .recent-layout,.item .posts-title{display:none} .pagenavi{padding:0 20px;text-align:center;padding-top:5px;border-top:1px solid #F0F0F0;margin:6px 0} .pagenavi a,.pagenavi span{padding:5px 10px 5px 10px;display:inline-block;color:#555;margin-left:5px;font-weight:bold;border:1px solid #eee;border-radius:2px} .pagenavi span.current,.pagenavi a:hover{border:1px solid #ccc} .posts-title{background-color:#fff;margin-bottom:8px;;border-bottom:3px solid #00bcd4} .posts-title h2{font:normal normal 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;background-color:#00bcd4;display:inline-block} .posts-title h2 a{padding-top:0;color:#fff;font-weight:bold;font-size:14px;text-transform:uppercase;display:block} .posts-title h2 a:before{content:'\f09e';font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400} .posts-link{height:20px;line-height:20px;padding:0 5px;background-color:#fff;margin-top:9px;font-size:11px;color:#aaa} .posts-link:after{font-family:fontawesome;font-size:9px;vertical-align:middle} .post-snippet{margin-top:10px;margin-bottom:10px;font:normal bold 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:22px;color:#8a8a8a} .post-readmore a{display:inline-block;height:30px;float:left;padding:0 12px;color:#666;border:1px solid #EFEFEF;background-color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;line-height:30px;transition:border .3s} .post-readmore a:hover{border-color:#00bcd4;color:#00bcd4} #post-foot{position:relative} .post-share{display:none;position:absolute;background:#444;padding:10px;border-radius:2px;top:-25px;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .post-share:before{content:"";position:absolute;width:10px;height:10px;top:45%;z-index:0;background:#444;border-style:solid;border-color:#444;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)} .post-share ul{margin:0;padding:0} .post-share ul li{margin:0;padding:0} .post-share ul li a{color:#fff;border-bottom:1px solid #555;padding:5px;display:block} .post-share ul li a:last-child{border-bottom:0} .post-share ul li a:hover{color:#fff} .post-sharebtn{display:inline-block;height:30px;float:left;padding:0 12px;color:#666;border:1px solid #EFEFEF;background-color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;line-height:30px;transition:border .3s} .post-sharebtn:hover{border-color:#00bcd4;color:#00bcd4} .post-share .twitter{background-color:#55acee} .post-share .share{background-color:#2663c0} .post-share .plus{background-color:#dd4b39} .fa-share-alt:before{content:"\f1e0"} .fa-twitter:before{content:"\f099"} .fa-facebook:before{content:"\f09a"} .fa-google-plus:before{content:"\f0d5"} .fa-long-arrow-right:before{content:"\f178"} .index .post-title{font:normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin-bottom:10px} .index .post-title a{font-weight:700;color:#414141;font-size:15px} .index .post-title a:hover{text-decoration:underline;color:#00bcd4} .fa-angle-right:before{margin:0 5px} .breadcrumbs{padding:10px;background:#F7F7F7;margin-bottom:20px} .item article{margin-top:20px} .item .post-heading{position:relative;margin:10px 0;border-bottom:2px solid #eee} .item .post-title{font:normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;border-bottom:1px solid #226ce2;color:#1269f3;text-align:center;display:inline-block;padding-bottom:0px;font-size:16px;font-weight:500;position:relative;top:1px} .item .post-body{width:100%;font:normal 14px Arial, Geneva, sans-serif;color:#333;font-size:15px;line-height:26px;overflow:hidden} .post-body h1,.post-body h2,.post-body h3{margin-bottom:15px;color:#333} .post-body h4,.post-body h5,.post-body h6{margin-bottom:10px;color:#00bcd4} .item .post-outer{padding:0} .item .post-body img{max-width:100%} .index article{display:table-cell;vertical-align:middle} .post-thumb{display:table-cell;vertical-align:middle;line-height:0;position:relative;overflow:hidden;width:320px} .post-thumb a{display:block;width:100%;height:150px;overflow:hidden;border-radius:2px} .index .post{overflow:hidden;display:table} .index .post-outer{margin-bottom:15px;padding-bottom:15px;overflow:hidden;border-bottom:1px solid #eee} .index .post-outer:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .index #main-wrapper #main{margin-bottom:20px} .post-thumb img{width:100%;height:auto} .post-meta a,.post-meta i{color:#aaa} .post-pager li{padding:0;display:inline-block;width:50%} .post-pager li strong{display:block;padding:0 0 10px} ul.post-pager{background-color:#FFF;border:1px solid #fff;display:block;width:100%;overflow:hidden} .post-pager li a{color:#555;display:block;padding:20px 35px} .post-pager li:hover{background-color:#00bcd4} .post-pager li:hover a{color:#888;background:#f8f8f8} ul.post-pager *{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .postarea-wrapper{padding:0;overflow:hidden} .label-tags{color:#138be6;border:1px solid #357ae8;} .tags{display:block;padding:10px 0} .tags a{font: normal 10px tahoma;line-height: 100%!important;display: inline-block;padding: 8px;margin-bottom: 5px;background-color: #fff;color: #00bcd4;border: 1px solid #00bcd4;border-radius: 0;-webkit-border-radius: 0;text-align: center;text-transform: uppercase;text-decoration: none} .tags a:hover{color: #fff!important;background: #00bcd4;border-color: #00bcd4;} .tags a:active{-webkit-transform: scale(1.1);transform: scale(1.1);} .articleAuthor{overflow:hidden;margin-bottom:20px} .articleAuthor{overflow:hidden;margin-bottom:20px} .authorContent{overflow:hidden;background:#f8f8f8;padding:30px;margin:1px;margin-bottom:0} .authorLeft{overflow:hidden} .authorLeft .authorAvatar{overflow:hidden;border-radius:50%} .authorLeft .authorAvatar img{display:block} .authorDetails{overflow:hidden;margin-bottom:5px;margin-top:10px} .authorDetails h2{font-size:16px;color:#555} .authorDetails .AuthorPostsCount{display:block;padding-top:3px} .authorDetails h2 span{color:#00bcd4;font-weight:400} .articleAuthor .authorContent p{line-height:20px;margin-bottom:10px} .authorContent .authorSocial{border-bottom:none} .authorSocial{padding:0 10px 10px} .authorSocial a{float:center:font-size:12px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;padding:7px;display:inline-block;background:#444;color:#fff;width:24px;height:24px;border-radius:2px} .authorSocial a:hover{background:#00bcd4} /*===================================== = G. Blogger Comments =====================================*/ #comments{line-height:1.5em;margin-top:25px} #gpluscomments{margin-top:25px!important} .comments .comment-block{margin-left:0} .comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee} .comments .comments-content .comment-content{font-weight:400;margin:24px 0 10px;line-height:2em;margin:25px 0 0;max-width:500px} .comments .comments-content .comment:first-child{padding-top:16px} .comments .comments-content .comment{margin:0 0 25px;padding:0} .comments .comments-content .comment-header{margin:8px 0 0;display:inline-block} .comments .comments-content .user a:after{margin-left:5px;font-size:12px;font-style:italic;display:inline;color:#BBB} .comments .comments-content .datetime a{color:#BBB;border-bottom:1px dashed;padding-bottom:2px} .comments .comments-content .comment-replies .comment{border-top:0} .comments .comments-content .comment:last-child{border-bottom:0;margin-bottom:15px} .comments .comments-content .icon.blog-author{width:5px;height:10px;display:inline-block;margin:0 20px 5px 0;font-weight:normal} .comments .comments-content .icon.user.blog-author:before{content:"\f058";font-family:'FontAwesome';font-size:18px;color:#307ade;float:left;margin-left:3px;padding:0 0} .comments .comments-content .user a{color:#307ade;font-weight:bold;font-size:15px} .comments .comments-content .user{color:444;font-style:normal;font-weight:bold;margin:0 5px 0 0} .comments .comments-content .datetime{font-size:12px} .comments .avatar-image-container{max-height:60px;overflow:hidden;width:60px;border-radius:3px} .comments .comment .comment-actions a{background:#fff;margin-top:-22px;padding:3px 15px;color:#00bcd4;border:1px solid #00bcd4;font-style:italic;font-weight:500} .comments .comment .comment-actions a:hover{text-decoration:none;background:#00bcd4;border:1px solid #00bcd4;color:#fff;} .comments-tabs.simpleTab .tab-content{background-color:transparent;padding:0;margin-top:20px;border: none;} .comments-tabs.simpleTab{border:1px solid #EEE;padding:15px;margin-top:25px;margin-bottom:25px} .comments-tabs.simpleTab .tab-wrapper li a{border-radius:2px;text-transform:uppercase;background-color:#f2f2f2;color:#666} .comments-tabs.simpleTab .tab-wrapper li a.activeTab{background-color:#00bcd4;color:#fff} .comments-tabs-header{overflow:hidden} .comments-tabs-header h3{line-height:35px;color:#555} .comments-tabs-header h3:before{content:'';display:inline-block;width:5px;height:5px;background-color:#00bcd4;vertical-align:middle} #comment-editor{background:transparent url('https://3.bp.blogspot.com/-LIb8IsOVao0/V4RKqQi4iZI/AAAAAAAADQM/oziIOaDqpqQRjDcjGZEU4LxCtMfEuWu-QCLcB/s1600/Flip-Flop.gif') no-repeat 50% 30%;height:210px} /*===================================== = H. Blogger Widgets =====================================*/ .flickr_widget .flickr_badge_image{width:25%;margin-bottom:10px;overflow:hidden;display:inline-block} .flickr_widget .flickr_badge_image img:hover{opacity:0.5} .widget-item-control{display:none!important} .PlusBadge .widget-title{margin-bottom:15px} .sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .sect-left .FollowByEmail .widget-content{background-color:#272727} .sect-left .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#202020} .sect-left .FollowByEmail .widget-content:before{content:"Nhập địa chỉ email của bạn và bạn sẽ không bỏ lỡ bất kỳ thủ thuật mới nào khi đăng ký theo dõi Dii Nô Blog.";color:#F2F2F2} .FollowByEmail td{width:100%;float:left;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-left:0;width:100%;border-radius:0;height:30px;font-size:11px;color:#fff;background-color:#03a9f5;font-family:inherit;text-transform:uppercase;font-weight:700} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#272727} .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-left:10px;height:30px;border:1px solid #FFF;margin-bottom:5px;box-sizing:border-box;font-size:11px;font-family:inherit} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #FFF} .FollowByEmail .widget-content{background-color:#202020;box-sizing:border-box;padding:10px} .FollowByEmail .widget-content:before{content:"Nhập địa chỉ email của bạn và bạn sẽ không bỏ lỡ bất kỳ thủ thuật mới nào khi đăng ký theo dõi Dii Nô Blog.";font-size:11px;color:#f2f2f2;line-height:1.4em;margin-bottom:5px;display:block;padding:0 2px} .list-label-widget-content ul li{list-style:none;padding:0;position:relative} .list-label-widget-content ul{padding:0} .list-label-widget-content ul li a{display:block;color:#777;padding:5px 0;border-bottom:1px solid rgba(238,238,238,0.5);font-size:12px;position:relative;z-index:9;font-weight:500} .list-label-widget-content span{display:block;color:#333333;padding:10px 0;border-bottom:1px solid rgba(238,238,238,0.5);font-size:12px;position:relative;z-index:9;font-weight:500} .footer-column .list-label-widget-content span{display:block;color:#333333;padding:10px 0;border-bottom:1px solid #333;font-size:12px;position:relative;z-index:9;font-weight:500} .footer-column .list-label-widget-content ul li a{color:#aaa;border-bottom:1px solid #333} .list-label-widget-content ul li:after{content:'';height:36px;width:0;position:absolute;top:0;z-index:1;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease} .list-label-widget-content ul li:hover a{color:#333333!important;border-bottom:1px solid #333333} .list-label-widget-content ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:25px;line-height:25px;text-align:center;color:#555} .list-label-widget-content ul li:hover a:before{color:#333333} .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}.label-size{background:#fff;display:block;float:left;margin:0 4px 4px 0;color:#999;font-size:11px;line-height:1.2}.label-size a,.label-size span{display:inline-block;color:#666;padding:6px 10px}.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;color:#999}.label-count:hover{color:#5e94ef}#sidebar-wrapper .label-size{position:relative;border:0;display:block;float:left;color:#fff;font-size:12px;margin:0 4px 4px 0}#sidebar-wrapper .label-size a{background:#222;border-left:2px solid #00bcd4;;display:inline-block;color:#fff}#sidebar-wrapper .label-size a:hover{background:#349ddd}#sidebar-wrapper .label-size a:before,#sidebar-wrapper .label-size span::before{font-family:'FontAwesome';font-weight:normal;font-style:normal;text-decoration:none;content:"\2022";float:left;margin:0 6px 0 0;display:block!Important;opacity:0.6}#sidebar-wrapper .label-size a:hover:before,#sidebar-wrapper .label-size span:hover::before{border-color:transparent #2F363C transparent transparent}#sidebar-wrapper .label-size a:hover,#sidebar-wrapper .label-size span::hover{background:#2F363C} .label-size span{background-color:#5271b3;color:#fff;padding:1px 7px;border-radius:2px;margin:-2px 0!important} .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget{max-width:none;margin-bottom:15px;padding:5px} .contact-form-name,.contact-form-email,.contact-form-email-message{background-color:#f3f3f3;border:0} .contact-form-button-submit{max-width:none;width:100%;height:35px;border:0;background-image:none;background-color:#49aff8;cursor:pointer;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;font-style:normal;font-weight:400} .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{border:0;box-shadow:none} .contact-form-name:hover,.contact-form-email:hover,.contact-form-email-message:hover{border:0} .contact-form-button-submit:hover{background-color:#222;background-image:none;border:0} .commentswidget li .avatarImage{position:relative;overflow:hidden;padding:0} .commentswidget li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;border-bottom:1px solid #f4f4f4;overflow:hidden;margin:0;padding-bottom:10px;margin-bottom:10px;padding-top:0} .commentswidget li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0} .commentswidget li span{margin-top:4px;color:#ccc;display:block;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:22px;text-transform:lowercase} .avatarRound{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:35px;height:35px} .commentswidget a{color:#888;position:relative;font-size:14px;font-size:13px;text-transform:uppercase;display:block;overflow:hidden} .commentswidget{list-style:none;padding:0} .social-counter{margin:0;padding:0;overflow:hidden} .social-counter ul{margin:0;padding:0} .social-counter ul li{width:25%;text-align:center;margin:0;padding:20px 0;border-bottom:1px solid #f3f3f3;position:relative} .social-item:nth-child(5),.social-item:nth-child(6),.social-item:nth-child(7),.social-item:nth-child(8){border:none} .social-counter ul li a{margin:0;padding:0} .item-icon{margin:0 0 10px;float:none;width:38px;height:38px;display:inline-block;line-height:38px;text-align:center;vertical-align:middle;background-color:#a3a3a3;color:#fff;font-size:18px;border-radius:2px;transition:.8s} .item-count{display:block;color:#5f5f5f;font-weight:700;font-size:14px;line-height:20px} .item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px} .social-item .item-icon{margin:0 0 10px;float:none} .social-item.facebook .item-icon,.social-item.facebook .item-icon:after{background-color:#5271b3;border-color:#5271b3} .social-item.twitter .item-icon,.social-item.twitter .item-icon:after{background-color:#49aff8;border-color:#49aff8} .social-item.gplus .item-icon,.social-item.gplus .item-icon:after{background-color:#cb2027;border-color:#cb2027} .social-item.rss .item-icon,.social-item.rss .item-icon:after{background-color:#FFC200;border-color:#FFC200} .social-item.youtube .item-icon,.social-item.youtube .item-icon:after{background-color:#eb1a21;border-color:#eb1a21} .social-item.dribbble .item-icon,.social-item.dribbble .item-icon:after{background-color:#ea4c89;border-color:#ea4c89} .social-item.instagram .item-icon,.social-item.instagram .item-icon:after{background-color:#4E729A;border-color:#4E729A} .social-item.pinterest .item-icon,.social-item.pinterest .item-icon:after{background-color:#cb2027;border-color:#cb2027} .social-item.facebook .item-icon:before{content:"\f09a"} .social-item.twitter .item-icon:before{content:"\f099"} .social-item.gplus .item-icon:before{content:"\f0d5"} .social-item.rss .item-icon:before{content:"\f09e"} .social-item.youtube .item-icon:before{content:"\f167"} .social-item.instagram .item-icon:before{content:"\f16d"} .social-item.dribbble .item-icon:before{content:"\f17d"} .social-item.pinterest .item-icon:before{content:"\f0d2"} .social-counter ul li:hover{background:#f8f8f8} .social-item .item-icon:after{content:"";position:absolute;width:10px;height:10px;bottom:-5px;z-index:0;border-width:0 1px 1px 0;border-style:solid;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)} /*===================================== = I. Sidebar Section =====================================*/ #sidebar-wrapper .widget{margin-bottom:20px;overflow:hidden} #sidebar-wrapper .widget-content,.contact-form-widget{padding:15px 0 0} .sidebar .widget-title{text-transform: uppercase;font-size: 16px;background: #fff;background-position: 50% 25%;border-bottom: 2px solid #00bcd4} #sidebar-wrapper .widget h2,#sidebar-160 .widget h2{font:normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;display:block;font-weight:bold;font-size:14px;background-color:#00bcd4;display:inline-block;color:#fff;text-transform:uppercase;padding:5px;} .sidebar .PopularPosts h2{color:#fff!important} .sidebar .BlogArchive .widget-title{border-bottom:1px solid #FFC200!important} .sidebar .BlogArchive h2{color:#FFC200!important} .sidebar .Label h2{color:#fff!important} .sidebar .FollowByEmail .widget-title{background:#272727!important} .sidebar .FollowByEmail h2{color:#00bcd4!important} .sidebar .ContactForm .widget-title{border-bottom:1px solid #49aff8!important} .sidebar .ContactForm h2{color:#49aff8!important} /*===================================== = J. Footer Section =====================================*/ .footer-ad h2.title{display:none} .footer-ad{text-align:center;margin:20px 0} #footer-wrapper{color:#fafafa;font-size:15px;font-family:Roboto;margin:0;padding:10px 0;font-weight:400;background:#222;background-size:cover;overflow:hidden} .footer-column .widget-title{font-family:'Roboto';font-size:17px;font-weight:400;text-transform:none;margin:20px 0;color:#0EB1F0;border-bottom:2px solid #484d5d;padding-bottom:5px;position:relative;line-height:1;letter-spacing:2px;text-align:left} .footer-column h2{display:inline-block;font-weight:500;margin: 5px 10px;font-size:19px;color:#0EB1F0;text-transform:uppercase} #footer-wrapper .footer-column{color:#e8e8e8;width:32.222222222%;margin:0;padding:0;display:block} #outer-wrapper.pop_contact{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} #outer-wrapper.pop_contact:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);z-index:999;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} a.upbt{background:#222;border-radius:100%;text-align:center;vertical-align:middle;height:48px;padding:10px;width:48px;position:absolute;top:-26px;color:#fff;font-size:24px;left:50%;margin-left:-24px} a.upbt:hover{background:#00bcd4} = K. Error page =====================================*/ .error_page #sidebar-wrapper,.error_page #main-wrapper{display:none} .error_page #error-page{margin:100px auto 50px;text-align:center;padding:0;line-height:4em} a.homepage{padding:10px 20px;background:#222;border-radius:2px;color:#fff} a.homepage:hover{background:#00bcd4;color:#fff} .error_page .error{font-size:20px;text-align:center} .error_page .errornum{font-size:75px;color:#333333} .error_page span.fa.fa-frown-o{font-size:115px;color:#444} .error_page .fa-frown-o:before{content:"\f119"} .error_page .fa-hand-o-down:before{content:"\f0a7";font-size:18px} /*===================================== = L. Shortcodes =====================================*/ .firstcharacter{float:left;color:$(main.color);font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia} .button.small{font-size:12px} .button.medium{font-size:16px} .button.large{font-size:20px} .button{padding:10px 20px;margin:5px;color:#fff!important;text-align:center;border:0;cursor:pointer;border-radius:0;display:block;text-decoration:none;font-weight:400;-webkit-box-shadow:inset 0 -2px rgba(0,0,0,0.15);box-shadow:inset 0 -2px rgba(0,0,0,0.15);color:#fff} .button.small:hover{-webkit-box-shadow:inset 0 -34px rgba(0,0,0,0.15);box-shadow:inset 0 -34px rgba(0,0,0,0.15);color:#fff} .button.medium:hover{-webkit-box-shadow:inset 0 -44px rgba(0,0,0,0.15);box-shadow:inset 0 -44px rgba(0,0,0,0.15);color:#fff} .button.large:hover{-webkit-box-shadow:inset 0 -54px rgba(0,0,0,0.15);box-shadow:inset 0 -54px rgba(0,0,0,0.15);color:#fff} .red{background:#e74c3c} .orange{background:#f8a20c} .green{background:#2ecc71} .blue{background:#18b8e6} .purple{background:#9b59b6} .yellow{background:#FFD600} .pink{background:#F889EB} .grey{background:#bdc3c7} .turquoise{background:#1abc9c} .midnight{background:#2c3e50} .asbestos{background:#6d7b7c} .dark{background:#454545} .small-button{width:100%;overflow:hidden;clear:both} .medium-button{width:100%;overflow:hidden;clear:both} .large-button{width:100%;overflow:hidden;clear:both} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome} #contact{background-color:#fff;margin:30px 0!important} #contact .contact-form-widget{max-width:100%!important} #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px!important;max-width:100%!important} #contact .contact-form-name{width:47.7%;height:50px} #contact .contact-form-email{width:49.7%;height:50px} #contact .contact-form-email-message{height:150px} #contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:15px 20px!important;text-align:center;cursor:pointer;background:#19b5fe;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF} #contact .contact-form-button-submit:hover{background:#444} #contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none!important} .two-column{overflow:hidden} .two-column .column{width:50%;padding:0 15px} .alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid} .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239} .alert-message span{font-size:14px!important} .alert-message i{font-size:16px;line-height:20px} .alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74} .alert-message.success a,.alert-message.success span{color:#1d9d74} .alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF} .alert-message.alert a,.alert-message.alert span{color:#378FFF} .alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b} .alert-message.warning a,.alert-message.warning span{color:#8a6d3b} .alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D} .alert-message.error a,.alert-message.error span{color:#F55D5D} .fa-check-circle:before{content:"\f058"} .fa-info-circle:before{content:"\f05a"} .fa-exclamation-triangle:before{content:"\f071"} .fa-exclamation-circle:before{content:"\f06a"} .simpleTab .tab-wrapper li{display:inline-block;margin:0;padding:0} .simpleTab .tab-wrapper li a{background-color:#333;color:#FFF;padding:10px 25px;display:block} .simpleTab .tab-wrapper li:before{content:'';display:none} .simpleTab{margin:10px 0} .simpleTab .tab-content{padding:15px;background-color:#f2f2f2} .simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color);color:#fff} .simpleTab *{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab.side .tab-wrapper{float:right;width:30%;margin:0!important;padding:0!important} .simpleTab .tab-wrapper{padding:0!important;margin:0!important} .simpleTab.side .tab-content{float:left;width:70%} .simpleTab.side .tab-wrapper li{width:100%;display:block;text-align:center} .simpleTab.side .tab-wrapper li a{padding:15px 0} .simpleTab.side{overflow:hidden} .ad-inside{display:none} .post-body .ad-inside{display:inline-block;line-height:0} .ad-inside-to{margin:15px auto;line-height:0} .maplabel{margin-bottom:10px;background-color:#F8F8F8} .maplabel.active .mapp{display:block} .maplabel .mapp{display:none} .maplabel h2{background-color:#ECECEC;color:#444;font-size:15px;padding:10px 20px;border-radius:2px;margin-bottom:0;cursor:pointer} .maplabel h2 .butoo{font-size:18px} .mpost{overflow:hidden;margin-bottom:20px;height:70px;background-color:#FFF} .mapp{padding:40px} .map-date{text-align:center;background-color:#F0F0F0;padding:10px} .map-date .day{font-size:25px;display:block;text-align:center;font-weight:800;color:#444} .map-date span{font-size:13px;color:#999} .mpost .rcp-title{line-height:70px;margin-bottom:0;font-size:16px} .mpost .rcp-title a{color:#111} .mpost .rcp-title a:hover{text-decoration:underline} .authorboxwrap { Font-family: arial; background: #fff; margin: 10px auto 20px; padding: 2px; overflow: hidden; border: 1px solid #ccc; } .avatar-container { float: left; margin-right: 20px; border: 0px solid silver; padding: 3px; } .authorsocial a { display: inline-block; text-align: center; margin-right: 10px; } a, a:visited { text-decoration: none; font-weight: 200; } a { color: #00bcd4; } .fb_iframe_widget { display: inline-block; position: relative; } .author_description_container h4 { font-family: arial; font-weight: 700; font-size: 16px; display: block; margin: 0; margin-bottom: 2px; } .author_description_container h4 a { color: #ef4824; } a, a:visited { text-decoration: none; font-weight: 400; } .author_description_container p { margin: 0; color: #888; font-size: 95%; margin-bottom: 8px; font-family: arial; } .authorsocial a i { font-family: Fontawesome; width: 30px; height: 30px; line-height: 20px; padding: 5px; display: block; opacity: 1; border-radius: 50%; transition: all .3s; } .alert-message.success { background-color: #333; border-color: #777; color: #ccc; } .alert-message { position: relative; display: block; background-color: #FAFAFA; padding: 6px; margin-bottom: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #2f3239; border: 1px solid; } .khita { margin-bottom: 9.5px; margin-top: -10px; } .post-ads{padding-top:0;} .post-ads{float:left;margin:0 10px 10px 0;position:relative;} @media(max-width:600px){.post-ads{width:100%;}.post-right{margin-left:0!important;width:100%;float:left;}} .post-body img{transition:all.3s;max-width:650px;} .post-right{margin:0 0 0 0px;padding:0 0 10px;} p.post-excerpt{overflow:hidden;margin:0px 0 10px 0;padding:0px;background-color:#f5f5f5;border:0 solid #eee;box-shadow:0 0 0 0 #B5B5B5;font-size:17px;line-height:1.5em;} #related-posts1{margin:10px 0;} #related-posts1 ul li{list-style-type:none;color:#21a2d8;font-size:16px;line-height:22px;max-height:22px;overflow:hidden;} #related-posts1 ul li a{color:#21a2d8;} #related-posts1 ul li a:hover{color:#373737;} #related-posts1 ul li a:before{content:"\f046";font-family:'FontAwesome';padding-right:5px;} #related-posts1 h4{color:#21a2d8;border-bottom:1px dashed#E74C3C;font-size:18px;margin-bottom:5px;} #related-posts1 ul{margin-left:0;} #related-posts1.fa{margin-right:5px;} #random-posts img{border-radius:1000px;border:5px solid;color:#dddddd;float:left;margin-right:5px;width:75px;height:75px;background-color:#F5F5F5;padding:3px;transition:all 0.2s linear 0s;} /* search form -------------------------------------- */ .searchform1 { display: inline-block; zoom: 1; /* ie7 hack for display:inline-block */ *display: inline; border: solid 1px #d2d2d2; padding: 3px 5px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); background: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */ } .searchform1 input { font: normal 12px/100% Arial, Helvetica, sans-serif; } .searchform1 .searchfield { background: #fff; padding: 6px 6px 6px 8px; width: 202px; border: solid 1px #bcbbbb; outline: none; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .searchform1 .searchbutton { color: #fff; border: solid 1px #494949; font-size: 11px; height: 27px; width: 27px; text-shadow: 0 1px 1px rgba(0,0,0,.6); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; background: #5f5f5f; background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545)); background: -moz-linear-gradient(top, #9e9e9e, #454545); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */ } .menu-tab .item-1 a:before, .menu-tab .item-2 a:before, .menu-tab .item-3 a:before{ color: #fff; font-family: FontAwesome; font-size: 10px; font-style: normal; font-weight: 400; padding-right: 5px; text-decoration: inherit; } .menu-tab .item-1 a:before { content: "\f09e"; } .menu-tab .item-2 a:before { content: ""; } .menu-tab .item-3 a:before { content: ""; } #random-link { position: absolute; padding-top: 18px; height: 100%; width: 59px; float: right; right: 65px; background: #444; color: #ffffff; display: block; text-align: center; top: 0; transition: all .1s ease-in-out; } #random-link:after { color: #fff; content: "\f074"; font-family: FontAwesome; font-size: 18px; font-style: normal; font-weight: 400; text-align: center; } .social-counter ul li { width: 25%; text-align: center; margin: 0; padding: 0px 0; border-bottom: 1px solid #444; position: relative; } .smoothscroll-top { position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99; background-color:#616161; color:#fff; width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-top:6px; border-radius:0; transition:all 0.5s ease-in-out; transition-delay:0.2s; } .smoothscroll-top:hover { background-color:#00bcd4; color:#fff; transition:all 0.2s ease-in-out; transition-delay:0s; } .smoothscroll-top.show { visibility:visible; cursor:pointer; opacity:1; bottom:25px; } .smoothscroll-top i.fa { line-height:inherit; } .authorboxwrap { Font-family: arial; background: #fff; margin: 10px auto 20px; padding: 2px; overflow: hidden; border: 1px solid #ccc; } .avatar-container { float: left; margin-right: 20px; border: 0px solid silver; padding: 3px; } .authorsocial a { display: inline-block; text-align: center; margin-right: 10px; } a, a:visited { text-decoration: none; font-weight: 200; } a { color: #00bcd4; } .fb_iframe_widget { display: inline-block; position: relative; } .author_description_container h4 { font-family: arial; font-weight: 700; font-size: 16px; display: block; margin: 0; margin-bottom: 2px; } .author_description_container h4 a { color: #ef4824; } a,a:visited{text-decoration:none;font-weight:400} .author_description_container p{margin:0 0 8px;color:#888;font-size:95%;font-family:arial} .authorsocial a i{font-family:Fontawesome;width:30px;height:30px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:100%;transition:all .3s} .alert-message.success{background-color:#333;border-color:#777;color:#ccc} .alert-message{position:relative;display:block;background-color:#FAFAFA;padding:6px;margin-bottom:0;-webkit-border-radius:2px;-moz-border-radius:100%;border-radius:2px;color:#2f3239;border:1px solid} .sharetitle{padding: 7px 0 !important;background-color: #222;color: #FFF;display: block;border-left: 5px solid #03a9f4;} .st-mnr{width:550px;padding: 10px 0;}.khwth-trending-wrapper{height:35px;float:right}li.khwtht{float:right;margin-right:10px;padding:0}.khwtht a{display:block;height:35px;padding:0 15px;font-size:14px;font-weight:bold;line-height:35px;color:#fff;background:#222;border-left:4px solid #00bcd4;} .khwtht a:hover{color:#fff;background:#00bcd4;border-left:4px solid #00bcd4;} #header-inner span { display: none; } a.lienhe { background: #fff; border: 2px solid; position: absolute; font-size: 25px; padding: 3px 10px; top: 10px; right: 10px; }a.lienhe:hover { transform: scale(1.2); } .row1 { max-width: 1150px; margin: 0 auto; } .box_luuy{padding:10px 15px;color:#fff;background:#fa8072;margin:5px 0;transition:.5s;clear:both;box-shadow:3px 4px 4px rgba(0,0,0,.1)} .box_luuy:hover{background:#66689c} .box_luuy a{color:white} .box_luuy a:hover{color:white;text-decoration:underline} .kenshy-btn{border: 2px solid #e74c3c;background:#e74c3c; padding: 5px 15px; margin: 10px 10px 0 0; display: inline-block; width: 200px; text-transform: uppercase; font-weight: 700; font-family: "Roboto",sans-serif; color: #fff!important;letter-spacing:0} .kenshy-btn:hover,.kenshy-btn:focus{-webkit-box-shadow:inset 0 -44px rgba(0,0,0,0.15);box-shadow:inset 0 -44px rgba(0,0,0,0.15);color:#fff!important} .kensy-btn{border: 2px solid #1bbfd2;background:#1bbfd2; padding: 5px 15px; margin: 10px 10px 0 0; display: inline-block; width: 200px; text-transform: uppercase; font-weight: 700; font-family: "Roboto",sans-serif; color: #fff!important;letter-spacing:0} .kensy-btn:hover,.kensy-btn:focus{-webkit-box-shadow:inset 0 -44px rgba(0,0,0,0.15);box-shadow:inset 0 -44px rgba(0,0,0,0.15);color:#fff!important} .kenry-btn{border: 2px solid #2ecc71;background:#2ecc71; padding: 5px 15px; margin: 10px 10px 0 0; display: inline-block; width: 200px; text-transform: uppercase; font-weight: 700; font-family: "Roboto",sans-serif; color: #fff!important;letter-spacing:0} .kenry-btn:hover,.kenry-btn:focus{-webkit-box-shadow:inset 0 -44px rgba(0,0,0,0.15);box-shadow:inset 0 -44px rgba(0,0,0,0.15);color:#fff!important} #wrap { margin: 20px auto; text-align: center; } #wrap br { display: none; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #efa666; } .btn-slide:hover { background-color: #0099cc; } .btn-slide2:hover { background-color: #efa666; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc; } .btn-slide2:hover span.circle2 { color: #efa666; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 span.circle2 { background-color: #efa666; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; } .simplifymed a{display:inline-block;text-align:center;margin-top:10px;margin-right:5px;color:#fff;border-radius:100%;opacity:.9;} .simplifymed a i{font-family:Fontawesome;width:32px;height:32px;line-height:32px;display:block} .simplifymed a:hover{color:#fff;opacity:1;transform:rotate(360deg);} .simplifymed .facebook{background:#1eade8} .simplifymed .twitter{background:#00aced} .simplifymed .googleplus{background:#dd4b39} .simplifymed .rssfeed{background:#ee802f} .tdct { display: inline-block; position: relative; background-color: #00bcd4; color: #fff; font-size: 14px; letter-spacing: -.4px; text-transform: uppercase; font-weight: 700; z-index: 1; margin: 0 0 4px; padding: 1px 15px; background: #10c9eb;} .tagstitle{padding: 4px 20px;background-color: #222;color: #FFF;display: block;border-left: 5px solid #00bcd4;font-weight: bold;} .diino-title .select-tab { float:right; height:25px } .comment_emo_list{padding:0;margin:0 0 15px;clear:both;float:left}.comment_emo_list .item{float:left;text-align:center;height:55px;width:55px;margin:0;padding:10px 0 15px;border-radius:50px}.comment_emo_list .item:hover{background:#eee}.comment_emo_list .item:hover{color:#00bcd4}.comment_emo_list span{display:block;font-weight:500;font-size:14px;letter-spacing:0;color:#c7c7c7;transition:.33s}img.comment_emo{width:23px;height:23px;pointer-events:none;-webkit-user-select:none}.comment-replybox-single .item,.comment-replybox-thread .item{width:53px}.comment_emo_list span{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;-o-user-select:all;} .btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important} .btn ul {margin:0;padding:0} .btn li{display:inline;margin:5px;padding:0;list-style:none;} .demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out} .demo {background-color:#3498DB;} .download {background-color:#1ABC84;} .demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;} .download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;} .demo:before {content:'\f09a';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .comments .thanks-comment{position:relative;margin:10px 0;padding-left:40px;font-style:italic;font-size:16px;quotes:"\201C""\201D""\2018""\2019"} .comments .thanks-comment:before{content:open-quote;position:absolute;top:0;left:0;margin-top:15px;font-size:4em;color:#00bcd4} .smoothscroll-top { position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99; background-color:#00bcd4; color:#fff; width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-top:2px; border-radius:5px; transition:all 0.5s ease-in-out; transition-delay:0.2s; } .smoothscroll-top:hover { background-color:#00bcd4; color:#fff; transition:all 0.2s ease-in-out; transition-delay:0s; } .smoothscroll-top.show { visibility:visible; cursor:pointer; opacity:1; bottom:25px; } .smoothscroll-top i.fa { line-height:inherit; } .diino-author-box { border:1px solid #aaa; background:#222; overflow:hidden; padding:10px; margin:15px 0 } .diino-author-box img { float:left; margin-right:10px; border-radius:3px; height:110px } .diino-author-box p { padding:0 10px 10px; -webkit-margin-before:0; -webkit-margin-after:0 } .diino-author-box b { font-weight:700; font-style:normal; font-size:20px } .diino-social{border-bottom:0}.diino-social{padding:0 10px 10px}.diino-social a{font-size:12px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;padding:7px;display:inline-block;background:#f5f5f5;color:#fff;width:24px;height:24px;border-radius:2px}.diino-social a:hover{background:#00bcd4} @media (max-width: 600px) { .post-ads { width: 100%; } .post-right { margin-left: 0 !important; width: 100%; float: left; } }.post-right { margin: 0 0 0 310px; padding: 0 0 10px } .post-ads { float: left; margin: 0 10px 10px 0; position: relative } p.post-excerpt { margin: 0; padding: 10px; background-color: #ECF0F1; font-size: 17px; line-height: 1.5em; color: #09f }#related-posts { margin: 10px 0 } #related-posts ul li { list-style-type: none; color: #00bcd4; font-size: 16px; line-height: 22px; max-height: 22px; overflow: hidden } #related-posts ul li a { color: #00bcd4 } #related-posts ul li a:hover { color: #00bcd4 } #related-posts h4 { color: #00bcd4; border-bottom: 1px dashed #00bcd4; padding: 5px 0; font-size: 18px; margin-bottom: 5px } #related-posts ul { margin-left: 0; padding: 0 } #related-posts .fa { margin-left: 5px } #related-posts ul li a:before { content: "\f046"; font-family: 'FontAwesome'; color: #00bcd4; padding-left: 5px } #related-posts1 ul li:before { display: none; } div#bsw_bg_m_top { width: 1150px; position: relative; padding: 15px 0 5px 0; margin: auto; max-width: 100%; overflow: hidden; text-align: left; } .post-widget li{display: inline-block;} .menu ul li a,.home-icon{border: 0!important;} .comment_emo_list{padding:0;margin:0 0 15px;clear:both;float:left}.comment_emo_list .item{float:left;text-align:center;height:55px;width:55px;margin:0;padding:10px 0 15px}.comment_emo_list .item:hover{background:#eee}.comment_emo_list .item:hover{color:#00bcd4}.comment_emo_list span{display:block;font-weight:500;font-size:14px;letter-spacing:0;color:#c7c7c7;transition:.33s}img.comment_emo{width:23px;height:23px;pointer-events:none;-webkit-user-select:none}.comment-replybox-single .item,.comment-replybox-thread .item{width:53px}.comment_emo_list span{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;-o-user-select:all;} #entry-header{display: block; color: #555; font: 400 17px Roboto; overflow: hidden; margin: 8px 0; padding: 4px 20px; text-overflow: ellipsis; white-space: nowrap; border-right: 4px solid #00bcd4;border-bottom: 2px solid #00bcd4} #entry-header a{font:400 17px Roboto;color:#666} #entry-header{margin-top:10px;padding:10px 0 0 0;border-bottom:2px solid #00bcd4;border-bottom:0} .alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid} .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239} .alert-message span{font-size:14px!important} .alert-message i{font-size:16px;line-height:20px} .alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74} .alert-message.success a,.alert-message.success span{color:#1d9d74} .alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF} .alert-message.alert a,.alert-message.alert span{color:#378FFF} .alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b} .alert-message.warning a,.alert-message.warning span{color:#8a6d3b} .alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D} .alert-message.error a,.alert-message.error span{color:#F55D5D} ul.list-khwtht.clearfix{margin-top: 25px;} #related-posts{margin:10px 0;border:1px solid #eee;padding:10px;margin-top:10px}#related-posts ul li{text-overflow: ellipsis;white-space: nowrap;margin-right: 10px;list-style-type:none;font-size:14px;line-height:14px;overflow:hidden}#related-posts ul li a{color:#222}#related-posts ul li a:hover{color:#00bcd4}#related-posts ul{margin-left:0;padding:0;-webkit-columns:2;-moz-columns:2;columns:2;}#related-posts .fa{margin-right:5px}#related-posts ul li a:before{content:"\f006";font-family:'FontAwesome';color:#00bcd4;padding-right:5px}#related-posts ul li a:hover:before{content:"\f005"} #tienich{display:none} #tienich:target{background:overlay;display:block;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:99999;transition:all .2s} a.close{z-index:9999;position:absolute;top:0;right:0;font-weight:700;font-size:25px;line-height:50px;color:#222;background:#fff;width:50px;height:50px;text-align:center;display:block} a.close:hover{transform:rotate(90deg)} label ul{background:#222;z-index:999;width:700px;max-width:100%;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-webkit-transition:.5s ease-in-out;margin:10px} label ul li {list-style: none; width: 45%; float: left;} label a{padding:10px;margin-right:10px; display: block; color: #fff; font-size:20px; font-weight:600; text-transform: capitalize; text-decoration: none; text-align: left;transition:1s ease-out} label a:hover,label a:focus{color:#fff} label ul li img {position:relative;top:5px;margin:0 6px 0 0;width:25px;height:25px;border-radius:100%} @media screen and (max-width: 640px){ label ul{margin:0} label ul li {list-style: none; width: 75%; float: left;} label a{margin:0 0 0 10%} } /* CSS Pre Code Highlighter */ pre { padding: 50px 10px 10px 10px; margin: .5em 0; white-space: pre; word-wrap: break-word; overflow: auto; background-color: #2c323c; position: relative; border-radius: 4px; max-height: 500px; } pre::before { font-size: 16px; content: attr(title); position: absolute; top: 0; background-color: #eee; padding: 10px; left: 0; right: 0; color: #fff; text-transform: uppercase; display: block; margin: 0 0 15px 0; font-weight: bold; } pre::after { content: 'Double click to selection'; padding: 2px 10px; width: auto; height: auto; position: absolute; right: 8px; top: 8px; color: #fff; line-height: 20px; transition: all 0.3s ease-in-out; } pre:hover::after { opacity: 0; top: -8px; visibility: visible; } code { font-family: Consolas,Monaco,' Andale Mono','Courier New',Courier,Monospace; line-height: 16px; color: #88a9ad; background-color: transparent; padding: 1px 2px; font-size: 12px; } pre code { display: block; background: none; border: none; color: #e9e9e9; direction: ltr; text-align: left; word-spacing: normal; padding: 0 0; font-weight: bold; } code .token.punctuation { color: #ccc; } pre code .token.punctuation { color: #fafafa; } code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata { color: #777; } code .namespace { opacity: .8; } code .token.property,code .token.tag,code .token.boolean,code .token.number { color: #e5dc56; } code .token.selector,code .token.attr-name,code .token.string { color: #88a9ad; } pre code .token.selector,pre code .token.attr-name { color: #fafafa; } pre code .token.string { color: #40ee46; } code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string { color: #ccc; } code .token.operator { color: #1887dd; } code .token.atrule,code .token.attr-value { color: #009999; } pre code .token.atrule,pre code .token.attr-value { color: #1baeb0; } code .token.keyword { color: #e13200; font-style: italic; } code .token.comment { font-style: italic; } code .token.regex { color: #ccc; } code .token.important { font-weight: bold; } code .token.entity { cursor: help; } pre mark { background-color: #ea4f4e!important; color: #fff!important; padding: 2px; border-radius: 2px; } code mark { background-color: #ea4f4e!important; color: #fff!important; padding: 2px; border-radius: 2px; } pre code mark { background-color: #ea4f4e!important; color: #fff!important; padding: 2px; border-radius: 2px; } .comments pre { padding: 10px 10px 15px 10px; background: #2c323c; } .comments pre::before { content: 'Code'; font-size: 13px; position: relative; top: 0; background-color: #f56954; padding: 3px 10px; left: 0; right: 0; color: #fff; text-transform: uppercase; display: inline-block; margin: 0 0 10px 0; font-weight: bold; border-radius: 4px; border: none; } .comments pre::after { font-size: 11px; } .comments pre code { color: #eee; } .comments pre.line-numbers { padding-left: 10px; } pre.line-numbers { position: relative; padding-left: 3.0em; counter-reset: linenumber; } pre.line-numbers > code { position: relative; } .line-numbers .line-numbers-rows { height: 100%; position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.5em; width: 3em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; padding: 0; } .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; transition: 350ms; } pre[data-codetype='CSS']:before { background-color: #00a1d6; } pre[data-codetype='HTML']:before { background-color: #3cc888; } pre[data-codetype='JavaScript']:before { background-color: #75d6d0; } pre[data-codetype='JQuery']:before { background-color: #e5b460; } pre { user-select: all; -webkit-user-select: all; -moz-user-select: all; } /* Social Media */ #socialcounter{overflow:hidden;margin:0 0 20px 0} #socialcounter h2 {margin:0 0 10px 0;} #socialcounter ul{margin:0} #socialcounter ul a{color:#fff} #socialcounter ul li.social_item-wrapper{float:left;width:48%;text-align:center;margin:0 4% 10px 0;color:#fff} #socialcounter ul li a.social_item{position:relative;display:block;opacity:.9;height:50px;line-height:50px;overflow:hidden} #socialcounter ul li.social_item-wrapper:nth-child(2n+2){margin:0} .social_icon{float:left;line-height:50px;width:41px;font-size:1.3rem} #socialcounter ul li a.social_item.social_facebook{background:#3F5B9B} .fa-facebook.social_icon{background:#2E4372} #socialcounter ul li.social_item-wrapper:hover .fa-facebook.social_icon{background:#3F5B9B} #socialcounter ul li.social_item-wrapper:hover .social_facebook{background:#2E4372} #socialcounter ul li a.social_item.social_twitter{background:#1C97DE} .fa-twitter.social_icon{background:#1571A5} #socialcounter ul li.social_item-wrapper:hover .fa-twitter.social_icon{background:#1C97DE} #socialcounter ul li.social_item-wrapper:hover .social_twitter{background:#1571A5} #socialcounter ul li a.social_item.social_rss{background:#E86321} .fa-user-plus.social_icon{background:#C2521B} #socialcounter ul li.social_item-wrapper:hover .fa-user-plus.social_icon{background:#E86321} #socialcounter ul li.social_item-wrapper:hover .social_rss{background:#C2521B} #socialcounter ul li a.social_item.social_google-plus{background:#E82C2C} .fa-google-plus.social_icon{background:#BF2424} #socialcounter ul li.social_item-wrapper:hover .fa-google-plus.social_icon{background:#E82C2C} #socialcounter ul li.social_item-wrapper:hover .social_google-plus{background:#BF2424} /* Widget Rekomendasi */ #chslidingbox{background:#fff;width:100%;max-width:355px;height:185px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:99;text-align:left;box-shadow:0 1px 0 0 rgba(0,0,0,0.03);transition:all .4s ease-out} .chslidingbox-title{background:#9eb2c0;color:#fff;display:block;height:45px;line-height:45px;width:100%;font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px} .chslidingbox-title span a{font-family:initial;float:right;height:40px;margin:0 0 0 15px;text-align:center;color:#fff;font-size:20px} a#chslidingbox-close,a#chslidingbox-close{margin-right:15px} .chslidingbox-title >span >h2{font-size:20px!important;font-weight:normal!important} .chslidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px} .chslidingbox-container >div{border:none;margin:3px 0;padding:10px 0} .chslidingbox-container >div >span{font-size:14px} .show{bottom:84px} .hide{bottom:-145px} .related-post{font-size:70%} .related-post h4{font-size:150%;margin:0 0 .5em} .related-post-style-2{margin-top:-20px;padding-top:15px;list-style:none} .related-post-style-2 li{padding:0 10px 10px 10px;overflow:hidden} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{width:45px;height:45px;max-width:none;max-height:none;border:0;padding:0;border-radius:3px;float:left;margin:2px 10px 0 0} .related-post-style-2 .related-post-item-title{font-weight:700;font-size:130%;line-height:normal} a.related-post-item-title{color:#95a5a6;transition:all .4s ease-out} a:hover.related-post-item-title{color:#2ecc71;text-decoration:none} .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} #search-icon{position:relative;float:right;display:inline-block;width:46px;height:46px;z-index:20;color:#fff;font-size:18px;line-height:46px;text-align:right;cursor:pointer;margin:0;padding:0;transition:color .3s;text-align: center;} #search-icon:hover{opacity:.6} #search-icon:before{content:"\f002";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #nav-search{position:absolute;right:0;top:53px;z-index:50;display:none;width:302px;height:74px;background-color:#333;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .deco-line{position:absolute;left:0;top:-1px;display:block;width:100%;height:3px;background-color:#00bcd4} .arrow-up{position:absolute;top:-7px;right:17px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #00bcd4} #nav-search #searchform{width:262px;position:absolute;left:20px;top:20px} #searchform{position:relative;height:36px;overflow:hidden} #nav-search #s{width:166px} #s{position:relative;height:34px;padding-left:12px;padding-right:82px;border:1px solid #383838;background:rgba(0,0,0,.2);font-size:13px;color:#eee} #s:focus{color:#fff;outline:none} #searchsubmit{position:absolute;right:2px;top:2px;height:32px;padding:0 10px;color:#fff;background-color:#00bcd4;font-size:12px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:background .3s} #searchsubmit:hover{background-color:#383838} /* Subscribe box by bacsiwindows.com */ #subscribe_box-bsw{background:#d66055;margin:0 0 10px;padding:0 0 10px;} #subscribe_box-bsw h2{padding:10px;margin:0;font:400 20px Roboto;text-align:center;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.12);} #subscribe_box-bsw p{margin:0;padding:15px;text-align:center;letter-spacing:-.35px;color:#f4f4f4;} .u-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:#fff url(https://2.bp.blogspot.com/-WCZ--t5TFbk/WQyAIDz4BjI/AAAAAAAAASg/NyYU5QRk4QIUaa93HvIkWrD9CzIozATiwCLcB/s16/username-icon------bacsiwindows-com.png) no-repeat 7px 48%;color:#444;padding:10px 15px 10px 30px;display:block;border:0;width:80%;box-sizing:border-box;margin:0 auto 10px;} .u-subscribe-box-bsw:focus,.e-subscribe-box-bsw:focus{;} .e-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:#fff url(https://4.bp.blogspot.com/-DAZhj75tYCs/WQyAIMeTjgI/AAAAAAAAASk/desjuq5r1xkNeRIk9PBcDsLYRLyGkzV6ACLcB/s16/email-icon------------bacsiwindows-com.png) no-repeat 7px 48%;color:#444;padding:10px 15px 10px 30px;display:block;border:0;width:80%;box-sizing:border-box;margin:auto;} .s-subscribe-box-bsw{cursor:pointer;border:0;outline:0;display:block;color:#fff;text-decoration:none;background:rgba(6,6,6,0.15);width:40%;margin:20px auto 10px;padding:10px 15px;font:400 16px Roboto;letter-spacing:0;transition:.35s;border-radius:5px;} .s-subscribe-box-bsw:hover{background:rgba(6,6,6,0.25);} /* About Us */ .boxinner{z-index:99;width:100%;height:575px;position:absolute;left:50%;margin-left:-310px;top:70px} .contentbox{position:absolute;background-color:#fff;top:30px;right:0;left:0;bottom:0;box-shadow:0 1px 5px rgba(0,0,0,.1)} headbanger{background:#ff675c;height:70px;width:100%;position:inherit} #textlogo{background:rgba(0,0,0,0.1);color:#fff;line-height:70px;text-align:center;font-size:200%;position:inherit;width:68.5%;box-sizing:initial} #left{background:#fff;color:#666;top:70px;bottom:0;right:0;padding:20px 0 0 0;width:200px;position:inherit} #left a{color:#888;transition:initial;}#left a:hover{color:#fff;} #left i {margin:0 10px 0 0} .taber1,.taber2,.taber3,.taber4,.taber5,.taber6,.taber7{cursor:pointer;padding:15px;color:#888;} .taber1:hover{background:#ff6733;color:#fff}.taber2:hover{background:#e74c3c;color:#fff}.taber3:hover{background:#2980b9;color:#fff}.taber4:hover{background:#27C9E9;color:#fff}.taber5:hover{background:#3ca9d0;color:#fff} .taber6:hover{background:#383838;color:#fff}.taber7:hover{background:#f39c12;color:#fff} #left .taber1:hover a,#left .taber2:hover a,#left .taber3:hover a,#left .taber4:hover a,#left .taber5:hover a,#left .taber6:hover a,#left .taber7:hover a{color:#fff} #aboutus{background:#fafafa;width:62.2%;padding:20px 20px 40px 20px;color:#444;text-align:left;position:inherit;float:left;line-height:normal} #aboutus img{margin:10px auto 0 auto;display:table;border-radius:100%;max-width:140px;box-shadow:0 0 0 5px rgba(0,0,0,.03)} .scrollbarbox{overflow:hidden;text-align:justify;margin:55px 0 0 0} .scrollbarbox .innerone{height:480px;overflow:auto} #popup{display:none;opacity:0;visibility:hidden;transform:scale(1.1);-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;z-index:1003;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .3s,visibility .3s} #popup:target{display:block;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:999;opacity:1;visibility:visible;margin:auto;transform:scale(1.0);} .popup-container{position:relative;margin:0 auto;padding:20px} a.popup-close{position:absolute;border-radius:50px;right:20px;line-height:50px;margin:0 auto;font-size:16px;text-decoration:none;color:rgba(0,0,0,0.2);font-family:fontawesome} a.popup-close:hover{color:rgba(0,0,0,0.6);} .totalposts{margin:auto;display:table;text-align:center} .totalposts .totalnumber{display:inline;font-weight:700;font-size:300%;color:#aaa} .totalposts .totallabel{display:block;color:#aaa;font-weight:700} li.infoarlina{border:0;} li.infoarlina a{background:#ff675c;color:#fff;display:block;margin:16px 0;padding:4px 8px;border-radius:3px;font-size:90%;font-weight:700;transition:background-color .3s;margin-left:100px} li.infoarlina a:hover{background:#e4554b;color:#fff;} @media (min-width:768px){.popup-container{width:600px}} @media (max-width:767px){.popup-container{width:100%}} .socmt h3{ text-transform: uppercase;font-size: 19px;margin: 0;color: #4b4b4b;padding: 10px;position: relative;overflow: hidden;} /* CSS Popular Posts */ .PopularPosts ul{background:#fff;list-style:none;margin:0;padding:0;overflow:hidden;border-radius:0 0 5px 5px;border-top:none} .PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none} .PopularPosts ul{margin:0;list-style:none;color:#222} .PopularPosts ul li img{display:block;margin:0 10px 0 0;width:62px;height:62px;border:1px solid #f5f5f5;overflow:hidden;float:right;border-radius:5px!important} .PopularPosts ul li{background-color:#fff;margin:0;padding:10px 0;padding-right:5px;position:relative;border-bottom:1px solid #f5f5f5;transition:all .3s} .PopularPosts ul li:first-child{border-top:none} .PopularPosts ul li:last-child{border-bottom:none} .PopularPosts ul li a:hover{color:#0181d8!important} .PopularPosts ul li .item-title a,.PopularPosts ul li a{color: #444; font-size: 15px; font-family: 'Roboto',sans-serif; font-weight: 500; transition: all .3s;} .PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#0181d8} .PopularPosts .item-thumbnail{margin:0} .PopularPosts .item-snippet{display:none} .profile-img{display:inline;opacity:1;margin:0 6px 3px 0} .PopularPosts .item-title{padding-bottom:.2em;padding:0 5px} #flippy { text-align: center; } #flippy button { background: #aa65c7; color: #fff; text-align: center; margin: 0 auto; border: none; border-radius: 3px; padding: 8px 16px; margin: 10px auto; font-size: 14px; font-weight: bold; box-shadow: 0px 3px 0px 0px #883da7; vertical-align: middle; cursor: pointer; text-shadow: 0 1px rgba(0, 0, 0, 0.3); transition: background 0.1s ease-in-out; } #flippy button:hover, #flippy button:focus { background: #9e4fbf; outline: none; } #flippanel { padding: 1px; text-align: left; background: #f5f5f5; border: 0px; } #flippanel { padding: 24px; display: none; }
GitHub Repo https://github.com/BottleYourBrand/bumper-sticker-maker

BottleYourBrand/bumper-sticker-maker

A simple tool to automatically generate bumper sticker printable files. Click to change from hundreds of sayings, change fonts, background color and download a print ready PNG file.
GitHub Repo https://github.com/mhowerton91/history

mhowerton91/history

<!DOCTYPE html> <!-- Copyright 2016 Google Inc. All Rights Reserved. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> <html> <head> <meta charset="utf-8"> <title>Chrome Platform Status</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <link rel="manifest" href="/static/manifest.json"> <meta name="theme-color" content="#366597"> <link rel="icon" sizes="192x192" href="/static/img/crstatus_192.png"> <!-- iOS: run in full-screen mode and display upper status bar as translucent --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <link rel="apple-touch-icon" href="/static/img/crstatus_128.png"> <link rel="apple-touch-icon-precomposed" href="/static/img/crstatus_128.png"> <link rel="shortcut icon" href="/static/img/crstatus_128.png"> <link rel="preconnect" href="https://www.google-analytics.com" crossorigin> <!-- <link rel="dns-prefetch" href="https://fonts.googleapis.com"> --> <!-- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> --> <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400" media="none" onload="this.media='all'"> --> <!-- <link rel="stylesheet" href="/static/css/main.css"> --> <style>html,body{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,code,del,dfn,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}blockquote,q{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;quotes:"" ""}blockquote:before,q:before,blockquote:after,q:after{content:""}th,td,caption{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-align:left;font-weight:normal;vertical-align:middle}table{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;border-collapse:separate;border-spacing:0;vertical-align:middle}a img{border:none}*{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-weight:300}h1{font-size:30px}h2,h3,h4{color:#444}h2{font-size:25px}h3{font-size:20px}a{text-decoration:none;color:#4580c0}a:hover{text-decoration:underline;color:#366597}b{font-weight:600}input:not([type="submit"]),textarea{border:1px solid #D4D4D4}input:not([type="submit"])[disabled],textarea[disabled]{opacity:0.5}button,.button{display:inline-block;background:linear-gradient(#F9F9F9 40%, #E3E3E3 70%);border:1px solid #a9a9a9;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-size:10pt}button:not(:disabled):hover{border-color:#515151}button:not(:disabled):active{background:linear-gradient(#E3E3E3 40%, #F9F9F9 70%)}.comma::after{content:',\00a0'}html,body{height:100%}body{color:#666;font:14px "Roboto", sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;background-color:#eee}body.loading #spinner{display:flex}body.loading chromedash-toast{visibility:hidden}#spinner{display:none;align-items:center;justify-content:center;position:fixed;height:calc(100% - 54px - $header-height);max-width:768px;width:100%}#site-banner{display:none;background:#4580c0;color:#fff;position:fixed;z-index:1;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-transform:capitalize;text-align:center;transform:rotate(35deg);right:-40px;top:20px;padding:10px 40px 8px 60px;box-shadow:inset 0px 5px 6px -3px rgba(0,0,0,0.4)}#site-banner iron-icon{margin-right:4px;height:20px;width:20px}#site-banner a{color:currentcolor;text-decoration:none}app-drawer{font-size:14px}app-drawer .drawer-content-wrapper{height:100%;overflow:auto;padding:16px}app-drawer paper-listbox{background-color:inherit !important}app-drawer paper-listbox paper-item{font-size:inherit !important}app-drawer h3{margin-bottom:16px;text-transform:uppercase;font-weight:500;font-size:14px;color:inherit}app-header{background-color:#eee;right:0;top:0;left:0;z-index:1}app-header[fixed]{position:fixed}.main-toolbar{display:flex;position:relative;padding:0 16px}header,footer{display:flex;align-items:center;text-shadow:0 1px 0 white}header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header a{text-decoration:none !important}header nav{display:flex;align-items:center;margin-left:16px}header nav a{background-color:#FAFAFA;background:linear-gradient(to bottom, white, #F2F2F2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);cursor:pointer;font-size:16px;text-align:center;border-radius:3px;border-bottom:1px solid #D4D4D4;border-right:1px solid #D4D4D4;white-space:nowrap}header nav a:active{position:relative;top:1px;left:1px;box-shadow:3px 3px 4px rgba(0,0,0,0.065)}header nav a.disabled{opacity:0.5;pointer-events:none}header nav paper-menu-button{margin:0 !important;padding:0 !important;line-height:1}header nav paper-menu-button .dropdown-content{display:flex;flex-direction:column;contain:content}header aside{background-color:#FAFAFA;background:linear-gradient(to bottom, white, #F2F2F2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid #D4D4D4;border-right:1px solid #D4D4D4;background:url(/static/img/chrome_logo.svg) no-repeat 16px 50%;background-size:48px;background-color:#fafafa;padding-left:72px}header aside hgroup a{color:currentcolor}header aside h1{line-height:1}header aside img{height:45px;width:45px;margin-right:7px}footer{background-color:#FAFAFA;background:linear-gradient(to bottom, white, #F2F2F2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);font-size:12px;box-shadow:0 -2px 5px rgba(0,0,0,0.065);display:flex;flex-direction:column;justify-content:center;text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:3}footer div{margin-top:4px}.description{line-height:1.4}#subheader,.subheader{display:flex;align-items:center;margin:16px 0;max-width:768px}#subheader .num-features,.subheader .num-features{font-weight:400}#subheader div.search input,.subheader div.search input{width:200px;outline:none;padding:10px 7px}#subheader div.actionlinks,.subheader div.actionlinks{display:flex;justify-content:flex-end;flex:1 0 auto;margin-left:16px}#subheader div.actionlinks .blue-button,.subheader div.actionlinks .blue-button{background:#366597;color:#fff;display:inline-flex;align-items:center;justify-content:center;max-height:35px;min-width:5.14em;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;text-transform:uppercase;text-decoration:none;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0.7em 0.57em}#subheader div.actionlinks .blue-button iron-icon,.subheader div.actionlinks .blue-button iron-icon{margin-right:8px;height:24px;width:24px}#subheader div.actionlinks .legend,.subheader div.actionlinks .legend{font-size:18px;cursor:pointer;text-decoration:none}#container{display:flex;flex-direction:column;height:100%;width:100%}#content{margin:16px;position:relative;height:100%}#panels{display:flex;width:100%;overflow:hidden}@media only screen and (min-width: 701px){.main-toolbar .toolbar-content{max-width:768px}app-header{padding-left:200px;left:0 !important}}@media only screen and (max-width: 700px){h1{font-size:24px}h2{font-size:20px}h3{font-size:15px}app-header .main-toolbar{padding:0;display:block}app-header .main-toolbar iron-icon{width:24px}app-drawer{z-index:2}#content{margin-left:0;margin-right:0}header{margin:0;display:block}header aside{display:flex;padding:8px;border-radius:0;background-size:24px;background-position:48px 50%}header aside hgroup{padding-left:48px}header aside hgroup span{display:none}header nav{margin:0;justify-content:center;flex-wrap:wrap}header nav a{padding:5px 10px;margin:0;border-radius:0;flex:1 0 auto}#panels{display:block}#panels nav{display:none}.subheader .description{margin:0 16px}#subheader div:not(.search){display:none}#subheader div.search{text-align:center;flex:1 0 0;margin:0}chromedash-toast{width:100%;left:0;margin:0}}@media only screen and (min-width: 1100px){#site-banner{display:block}}body.loading chromedash-legend{display:none}body.loading chromedash-featurelist{visibility:hidden}body.loading .main-toolbar .dropdown-content{display:none} </style> <!-- <link rel="stylesheet" href="/static/css/metrics/metrics.css"> --> <style>#content h3{margin-bottom:16px}.data-panel{max-width:768px}.data-panel .description{margin-bottom:1em}.metric-nav{list-style-type:none}.metric-nav h3:not(:first-of-type){margin-top:32px}.metric-nav li{text-align:center;border-top-left-radius:3px;border-top-right-radius:3px;background:linear-gradient(to bottom, white, #F2F2F2);box-shadow:1px 1px 4px rgba(0,0,0,0.065);padding:0.5em;margin-bottom:10px}@media only screen and (max-width: 700px){#subheader{margin:16px 0;text-align:center}.data-panel{margin:0 10px}} </style> <script> window.Polymer = window.Polymer || { dom: 'shadow', // Use native shadow dom. lazyRegister: 'max', useNativeCSSProperties: true, suppressTemplateNotifications: true, // Don't fire dom-change on dom-if, dom-bind, etc. suppressBindingNotifications: true // disableUpgradeEnabled: true // Works with `disable-upgrade` attr. When removed, upgrades element. }; var $ = function(selector) { return document.querySelector(selector); }; var $$ = function(selector) { return document.querySelectorAll(selector); }; </script> <style is="custom-style"> app-drawer { --app-drawer-width: 200px; --app-drawer-content-container: { background: #eee; }; } paper-item { --paper-item: { cursor: pointer; }; } </style> <link rel="import" href="/static/elements/metrics-imports.vulcanize.html"> </head> <body class="loading"> <!--<div id="site-banner"> <a href="https://www.youtube.com/watch?v=Rd0plknSPYU" target="_blank"> <iron-icon icon="chromestatus:ondemand-video"></iron-icon> How we built it</a> </div>--> <app-drawer-layout fullbleed> <app-drawer swipe-open> <div class="drawer-content-wrapper"> <ul class="metric-nav"> <h3>All properties</h3> <li><a href="/metrics/css/popularity">Stack rank</a></li> <li><a href="/metrics/css/timeline/popularity">Timeline</a></li> <h3>Animated properties</h3> <li><a href="/metrics/css/animated">Stack rank</a></li> <li><a href="/metrics/css/timeline/animated">Timeline</a></li> </ul> </div> </app-drawer> <app-header-layout> <app-header reveals fixed effects="waterfall"> <div class="main-toolbar"> <div class="toolbar-content"> <header> <aside> <iron-icon icon="chromestatus:menu" drawer-toggle></iron-icon> <hgroup> <a href="/features" target="_top"><h1>Chrome Platform Status</h1></a> <span>feature support & usage metrics</span> </hgroup> </aside> <nav> <a href="/features">Features</a> <a href="/samples" class="features">Samples</a> <paper-menu-button vertical-align="top" horizontal-align="right"> <a href="javascript:void(0)" class="dropdown-trigger">Usage Metrics</a> <div class="dropdown-content" hidden> <!-- hidden removed by lazy load code. --> <a href="/metrics/css/popularity" class="metrics">CSS</a> <a href="/metrics/feature/popularity" class="metrics">JS/HTML</a> </div> </paper-menu-button> </nav> </header> <div id="subheader"> <h2>CSS usage metrics > animated properties > timeline</h2> </div> </div> </div> </app-header> <div id="content"> <div id="spinner"><img src="/static/img/ring.svg"></div> <div class="data-panel"> <p class="description">Percentages are the number of times (as the fraction of all animated properties) this property is animated.</p> <chromedash-feature-timeline type="css" view="animated" title="Percentage of times (as the fraction of all animated properties) this property is animated." ></chromedash-feature-timeline> </div> </div> </app-header-layout> <footer> <p>Except as otherwise noted, the content of this page under <a href="https://creativecommons.org/licenses/by/2.5/">CC Attribution 2.5</a> license. Code examples are <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/LICENSE">Apache-2.0</a>.</p> <div><a href="https://groups.google.com/a/chromium.org/forum/#!newtopic/blink-dev">File content issue</a> | <a href="https://docs.google.com/a/chromium.org/forms/d/1djZD0COt4NgRwDYesNLkYAb_O8YL39eEvF78vk06R9c/viewform">Request "edit" access</a> | <a href="https://github.com/GoogleChrome/chromium-dashboard/issues">File site bug</a> | <a href="https://docs.google.com/document/d/1jrSlM4Yhae7XCJ8BuasWx71CvDEMMbSKbXwx7hoh1Co/edit?pli=1" target="_blank">About</a> | <a href="https://www.google.com/accounts/ServiceLogin?service=ah&passive=true&continue=https://appengine.google.com/_ah/conflogin%3Fcontinue%3Dhttps://www.chromestatus.com/metrics/css/timeline/animated">Login</a> </div> </footer> </app-drawer-layout> <chromedash-toast msg="Welcome to chromestatus.com!"></chromedash-toast> <script> /*! (c) 2017 Copyright (c) 2016 The Google Inc. All rights reserved. (Apache2) */ "use strict";function _classCallCheck(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,r){for(var n=0;n<r.length;n++){var t=r[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(r,n,t){return n&&e(r.prototype,n),t&&e(r,t),r}}(),Metric=function(){function e(r){if(_classCallCheck(this,e),!r)throw Error("Please provide a metric name");if(!e.supportsPerfMark&&(console.warn("Timeline won't be marked for \""+r+'".'),!e.supportsPerfNow))throw Error("This library cannot be used in this browser.");this.name=r}return _createClass(e,[{key:"duration",get:function(){var r=this._end-this._start;if(e.supportsPerfMark){var n=performance.getEntriesByName(this.name)[0];n&&"measure"!==n.entryType&&(r=n.duration)}return r||-1}}],[{key:"supportsPerfNow",get:function(){return performance&&performance.now}},{key:"supportsPerfMark",get:function(){return performance&&performance.mark}}]),_createClass(e,[{key:"log",value:function(){return console.info(this.name,this.duration,"ms"),this}},{key:"logAll",value:function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.name;if(e.supportsPerfNow)for(var n=window.performance.getEntriesByName(r),t=0;t<n.length;++t){var a=n[t];console.info(r,a.duration,"ms")}return this}},{key:"start",value:function(){return this._start?(console.warn("Recording already started."),this):(this._start=performance.now(),e.supportsPerfMark&&performance.mark("mark_"+this.name+"_start"),this)}},{key:"end",value:function(){if(this._end)return console.warn("Recording already stopped."),this;if(this._end=performance.now(),e.supportsPerfMark){var r="mark_"+this.name+"_start",n="mark_"+this.name+"_end";performance.mark(n),performance.measure(this.name,r,n)}return this}},{key:"sendToAnalytics",value:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.name,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.duration;return window.ga?n>=0&&ga("send","timing",e,r,n):console.warn("Google Analytics has not been loaded"),this}}]),e}(); </script> <script> document.addEventListener('WebComponentsReady', function(e) { var timeline = $('chromedash-feature-timeline'); timeline.props = [[469,"alias-epub-caption-side"],[470,"alias-epub-text-combine"],[471,"alias-epub-text-emphasis"],[472,"alias-epub-text-emphasis-color"],[473,"alias-epub-text-emphasis-style"],[474,"alias-epub-text-orientation"],[475,"alias-epub-text-transform"],[476,"alias-epub-word-break"],[477,"alias-epub-writing-mode"],[478,"alias-webkit-align-content"],[479,"alias-webkit-align-items"],[480,"alias-webkit-align-self"],[166,"alias-webkit-animation"],[167,"alias-webkit-animation-delay"],[169,"alias-webkit-animation-duration"],[170,"alias-webkit-animation-fill-mode"],[171,"alias-webkit-animation-iteration-count"],[172,"alias-webkit-animation-name"],[173,"alias-webkit-animation-play-state"],[174,"alias-webkit-animation-timing-function"],[177,"alias-webkit-backface-visibility"],[181,"alias-webkit-background-size"],[481,"alias-webkit-border-bottom-left-radius"],[482,"alias-webkit-border-bottom-right-radius"],[197,"alias-webkit-border-radius"],[483,"alias-webkit-border-top-left-radius"],[484,"alias-webkit-border-top-right-radius"],[212,"alias-webkit-box-shadow"],[485,"alias-webkit-box-sizing"],[218,"alias-webkit-column-count"],[219,"alias-webkit-column-gap"],[221,"alias-webkit-column-rule"],[222,"alias-webkit-column-rule-color"],[223,"alias-webkit-column-rule-style"],[224,"alias-webkit-column-rule-width"],[225,"alias-webkit-column-span"],[226,"alias-webkit-column-width"],[227,"alias-webkit-columns"],[486,"alias-webkit-flex"],[487,"alias-webkit-flex-basis"],[488,"alias-webkit-flex-direction"],[489,"alias-webkit-flex-flow"],[490,"alias-webkit-flex-grow"],[491,"alias-webkit-flex-shrink"],[492,"alias-webkit-flex-wrap"],[493,"alias-webkit-justify-content"],[494,"alias-webkit-opacity"],[495,"alias-webkit-order"],[308,"alias-webkit-perspective"],[309,"alias-webkit-perspective-origin"],[496,"alias-webkit-shape-image-threshold"],[497,"alias-webkit-shape-margin"],[498,"alias-webkit-shape-outside"],[537,"alias-webkit-text-size-adjust"],[326,"alias-webkit-transform"],[327,"alias-webkit-transform-origin"],[331,"alias-webkit-transform-style"],[332,"alias-webkit-transition"],[333,"alias-webkit-transition-delay"],[334,"alias-webkit-transition-duration"],[335,"alias-webkit-transition-property"],[336,"alias-webkit-transition-timing-function"],[230,"align-content"],[231,"align-items"],[232,"align-self"],[386,"alignment-baseline"],[454,"all"],[424,"animation"],[425,"animation-delay"],[426,"animation-direction"],[427,"animation-duration"],[428,"animation-fill-mode"],[429,"animation-iteration-count"],[430,"animation-name"],[431,"animation-play-state"],[432,"animation-timing-function"],[532,"apply-at-rule"],[508,"backdrop-filter"],[451,"backface-visibility"],[21,"background"],[22,"background-attachment"],[419,"background-blend-mode"],[23,"background-clip"],[24,"background-color"],[25,"background-image"],[26,"background-origin"],[27,"background-position"],[28,"background-position-x"],[29,"background-position-y"],[30,"background-repeat"],[31,"background-repeat-x"],[32,"background-repeat-y"],[33,"background-size"],[387,"baseline-shift"],[551,"block-size"],[34,"border"],[35,"border-bottom"],[36,"border-bottom-color"],[37,"border-bottom-left-radius"],[38,"border-bottom-right-radius"],[39,"border-bottom-style"],[40,"border-bottom-width"],[41,"border-collapse"],[42,"border-color"],[43,"border-image"],[44,"border-image-outset"],[45,"border-image-repeat"],[46,"border-image-slice"],[47,"border-image-source"],[48,"border-image-width"],[49,"border-left"],[50,"border-left-color"],[51,"border-left-style"],[52,"border-left-width"],[53,"border-radius"],[54,"border-right"],[55,"border-right-color"],[56,"border-right-style"],[57,"border-right-width"],[58,"border-spacing"],[59,"border-style"],[60,"border-top"],[61,"border-top-color"],[62,"border-top-left-radius"],[63,"border-top-right-radius"],[64,"border-top-style"],[65,"border-top-width"],[66,"border-width"],[67,"bottom"],[68,"box-shadow"],[69,"box-sizing"],[520,"break-after"],[521,"break-before"],[522,"break-inside"],[416,"buffered-rendering"],[70,"caption-side"],[547,"caret-color"],[71,"clear"],[72,"clip"],[355,"clip-path"],[356,"clip-rule"],[2,"color"],[365,"color-interpolation"],[366,"color-interpolation-filters"],[367,"color-profile"],[368,"color-rendering"],[523,"column-count"],[440,"column-fill"],[524,"column-gap"],[525,"column-rule"],[526,"column-rule-color"],[527,"column-rule-style"],[528,"column-rule-width"],[529,"column-span"],[530,"column-width"],[531,"columns"],[517,"contain"],[74,"content"],[75,"counter-increment"],[76,"counter-reset"],[77,"cursor"],[466,"cx"],[467,"cy"],[518,"d"],[3,"direction"],[4,"display"],[388,"dominant-baseline"],[78,"empty-cells"],[358,"enable-background"],[369,"fill"],[370,"fill-opacity"],[371,"fill-rule"],[359,"filter"],[233,"flex"],[234,"flex-basis"],[235,"flex-direction"],[236,"flex-flow"],[237,"flex-grow"],[238,"flex-shrink"],[239,"flex-wrap"],[79,"float"],[360,"flood-color"],[361,"flood-opacity"],[5,"font"],[516,"font-display"],[6,"font-family"],[514,"font-feature-settings"],[13,"font-kerning"],[7,"font-size"],[465,"font-size-adjust"],[80,"font-stretch"],[8,"font-style"],[9,"font-variant"],[533,"font-variant-caps"],[15,"font-variant-ligatures"],[535,"font-variant-numeric"],[549,"font-variation-settings"],[10,"font-weight"],[389,"glyph-orientation-horizontal"],[390,"glyph-orientation-vertical"],[453,"grid"],[422,"grid-area"],[418,"grid-auto-columns"],[250,"grid-auto-flow"],[417,"grid-auto-rows"],[248,"grid-column"],[245,"grid-column-end"],[511,"grid-column-gap"],[244,"grid-column-start"],[513,"grid-gap"],[249,"grid-row"],[247,"grid-row-end"],[512,"grid-row-gap"],[246,"grid-row-start"],[452,"grid-template"],[423,"grid-template-areas"],[242,"grid-template-columns"],[243,"grid-template-rows"],[81,"height"],[534,"hyphens"],[397,"image-orientation"],[507,"image-orientation"],[82,"image-rendering"],[398,"image-resolution"],[550,"inline-size"],[438,"internal-callback"],[436,"isolation"],[240,"justify-content"],[455,"justify-items"],[443,"justify-self"],[391,"kerning"],[83,"left"],[84,"letter-spacing"],[362,"lighting-color"],[556,"line-break"],[20,"line-height"],[85,"list-style"],[86,"list-style-image"],[87,"list-style-position"],[88,"list-style-type"],[89,"margin"],[90,"margin-bottom"],[91,"margin-left"],[92,"margin-right"],[93,"margin-top"],[372,"marker"],[373,"marker-end"],[374,"marker-mid"],[375,"marker-start"],[357,"mask"],[435,"mask-source-type"],[376,"mask-type"],[555,"max-block-size"],[94,"max-height"],[554,"max-inline-size"],[95,"max-width"],[406,"max-zoom"],[553,"min-block-size"],[96,"min-height"],[552,"min-inline-size"],[97,"min-width"],[407,"min-zoom"],[420,"mix-blend-mode"],[460,"motion"],[458,"motion-offset"],[457,"motion-path"],[459,"motion-rotation"],[433,"object-fit"],[437,"object-position"],[543,"offset"],[544,"offset-anchor"],[540,"offset-distance"],[541,"offset-path"],[545,"offset-position"],[548,"offset-rotate"],[542,"offset-rotation"],[98,"opacity"],[303,"order"],[408,"orientation"],[99,"orphans"],[100,"outline"],[101,"outline-color"],[102,"outline-offset"],[103,"outline-style"],[104,"outline-width"],[105,"overflow"],[538,"overflow-anchor"],[106,"overflow-wrap"],[107,"overflow-x"],[108,"overflow-y"],[109,"padding"],[110,"padding-bottom"],[111,"padding-left"],[112,"padding-right"],[113,"padding-top"],[114,"page"],[115,"page-break-after"],[116,"page-break-before"],[117,"page-break-inside"],[434,"paint-order"],[449,"perspective"],[450,"perspective-origin"],[557,"place-content"],[558,"place-items"],[118,"pointer-events"],[119,"position"],[120,"quotes"],[468,"r"],[121,"resize"],[122,"right"],[505,"rotate"],[463,"rx"],[464,"ry"],[506,"scale"],[444,"scroll-behavior"],[456,"scroll-blocks-on"],[502,"scroll-snap-coordinate"],[503,"scroll-snap-destination"],[500,"scroll-snap-points-x"],[501,"scroll-snap-points-y"],[499,"scroll-snap-type"],[439,"shape-image-threshold"],[346,"shape-inside"],[348,"shape-margin"],[347,"shape-outside"],[349,"shape-padding"],[377,"shape-rendering"],[123,"size"],[519,"snap-height"],[125,"speak"],[124,"src"],[363,"stop-color"],[364,"stop-opacity"],[378,"stroke"],[379,"stroke-dasharray"],[380,"stroke-dashoffset"],[381,"stroke-linecap"],[382,"stroke-linejoin"],[383,"stroke-miterlimit"],[384,"stroke-opacity"],[385,"stroke-width"],[127,"tab-size"],[126,"table-layout"],[128,"text-align"],[404,"text-align-last"],[392,"text-anchor"],[509,"text-combine-upright"],[129,"text-decoration"],[403,"text-decoration-color"],[401,"text-decoration-line"],[546,"text-decoration-skip"],[402,"text-decoration-style"],[130,"text-indent"],[441,"text-justify"],[131,"text-line-through"],[132,"text-line-through-color"],[133,"text-line-through-mode"],[134,"text-line-through-style"],[135,"text-line-through-width"],[510,"text-orientation"],[136,"text-overflow"],[137,"text-overline"],[138,"text-overline-color"],[139,"text-overline-mode"],[140,"text-overline-style"],[141,"text-overline-width"],[11,"text-rendering"],[142,"text-shadow"],[536,"text-size-adjust"],[143,"text-transform"],[144,"text-underline"],[145,"text-underline-color"],[146,"text-underline-mode"],[405,"text-underline-position"],[147,"text-underline-style"],[148,"text-underline-width"],[149,"top"],[421,"touch-action"],[442,"touch-action-delay"],[446,"transform"],[559,"transform-box"],[447,"transform-origin"],[448,"transform-style"],[150,"transition"],[151,"transition-delay"],[152,"transition-duration"],[153,"transition-property"],[154,"transition-timing-function"],[504,"translate"],[155,"unicode-bidi"],[156,"unicode-range"],[539,"user-select"],[409,"user-zoom"],[515,"variable"],[393,"vector-effect"],[157,"vertical-align"],[158,"visibility"],[168,"webkit-animation-direction"],[354,"webkit-app-region"],[412,"webkit-app-region"],[175,"webkit-appearance"],[176,"webkit-aspect-ratio"],[400,"webkit-background-blend-mode"],[178,"webkit-background-clip"],[179,"webkit-background-composite"],[180,"webkit-background-origin"],[399,"webkit-blend-mode"],[182,"webkit-border-after"],[183,"webkit-border-after-color"],[184,"webkit-border-after-style"],[185,"webkit-border-after-width"],[186,"webkit-border-before"],[187,"webkit-border-before-color"],[188,"webkit-border-before-style"],[189,"webkit-border-before-width"],[190,"webkit-border-end"],[191,"webkit-border-end-color"],[192,"webkit-border-end-style"],[193,"webkit-border-end-width"],[194,"webkit-border-fit"],[195,"webkit-border-horizontal-spacing"],[196,"webkit-border-image"],[198,"webkit-border-start"],[199,"webkit-border-start-color"],[200,"webkit-border-start-style"],[201,"webkit-border-start-width"],[202,"webkit-border-vertical-spacing"],[203,"webkit-box-align"],[228,"webkit-box-decoration-break"],[414,"webkit-box-decoration-break"],[204,"webkit-box-direction"],[205,"webkit-box-flex"],[206,"webkit-box-flex-group"],[207,"webkit-box-lines"],[208,"webkit-box-ordinal-group"],[209,"webkit-box-orient"],[210,"webkit-box-pack"],[211,"webkit-box-reflect"],[73,"webkit-clip-path"],[213,"webkit-color-correction"],[214,"webkit-column-axis"],[215,"webkit-column-break-after"],[216,"webkit-column-break-before"],[217,"webkit-column-break-inside"],[220,"webkit-column-progression"],[396,"webkit-cursor-visibility"],[410,"webkit-dashboard-region"],[229,"webkit-filter"],[413,"webkit-filter"],[341,"webkit-flow-from"],[340,"webkit-flow-into"],[12,"webkit-font-feature-settings"],[241,"webkit-font-size-delta"],[14,"webkit-font-smoothing"],[251,"webkit-highlight"],[252,"webkit-hyphenate-character"],[253,"webkit-hyphenate-limit-after"],[254,"webkit-hyphenate-limit-before"],[255,"webkit-hyphenate-limit-lines"],[256,"webkit-hyphens"],[258,"webkit-line-align"],[257,"webkit-line-box-contain"],[259,"webkit-line-break"],[260,"webkit-line-clamp"],[261,"webkit-line-grid"],[262,"webkit-line-snap"],[16,"webkit-locale"],[264,"webkit-logical-height"],[263,"webkit-logical-width"],[270,"webkit-margin-after"],[265,"webkit-margin-after-collapse"],[271,"webkit-margin-before"],[266,"webkit-margin-before-collapse"],[267,"webkit-margin-bottom-collapse"],[269,"webkit-margin-collapse"],[272,"webkit-margin-end"],[273,"webkit-margin-start"],[268,"webkit-margin-top-collapse"],[274,"webkit-marquee"],[275,"webkit-marquee-direction"],[276,"webkit-marquee-increment"],[277,"webkit-marquee-repetition"],[278,"webkit-marquee-speed"],[279,"webkit-marquee-style"],[280,"webkit-mask"],[281,"webkit-mask-box-image"],[282,"webkit-mask-box-image-outset"],[283,"webkit-mask-box-image-repeat"],[284,"webkit-mask-box-image-slice"],[285,"webkit-mask-box-image-source"],[286,"webkit-mask-box-image-width"],[287,"webkit-mask-clip"],[288,"webkit-mask-composite"],[289,"webkit-mask-image"],[290,"webkit-mask-origin"],[291,"webkit-mask-position"],[292,"webkit-mask-position-x"],[293,"webkit-mask-position-y"],[294,"webkit-mask-repeat"],[295,"webkit-mask-repeat-x"],[296,"webkit-mask-repeat-y"],[297,"webkit-mask-size"],[299,"webkit-max-logical-height"],[298,"webkit-max-logical-width"],[301,"webkit-min-logical-height"],[300,"webkit-min-logical-width"],[302,"webkit-nbsp-mode"],[411,"webkit-overflow-scrolling"],[304,"webkit-padding-after"],[305,"webkit-padding-before"],[306,"webkit-padding-end"],[307,"webkit-padding-start"],[310,"webkit-perspective-origin-x"],[311,"webkit-perspective-origin-y"],[312,"webkit-print-color-adjust"],[343,"webkit-region-break-after"],[344,"webkit-region-break-before"],[345,"webkit-region-break-inside"],[342,"webkit-region-fragment"],[313,"webkit-rtl-ordering"],[314,"webkit-ruby-position"],[395,"webkit-svg-shadow"],[353,"webkit-tap-highlight-color"],[415,"webkit-tap-highlight-color"],[315,"webkit-text-combine"],[316,"webkit-text-decorations-in-effect"],[317,"webkit-text-emphasis"],[318,"webkit-text-emphasis-color"],[319,"webkit-text-emphasis-position"],[320,"webkit-text-emphasis-style"],[321,"webkit-text-fill-color"],[17,"webkit-text-orientation"],[322,"webkit-text-security"],[323,"webkit-text-stroke"],[324,"webkit-text-stroke-color"],[325,"webkit-text-stroke-width"],[328,"webkit-transform-origin-x"],[329,"webkit-transform-origin-y"],[330,"webkit-transform-origin-z"],[337,"webkit-user-drag"],[338,"webkit-user-modify"],[339,"webkit-user-select"],[352,"webkit-wrap"],[350,"webkit-wrap-flow"],[351,"webkit-wrap-through"],[18,"webkit-writing-mode"],[159,"white-space"],[160,"widows"],[161,"width"],[445,"will-change"],[162,"word-break"],[163,"word-spacing"],[164,"word-wrap"],[394,"writing-mode"],[461,"x"],[462,"y"],[165,"z-index"],[19,"zoom"]]; document.body.classList.remove('loading'); window.addEventListener('popstate', function(e) { if (e.state) { timeline.selectedBucketId = e.state.id; } }); }); </script> <script> /*! (c) 2017 Copyright (c) 2016 The Google Inc. All rights reserved. (Apache2) */ "use strict";!function(e){function r(){return caches.keys().then(function(e){var r=0;return Promise.all(e.map(function(e){if(e.includes("sw-precache"))return caches.open(e).then(function(e){return e.keys().then(function(n){return Promise.all(n.map(function(n){return e.match(n).then(function(e){return e.arrayBuffer()}).then(function(e){r+=e.byteLength})}))})})})).then(function(){return r})["catch"](function(){})})}function n(){"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js").then(function(e){e.onupdatefound=function(){var n=e.installing;n.onstatechange=function(){switch(n.state){case"installed":t&&!navigator.serviceWorker.controller&&o.then(r().then(function(e){var r=Math.round(e/1e3);console.info("[ServiceWorker] precached",r,"KB");var n=new Metric("sw_precache");n.sendToAnalytics("service worker","precache size",e),t.showMessage("This site is cached ("+r+"KB). Ready to use offline!")}));break;case"redundant":throw Error("The installing service worker became redundant.")}}}})["catch"](function(e){console.error("Error during service worker registration:",e)})}var t=document.querySelector("chromedash-toast"),o=new Promise(function(e,r){return window.asyncImportsLoadPromise?window.asyncImportsLoadPromise.then(e,r):void e()});window.asyncImportsLoadPromise||n(),navigator.serviceWorker&&navigator.serviceWorker.controller&&(navigator.serviceWorker.controller.onstatechange=function(e){if("redundant"===e.target.state){var r=function(){window.location.reload()};t?o.then(function(){t.showMessage("A new version of this app is available.","Refresh",r,-1)}):r()}}),e.registerServiceWorker=n}(window); // https://gist.github.com/ebidel/1d5ede1e35b6f426a2a7 function lazyLoadWCPolyfillsIfNecessary() { function onload() { // For native Imports, manually fire WCR so user code // can use the same code path for native and polyfill'd imports. if (!('HTMLImports' in window)) { document.body.dispatchEvent( new CustomEvent('WebComponentsReady', {bubbles: true})); } } var webComponentsSupported = ('registerElement' in document && 'import' in document.createElement('link') && 'content' in document.createElement('template')); if (!webComponentsSupported) { var script = document.createElement('script'); script.async = true; script.src = '/static/bower_components/webcomponentsjs/webcomponents-lite.min.js'; script.onload = onload; document.head.appendChild(script); } else { onload(); } } var button = document.querySelector('app-header paper-menu-button'); button.addEventListener('click', function lazyHandler(e) { this.removeEventListener('click', lazyHandler); var url = '/static/elements/paper-menu-button.vulcanize.html'; Polymer.Base.importHref(url, function() { button.contentElement.hidden = false; button.open(); }, null, true); }); // Google Analytics (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-39048143-1', 'auto'); ga('send', 'pageview'); // End Google Analytics lazyLoadWCPolyfillsIfNecessary(); </script> </body> </html>
GitHub Repo https://github.com/kcartlidge/book-cover

kcartlidge/book-cover

Stand-alone web page to generate very simple book covers as 1800x2700 PNGs. Supports title, subtitle, author, colours, fonts, and an optional background image.
GitHub Repo https://github.com/Mianhassam96/Stylish-Signature-Generator

Mianhassam96/Stylish-Signature-Generator

Stylish Signature Generator lets you create custom digital signatures in various fonts. Personalize with font size, color, bold, italic, and underline styles. Easily drag and position your name, add background images, and download your signature in PNG, JPG, or transparent formats. Perfect for unique document signatures.
GitHub Repo https://github.com/sharjeel2025/elden-ring-text-generator

sharjeel2025/elden-ring-text-generator

Free online tool to create epic golden text in the style of Elden Ring. Customize fonts, colors, backgrounds, and download PNG. Perfect for gamers and creators.
GitHub Repo https://github.com/amir2510/script

amir2510/script

<!DOCTYPE html> <html lang="en" dir="ltr" data-cast-api-enabled="true"> <head><meta name="viewport" content="width=device-width, initial-scale=1"><style name="www-roboto" >@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(//fonts.gstatic.com/s/roboto/v18/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style><script name="www-roboto" >if (document.fonts && document.fonts.load) {document.fonts.load("400 10pt Roboto", "");document.fonts.load("500 10pt Roboto", "");}</script> <link rel="stylesheet" href="/yts/cssbin/www-player-webp-vfl-cDqNB.css" name="www-player"> <style>html {overflow: hidden; }body {font: 12px Roboto, Arial, sans-serif;background-color: #000;color: #fff;height: 100%;width: 100%;overflow: hidden;position: absolute;margin: 0;padding: 0;}#player {width: 100%;height: 100%;}h1 {text-align: center;color: #fff;}.hid {display: none;}h3 {margin-top: 6px;margin-bottom: 3px;}.player-unavailable {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 25px;font-size: 13px;background: url(/img/meh7.png) 50% 65% no-repeat;}.player-unavailable .message {text-align: left; margin: 0 -5px 15px;padding: 0 5px 14px;border-bottom: 1px solid #888;font-size: 19px;font-weight: normal;}.player-unavailable a {color: #167ac6;text-decoration: none;}.yt-embed-thumbnail {background-size: cover;background-position: center;background-repeat: no-repeat;height: 100%;}.ytp-lightweight {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.exp-invert-logo #header:before, .exp-invert-logo .ypc-join-family-header .logo, .exp-invert-logo #footer-logo .footer-logo-icon, .exp-invert-logo #yt-masthead #logo-container .logo, .exp-invert-logo #masthead #logo-container, .exp-invert-logo .admin-masthead-logo a, .exp-invert-logo #yt-sidebar-styleguide-logo #logo { background: no-repeat url(/yts/img/ringo/hitchhiker/logo_small_2x-vfl4_cFqn.png); background-size: 100px 30px; } .exp-invert-logo #yt-masthead #logo-container .logo-red { background: no-repeat url(/yts/img/ringo/hitchhiker/logo_youtube_red_2x-vflOSHA_n.png); background-size: 132px 30px; } @media only screen and (min-width: 0px) and (max-width: 498px), only screen and (min-width: 499px) and (max-width: 704px) { .exp-invert-logo.exp-responsive #yt-masthead #logo-container { background: no-repeat url(/yts/img/ringo/hitchhiker/yt_play_logo_2x-vflXx5Pg3.png); background-size: 40px 28px; } } .guide-sort-container {display: none}</style><script >var ytcsi = {gt: function(n) {n = (n || '') + 'data_';return ytcsi[n] || (ytcsi[n] = {tick: {},info: {}});},now: window.performance && window.performance.timing &&window.performance.now ? function() {return window.performance.timing.navigationStart + window.performance.now();} : function() {return (new Date()).getTime();},tick: function(l, t, n) {ticks = ytcsi.gt(n).tick;var v = t || ytcsi.now();if (ticks[l]) {ticks['_' + l] = (ticks['_' + l] || [ticks[l]]);ticks['_' + l].push(v);}ticks[l] = v;},info: function(k, v, n) {ytcsi.gt(n).info[k] = v;},setStart: function(s, t, n) {ytcsi.info('yt_sts', s, n);ytcsi.tick('_start', t, n);}};(function(w, d) {ytcsi.setStart('dhs', w.performance ? w.performance.timing.responseStart : null);var isPrerender = (d.visibilityState || d.webkitVisibilityState) == 'prerender';var vName = (!d.visibilityState && d.webkitVisibilityState)? 'webkitvisibilitychange' : 'visibilitychange';if (isPrerender) {ytcsi.info('prerender', 1);var startTick = function() {ytcsi.setStart('dhs');d.removeEventListener(vName, startTick);};d.addEventListener(vName, startTick, false);}if (d.addEventListener) {d.addEventListener(vName, function() {ytcsi.tick('vc');}, false);}var slt = function(el, t) {setTimeout(function() {var n = ytcsi.now();el.loadTime = n;if (el.slt) {el.slt();}}, t);};w.__ytRIL = function(el) {if (!el.getAttribute('data-thumb')) {if (w.requestAnimationFrame) {w.requestAnimationFrame(function() {slt(el, 0);});} else {slt(el, 16);}}};})(window, document);</script><script >var ytcfg = {d: function() {return (window.yt && yt.config_) || ytcfg.data_ || (ytcfg.data_ = {});},get: function(k, o) {return (k in ytcfg.d()) ? ytcfg.d()[k] : o;},set: function() {var a = arguments;if (a.length > 1) {ytcfg.d()[a[0]] = a[1];} else {for (var k in a[0]) {ytcfg.d()[k] = a[0][k];}}}};</script> <script src="/yts/jsbin/www-embed-player-vflZppemJ/www-embed-player.js" type="text/javascript" name="www-embed-player/www-embed-player" ></script> <script src="/yts/jsbin/player-vfl8swg2e/en_GB/base.js" name="player/base" ></script> <title>Mally Mall, Jeremih, E-40 - Physical (Official Video) - YouTube</title> <link rel="canonical" href="https://www.youtube.com/watch?v=H9hrWLoz4RY"> </head> <body id="" class="date-20180216 en_GB ltr exp-invert-logo exp-responsive exp-search-big-thumbs site-center-aligned site-as-giant-card webkit webkit-537" dir="ltr"> <div id="player"></div><script >yt.setConfig({'EVENT_ID': "K16LWsCyBpWtWNqfv5gJ",'VIDEO_ID': "dRnrjyJV25I",'WIDGET_ID': 1,'ENABLE_JS_API': true,'POST_MESSAGE_ORIGIN': "https:\/\/tpc.googlesyndication.com",'BG_P': "dKWCz0dJDGki1+aB6rEnSGwmv+9XPiK2qX6c9O49vH2H0oP6yHQnDc2jfcDRI4fOtn5z3MnYZrBxBRXkd+TdhA2OwGuXTf8HDao2K\/0vBKBTtyJy3r+E8D2tYR1SaCS5cExqv\/Dw+JgWW\/kxgvV0XtIXqM5UV6rPzNXmE+mn4caFiB19sw2O+\/gCQI59YsIOG\/8o0cb\/edRP6aYZxom7ksBYk5lTe\/\/\/2C954\/lulZU8pVE9ZBc0M7WVdXUZPI0NgoQyJINxqMr7p8iJKP\/+aR8pgIlzfLh5gLu+RMoqk6i6CyYhTFTheQDfZ21k278AgLkcIRW4Yq7UooRZ8Fb86agmieUCjv6AKLQiqg11IRa84HKRv33RlvfsL6ermUsRWYpL0yVUrFht00iTtb1VtsFMZkpvD6fmty9q1BCjm53qYCfjOuSPwG2fZ+m8Sdr6Aai+IHolOInvPNg+18KzDN7hjaGV7g0hznpIoBpkVj7zKpwptiMRzugjDl6xPoghiDr4a7zjnQ7ircIeOhgG0OXPZjRH7N94LVz\/wuef+qvx5PscMuUdwJKFi6Dm6JkybadQkCL\/\/U0IHAKyWnQwC68F4CgYXtq29Xh4Ujy83zNQO6F+e3G\/g2Az\/IO65EsKNBP4Rc5OCZOWfnKQa9oAvK\/D06qFz9A3C9rH0EOAmsI9w5T0etHWI30Q+owKsWKYcpZB0JgPL2jLU1hTIp5ouNWHKITADwxd6YDrQcSK8iBrrx4+bf7aVNhecUz4umnYKHOtRNutgzpSkSLGhtSZG8TipNWmpFCpo7TqZpmaBWnpMmX1\/g8oDJ0tsWM\/7u6+9LcylSwRoKgKx+1mxUG8mLmmgNQLdE+yirZcalCqPs+LbKMaINE+S4E8tglicM11Zg7Ducvf3aKr9IqenBoHFp+nlwgD2ayalI1dgJvjWWyhlI8uvAkxVvAklwqEwGUTdW4\/NsjXwr0CkaeJxJncijP5n9GzCqrRtVqbDJ9rKkgQVV5VNPCxZZ6uzzhGYHr4hC8Xc5ftLNATZW2r5nIGCroRDGVY9o3rDVD2tvwVUo03ygnEv0zBLvUagENw3pM69nsc2sDyWq8\/GWOUurRzEsczAJjAb6wZXpbhvUwhf3iJbLyZYh0XF44l4qsP8Fb+ImoSDewfvAEY8eIYTjoCO849Dlm8h2Uv90SBXmh9QYDHRnxAgh5TnULFpKJMAcZIXDc2TBmtO3v4TURF4RAoNXJDkhcfnbN2mcwE+6Wa5ZhQR1VDz5FGkAVQEwlTSuTlsWtAI\/gbLIwqA+jQlr8WRcmAJIVI+gEMbHWlp51LGKLzDfO\/+Z+IUexPVj52oZRBUY4kIS7ow8MaLVywLk4v6cI3BWKeU25Dff1l6mu8aHMyS8xPi+YAVtmY8D2e3MZ8omEDo0rxC41cPn7vYs\/7PYXid8J7wQKg0Y5TElOSBqnY3pkwiXpCxZPKRQyo7gQyVgvQ6A2\/2hDvg9p6iGcSvH0xLZQc+0FiMH67ckl8bY+mdqWO24ssbgZsxCM5AXByTejsaLAPVpFqCXjfCDMB3UYtyj0YVSdSZCgygWy9d+4LOEjSdHAHoudrD43xZoj0DlOVoCnusmLr7jZqkR5j236XY\/UjIcwU+5eXB0FHzUlRwy+odtDeLEYwckulfYGEOqY1HderHonc5mfBjrilgL4tz+P9kqXkp4NICKFTATG35nw2ySgI2GYX7oNbJF7cKeRlzV7m9vD+lC6YLPASKC+W4X6m8gGOdCWXB5m2OZmU+RXOwCP9Y9D3mbqF1OIw+iaqLPU5bhZSH\/LWj3EDNiANdEHh\/AiapjnWFqwt\/sGqF+LhTKFSqaKIdjCmC21L4bUineXi9mO5UzzYedgSpMvDbefRkcS7B84zrzplctujC+n+TOXzFmXqo2RlxulytuPLkwwinaMCkqsRSj2Ivx+h6NylzuXn6ir3ql71I262HZ9FEOr2eZDBxyJFAVFJekqKcTcto3pO1P1sHjKw4iEaXaMKJjACbe9StSsN\/MbihfBRkjGseUdja0hvLhyWKr8SZyTKmRzYPuCyu12947GgHwRKk6AV45FZ41ggD4KT8nIlo0+i3A0v5u9W\/BH0BOpMeVDbPkf5Y1l+jnIwcswJQCEnRLXqVBMBXIT8KtdFKJr7vaSKHd7Zny5w3aL6GWPZQH3jFwSn4+8YB+PWjRrRNJeQBY2NLzW7BSPaSRzdp\/NDx8mTxVDbB7rWdzdd7+D4VEzWEY2vtf2jAKOOdX+CCk+7ek3IMe8+ioOxkfo5EBygEYfuvOQPuBrFsZM4liU\/Rk4uFTS91PoreCuAJThzOGMxW7Elx8GSI9U9tHUHOs2hcnBqhqd4LTz5pbR2ZCxztC0AzWts1i\/bInebZATIXzKPdGw5OUVi9P6fJYt3vi4zhzyvpRp5M1RGzsPgedDp16yHaFXR+nGfWqRfOAqFFVnjz0e06mbZ3M5cZyIepsyiN45iHdM5\/YfZCj9Bk1Rru134h6CJPRIBOVG1ya\/Yhs6OQ6MZj5QyUgLxjdYpm65HYLt+Qy8nYFth9QLbMR32P2gEf7Kc88zo4Tcc3H0AqKTZ02QEUiD7wfc0ZVIPqtGhiHYGIPEEhhIkdyQlBJKsNtjMg1Zoq8y8agKmRaKY1CHp4+GaDVKUIInFNR\/Ge5S5TeYXJVJ0hFqLO1E52U3hUxcBq90iKQq2tzfXhCZy+D9zD7zh1qEPGxpkdU4gaSACwqUbWBTocVB0bQn0VNDKQpVxggIXItmg7gTHYOThV7eMpYHO8sRxgPhsBnKsjU2xuXud57bcooCQrPc19bIDN3FiXqJJ4OkfLC9IV2OcTqOUeVMDIvX84sXPfvMPT63veg3nQcSD0aaZeIkX8p2Uepg9pwZQrkbdviR0D0RSzbem2B1IOml7t2YhantgBJ0JXyjCM6PiEoVuQ4J20gmrEy4va+CEdBWEfUWiQNxwTFPE1h9GxSX5VwaUqQ\/AUZ4ytahxxxTY8ff6dv1PvfGPI4MuWjhhCRzP50nrHdFOPNCPRkXeVsQ4bNM17+SYwdaxCpL0u0AcaURx5TawNUG1hgaxyhZVLwrGUlDPoYtA1tPZU7O8m+uSCkaw\/xHZn+aNjTZ4Dxct00uCS1j2qpWQ1ZR1bx5MLeh5z\/W8ukJ1+OV157+wHIBDai6YZlWhQdfHWdd+mEoxNtPwUMdj\/bVTnz4uBZub3tx+6tu0okS53Nni2SPGzu751R2J1wwVC44nzpyVlW386xdFwSu4bcaKt94VRZdgn3mpfAF2oTMll8WZJ9E\/tGv58g24GCnNRbAtqmWPoPttpYKGdKaS4\/zwsZSKoWxMi6tRcIOko7MR0KBW4dbOvX3RldaMyImkJJJPL5o0pHLH+W5S6MJnT\/u4HK8203BFaYVunqveCrslHmpR+Oeag33htt94xJsJcek1VSyxnLEboOn9sBDQw\/go4zs3+PZVZH4uw3UBn1CRl70Z9cL1jF4CA+oe2l03+gNkhvIiW9sCJcu8Ozl9nb4Mz3Rn+b2XIYOHgX\/o0BEKDt9zLB9r03G2u2JKvYIjF\/fF8Gg0\/IKDc8J4+VTGucVfg9IWuRvDcYOyYzYVroAuWqDGKrUf6OSVlaUJzgy9+++5a5FZnEBiWKoUIBvjqYCtM24H5ks\/nnF6LYRFbgkfWjcH0W8Tu4QkXfgHwwc2W0JVS1M199+bqwHDuxsfmqja5LvIl07rq87eAZx5a09ch2Yal1XziQunDUm+h5X+itXULQKuDjpqlD2KyUDKOHWjctHPMgRXAK+ax+G4QNEoDXrgBshfX0BoFIpX\/guICgq\/QGHLZXRRLNiYuKJjCYxxhSvOnCoyN6wMs7AwKOXlXIKegFxhXqMiiM9C+ulzbVCnjn6+l57bufyWQCTPWw70WOdEry4MjGIUgtKZ6L8Jv3FxkzcFpWHB4QkLl3OrIXYT\/N17pJx68cbz1Va75PxJBw2F5KMm\/vfcfYmvIAvtePWpliVgZzvRVYeDrV\/JaTyRbh+o070qo6w86dBgtNJymcw2gjmcoKUBcF2vBJZihZ2KwW+tZ4omGgi58Lh+q+w2Fx6rkqQ9bK\/Vc+kQrKn0cYmHO0BwTAyS3\/LDCxVa79DT+43VjSsFmugX8DcYt51oNO+j\/WTFkwXsu73125M0I0rZqxuGwM4qgO+fSeTMi6fuQI\/mRKtZhSZhy6wrAb3tnGQZw+cGTxHCRoLwPznPcer5VnFcMMTKeETrVM4UFQJcQsQIp6EKfItWvW+5HDZ2O5BmzgPNJMbWp0aaQVztYdWoDprwRqfUGINsz1058pv9o\/Eq7GWDBE8i\/iYCjrQ6cPAA0KVWPaSlxECl\/9JxQIQYTzwhE87p5wrT\/jGVsq3IJr22cPiICTszRkQKsIngStCc9uT\/\/LycjGd\/CFjcg51EBy8aR6qHFFBmky4N77R86h6+8xOAk2YrUyiQpi31o69Gn3ib3BtuypTCdZAsJjcOngAJebbQKFQ6OsPMtLFkm9cjhgR7xecsOkilAFgnwnuWDHK4Q2m8RlcOFyyUw\/\/qBnNQ+p+B42sQPq67Y5VpY5A1TOlpYysaoZRQtxZjtI46cnGpjQSoeagHDe8cOgDgiAVLqmFxC3MAddLfmcbIc8NgY2vFtO3rUoEozkdx6hzgejo+7i0eExw620IftK+DvckUPt3NaRKaElahNKfQX31HG83zVSKYy1IXxx+UQm8L9dFcR84Z2AbKTdiKEjjtEOJiLxMNxCeGD+61GJ6eA7FFMRniqLvFy55MyICpP987sryPV\/intEEoJwdWTMLQ\/s\/8nm+psajYvGjxWeeJk5DIEd9bv+K7E9jtHXO4apeOgPNbTZULQPQG3C0k5vDbo0k6v3hafR+\/bvXhisFyRZsK2OMAN2dwJpi4LzMSYpOZjxzJFPbgEH2kNL1Ep6AJ9dPwZ8QdSvGivUP1LN6EnP5AxOBGaMOSipLAJU7znt7pZ14HngVBnNruk5jzyYNArQiKuBxx8x13l8vvRClutKaDDhjimfQAK3zXWfONmF2+48XjLRjI0Zm0ma9JfyaHG+ZS88c+qA0f1xdJK+CGxCaZFuNwzZ2dvFzrr3fEDgmGufsHLxwOBhLvVs0OSkHl\/JKsHKbV0uMNZuMnyeoadxgb0Q3IlBZLoyMRxVzHNC+TL2KtWmr5tRMBK9MajSWUdNe+4ittuE8CoOTo1NzEO5vGabBa2cs424y3+dquj3uob96RsvAzl6FyFlORPFgfJS0EGDpICtxN5KgwN0qlRJvFwNo24OXcmjqPniSJbvhRrJWaWZwiM+edRsJ+fyHsbKA2owE44YRUKlzguTcTw1osxoyJXIkMgFMiIz52z8oIHL4ceW5Df0Rwf\/zcMOXVtFHrdo2AkseFLN3uemO+t6wSn3NF\/lyCTL6q0t7+lrYVT7lpL3PYiR\/s2HDGNu9BSAQcK8Irrvj5ivDEH21zey5JgWelb9QEZJeyNwdVWyK2JqXuCzVLGAJVO9q+m2\/ibClLJRdrAk0fqVXB9fNcvlyrtsl3ftTrbuDBgg73AFvEO1dLor+g8XjSWka1sVYKlx6QsxwGQbAixMn3zxoCAvRp2HC9ZHNxAQ0WpbhvT\/aFRhLS1xyt9NYKYsHl7DLh9ft2tTn0N6L02w9cmPRlVMJvt8wqyW11DsG+l5OyDJscu5163QExZp7pC1PyLtg\/9OKhFG3LP2tEljXThZWeBkKo5hCRqSKsi016m+X3jc7J134Bm4Jb5jHwD8RtCetfol4SXRmWsg1yZLB2R8Qs99cSCHU9GhP589RTogpxHvMOMRRHwuqXceHbY+7hctY5vfYPGyWlMppNujj1FR0AIUmSF7swpLE5oeyQAGBqTEUrEaS24i5Q9Xlm5145pZN10KjwxNsMG5lGYM7yUtUarEP4Eh29VS7Pah8I1ukhVun0han96x6TduEZ5DWA6LXIrGSvexbGpG34PSN793+QL3KcItqLMnzQAQgrkjyoAcyy8hxPGC39CUZg2SSUZfxkazvKH3OoGcIlPTjiqRwoQ+cjU3tMmW8vL5TOH407DhHMOwuH8KKlWhIFmfvz6RHn260xkui0yCn7okCWkldYuaJ0bfalVQN1tEgCkAHgDISCJ4T59eOR5fImjbpJRKTrSDSMvzoWM1CBMAEuWJ\/cRWS1GxF3YrDeZX9W21qe3XnhnvGZec\/\/6IsXa4qTPkj0alIWuTDHBntZRM3\/HmVCzgqT2CDzQAyh9nDwtIzhcMRLbJd\/aCJmvI3Y+S+VSzUPzMlr2Mgiye6ynZzaPPZH\/XwbpbHntIOrxMCd878PdAs6S4ZYhkRP2VN54mpeBWOrEAvUKgvW9gwqQnMy4dDlBY27bDlD+qc6zoLicoxp1m00gFJsfzxM0+e4i3UzbkjjmBC5NJ+FTNzome2Xtad9R3cVUF5ruaysclUJfj+pPrdpm\/bBzJLg3+C2UuE1ayjipn0zfnpn0ZF3fyOFCoGXvSBwtlY+PxaU31Rrl1uMHemCaeAaKGr2+\/A07ri7vtaR2uF8eq\/IIPhAfax8F52FgoIFVmf1e\/634XbKJ40RcULwX3+T94aYCu07DRglf+wS1OAOIyYf3SmT1GQCZosHSZQsrnwO\/VuLvKxcMrjtNXQP1pdPLn0jogbx4FwHv5oQ1fTYmXljAPVKArZomA8iS5fO115VXU7ca7lhgkTVaALvX1CXLNIAu0mU+aSnam+iuYLrZyJMD\/ZWGkq8GPaFzxp00A3zVmwEENnOOCC8OLRBie0GSVQljNdy5uy\/61FyrnGwUbScu6WxgSbWl45mu0pJ1sdQl6u7jAZvnPBFFhfcSbINTzpr1BgD69cyRJDGqTctiuzFHGi2N+ODnS+iVQW0k5xNYYoh3yo4DThyyDjv+XplyCDkoehs1nZILTlI5big5pKl\/XW+3ngfPG7\/Ey5Mf2aRSjolhaZqA\/aNCxy3em7JsRpRkYa97pJlsc1\/Vq3RmUrCouBtMo5IWnn\/wS7thIHYP7UxsWL6J\/4j4wS+cTQ\/cG0CPX6fSUyJZPATaBarQPL1VRo7CnyzYHibdS0+SVrWtO3X1lbvY7a0j7i6WzSFP\/Z1L4bVI+5i5scx7dANXGieCkD2Ds7zryVmAxMoHGgNRwgJQEpprEi0b\/5JyHWcBPPt4QIYsAzXyTv+BQj4HPTmCwDFLok1qHvu4j2ifAGoAaTYfmdJiJmvJWoJyZEgjinJQ+c+eEjAwCEK6gRigee9giqH\/0EpC2CF+qRFYJ0O+MlPDqpUjpcruCVhgkWWk8hZxUz02lb5m3b4iQhLRawk+uM2Q+V7st2emmPcEoZ977FQYq878CBB41tCoEj1FGTI1xux8YCKoiri2Z45\/lpsyN1TTsnyhp8Cu5fbYg7G+vgqN3KngpddGVtg3oOfaaK6nCpSeoW33PnVQfRKvHlG035ukF+zng5b2QKjpvJiEoVuWwz",'BG_IU': "\/\/www.google.com\/js\/bg\/IOA8y9bJh23yzX_Xx1Lzdpvil-FmhhSrkRF2am8kUAc.js",'XSRF_TOKEN': 'QUFFLUhqbndabm03VVIyaE54RkZXamNJZEJpbk5VZnZMd3xBQ3Jtc0traFhNZm4tT3h5aTlMVk53MGw1Y2l1aktWYklXQlRFX0tfZUdFNXctMlQ2N19DdnM3NnFQT21EQzJpUFc1ZzBRMl9BQjB5V2w4RzJlcE11NTlZUkxEaGs2ekJ1SkJMX2VEdHdHclJfSVZzS1ZjaUlhWk1BcFR6SHk1cFAxeVRNR3J1V0dNZ1BKamtGeFk2Qnhpd2hTM0xDWFRlX2c=','XSRF_FIELD_NAME': 'session_token','EURL': "https:\/\/tpc.googlesyndication.com\/safeframe\/1-0-14\/html\/container.html"});yt.setConfig({APIARY_HOST: "",INNERTUBE_API_KEY: "AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8",INNERTUBE_CONTEXT_CLIENT_VERSION: "20180215",XHR_APIARY_HOST: "youtubei.youtube.com",INNERTUBE_API_VERSION: "v1",INNERTUBE_CONTEXT_CLIENT_NAME: 56,GAPI_HINT_PARAMS: "m;\/_\/scs\/abc-static\/_\/js\/k=gapi.gapi.en.HtLvrA_npCQ.O\/m=__features__\/am=AAE\/rt=j\/d=1\/rs=AHpOoo8wHQU_A1WtgGgcOpQEfGjHuD8e-g",APIARY_HOST_FIRSTPARTY: "",'VISITOR_DATA': "Cgt1NFBiOHktb3hScw%3D%3D",'DELEGATED_SESSION_ID': null,'GAPI_HOST': "https:\/\/apis.google.com",'GAPI_LOCALE': "en_GB",'INNERTUBE_CONTEXT_HL': "en-GB",'INNERTUBE_CONTEXT_GL': "MA",'XHR_APIARY_HOST': "youtubei.youtube.com"});ytcfg.set("ROOT_VE_TYPE", 16623);ytcfg.set("EVENT_ID", "K16LWsCyBpWtWNqfv5gJ");yt.setConfig({'PLAYER_CONFIG': {"assets":{"css":"\/yts\/cssbin\/player-vflWsxn7B\/www-player-webp.css","js":"\/yts\/jsbin\/player-vfl8swg2e\/en_GB\/base.js"},"attrs":{"height":"100%","id":"video-player","width":"100%"},"args":{"iurlhq720_webp":"https:\/\/i.ytimg.com\/vi_webp\/dRnrjyJV25I\/hq720.webp","avg_rating":4.8042813456,"cr":"MA","el":"detailpage","user_display_image":"https:\/\/lh4.googleusercontent.com\/-PPVxqpJidSc\/AAAAAAAAAAI\/AAAAAAAAAW8\/8wD5R1-5bCQ\/photo.jpg","profile_picture":"https:\/\/yt3.ggpht.com\/--7rnjwnIDQw\/AAAAAAAAAAI\/AAAAAAAAAAA\/3GRM5B1PXjs\/s68-c-k-no-mo-rj-c0xffffff\/photo.jpg","vq":"tiny","iurl":"https:\/\/i.ytimg.com\/vi\/dRnrjyJV25I\/hqdefault.jpg","fflags":"html5_default_ad_gain=0.5\u0026mweb_muted_autoplay_animation=shrink\u0026player_external_control_on_classic_desktop=true\u0026html5_tight_max_buffer_allowed_impaired_time=0.0\u0026html5_msi_error_fallback=true\u0026html5_minimum_readahead_seconds=0.0\u0026html5_stall_pctile=true\u0026html5_use_adaptive_live_readahead=true\u0026flex_theater_mode=true\u0026html5_ignore_bad_bitrates=true\u0026html5_sticky_disables_variability=true\u0026html5_live_abr_head_miss_fraction=0.0\u0026html5_min_readbehind_secs=0\u0026enable_live_state_auth=true\u0026html5_break_deadlocks=true\u0026enable_bulleit_lidar_integration=true\u0026html5_mweb_client_cap=true\u0026player_destroy_old_version=true\u0026disable_max_adsense_channel_limit=true\u0026html5_enable_bandwidth_estimation_type=true\u0026embed_show_watchlater_login=true\u0026html5_parse_inline_fallback_host=true\u0026allow_live_autoplay=true\u0026sdk_ad_prefetch_time_seconds=-1\u0026stop_using_ima_sdk_gpt_request_activity=true\u0026html5_background_quality_cap=360\u0026enable_spherical_ps4=true\u0026html5_serverside_biscotti_id_wait_ms=1000\u0026html5_use_has_subfragmented_fmp4=true\u0026limit_of_rebuffering_event_on_html5=1000\u0026html5_bandwidth_window_size=0\u0026vss_dni_delayping=0\u0026html5_vp9_live_blacklist_edge=true\u0026web_player_api_logging_fraction=0.01\u0026fixed_padding_skip_button=true\u0026html5_hopeless_mode_request_size_secs=15\u0026html5_player_autonav_logging=true\u0026sdk_wrapper_levels_allowed=0\u0026html5_live_normal_latency_bandwidth_window=0.0\u0026html5_composite_stall=true\u0026html5_new_peg_to_live_v2=true\u0026show_thumbnail_behind_ypc_offer_module=true\u0026enable_afv_div_reset_in_kevlar=true\u0026html5_min_buffer_to_resume=6\u0026html5_el_migration=true\u0026html5_quality_cap_min_age_secs=0\u0026playready_on_borg=true\u0026html5_max_buffer_duration=0\u0026html5_live_low_latency_bandwidth_window=0.0\u0026html5_progressive_signature_reload=true\u0026html5_suspended_state=true\u0026variable_load_timeout_ms=0\u0026html5_report_conn=true\u0026html5_incremental_parser_buffer_duration_secs=1.5\u0026html5_disable_urgent_upgrade_for_quality=true\u0026html5_strip_emsg=true\u0026html5_start_off_live=0\u0026html5_ad_stats_bearer=true\u0026html5_streaming_xhr_progress_includes_latest=true\u0026html5_manifestless_no_redundant_seek_to_head=true\u0026html5_maximum_readahead_seconds=0.0\u0026html5_drm_generate_request_delay=0\u0026spacecast_uniplayer_decorate_manifest=true\u0026use_new_style=true\u0026live_readahead_seconds_multiplier=0.8\u0026mweb_playsinline=true\u0026html5_enable_embedded_player_visibility_signals=true\u0026html5_video_tbd_min_kb=0\u0026disable_set_awesome_html5=true\u0026html5_new_autoplay_redux=true\u0026enable_prefetch_for_postrolls=true\u0026dynamic_ad_break_pause_threshold_sec=0\u0026html5_preload_size_excludes_metadata=true\u0026html5_mobile_perf_cap_240=true\u0026html5_subsegment_readahead_min_buffer_health_secs=0.25\u0026ad_video_end_renderer_duration_milliseconds=7000\u0026html5_hls_initial_bitrate=0\u0026mpu_visible_threshold_count=2\u0026html5_disable_preserve_reference=true\u0026html5_live_4k_more_buffer=true\u0026html5_suspend_manifest_on_pause=true\u0026html5_enable_mesh_projection=true\u0026html5_incremental_parser_coalesce_slice_buffers=true\u0026mweb_muted_autoplay=true\u0026send_html5_api_stats_ads_abandon=true\u0026uniplayer_dbp=true\u0026dash_manifest_version=5\u0026mweb_enable_skippables_on_iphone=true\u0026html5_platform_minimum_readahead_seconds=0.0\u0026html5_disable_non_contiguous=true\u0026html5_live_abr_repredict_fraction=0.0\u0026html5_disable_move_pssh_to_moov=true\u0026show_thumbnail_on_standard=true\u0026html5_ultra_low_latency_streaming_responses=true\u0026html5_adjust_effective_request_size=true\u0026html5_restrict_streaming_xhr_on_sqless_requests=true\u0026youtubei_for_web=true\u0026html5_ad_no_buffer_abort_after_skippable=true\u0026interaction_click_on_gel_web=true\u0026html5_disable_webgl_antialias=true\u0026autoplay_time=10000\u0026html5_stale_dash_manifest_retry_factor=1.0\u0026html5_widevine_robustness_strings=true\u0026web_embedded_player_service=true\u0026html5_max_headm_for_streaming_xhr=0\u0026kevlar_allow_multistep_video_init=true\u0026deprecate_get_video_metadata=true\u0026html5_enable_ms_playready_hd=true\u0026html5_qoe_unstarted_in_initialization=true\u0026lightweight_watch_video_swf=true\u0026disable_mweb_iphone_ad_click_handling_functionality=true\u0026live_fresca_v2=true\u0026mweb_cougar_big_controls=true\u0026html5_serverside_call_server_on_biscotti_timeout=true\u0026html5_request_sizing_multiplier=0.8\u0026disable_set_awesome_mweb=true\u0026html5_live_probe_primary_host=true\u0026html5_connect_timeout_secs=7.0\u0026html5_min_readbehind_cap_secs=0\u0026player_unified_fullscreen_transitions=true\u0026html5_qoe_intercept=\u0026postroll_notify_time_seconds=5\u0026mweb_cougar_ads_backend=true\u0026html5_allowable_liveness_drift_chunks=2\u0026html5_suspend_loader=true\u0026html5_stop_video_in_cancel_playback=true\u0026html5_live_only_disable_loader=true\u0026live_chunk_readahead=3\u0026html5_prefer_server_bwe3=true\u0026disable_new_pause_state3=true\u0026html5_get_video_info_timeout_ms=0\u0026html5_new_fallback=true\u0026legacy_autoplay_flag=true\u0026html5_post_interrupt_readahead=20\u0026fix_gpt_pos_params=true\u0026persist_text_on_preview_button=true\u0026forced_brand_precap_duration_ms=2000\u0026html5_min_startup_smooth_target=10.0\u0026dynamic_ad_break_seek_threshold_sec=0\u0026html5_min_secs_over_max_bytes=true\u0026disable_client_side_midroll_freq_capping=true\u0026html5_subsegment_readahead_timeout_secs=2.0\u0026html5_ignore_public_setPlaybackQuality=true\u0026html5_vp9_live_whitelist=true\u0026html5_subsegment_readahead_min_buffer_health_secs_on_timeout=0.1\u0026html5_variability_discount=0.5\u0026html5_subsegment_readahead_progress_timeout_fraction=0.8\u0026html5_request_size_min_secs=0.0\u0026fast_autonav_in_background=true\u0026website_actions_throttle_percentage=1.0\u0026html5_streaming_xhr_optimize_lengthless_mp4=true\u0026disable_trusted_ad_domains_player_check=true\u0026html5_live_pin_to_tail=true\u0026mweb_autonav=true\u0026use_fast_fade_in_0s=true\u0026html5_jumbo_ull_subsegment_readahead_target=1.0\u0026html5_error_reload_cooldown_ms=30000\u0026html5_deadzone_multiplier=1.0\u0026html5_min_secs_between_format_selections=8.0\u0026html5_streaming_xhr_buffer_mdat=true\u0026html5_get_video_info_promiseajax=true\u0026html5_subsegment_readahead_always_delay_appends=true\u0026skip_restore_on_abandon_in_bulleit=true\u0026html5_license_constraint_delay=5000\u0026html5_max_av_sync_drift=50\u0026html5_manifestless_accurate_sliceinfo=true\u0026html5_repredict_interval_secs=0.0\u0026html5_new_e2e_latency_tracking=true\u0026html5_subsegment_readahead_tail_margin_secs=0.2\u0026disable_indisplay_adunit_on_embedded=true\u0026playready_first_play_expiration=-1\u0026html5_max_buffer_health_for_downgrade=15\u0026html5_throttle_rate=0.0\u0026html5_aspect_from_adaptive_format=true\u0026html5_live_ultra_low_latency_bandwidth_window=0.0\u0026tvhtml5_background_su=true\u0026html5_elbow_tracking_tweaks=true\u0026mweb_cougar=true\u0026html5_min_upgrade_health=0\u0026html5_adunit_from_adformat=true\u0026html5_serverside_call_server_on_biscotti_error=true\u0026web_player_disable_flash_playerproxy=true\u0026disable_reporting_html5_no_vast_ads_as_error=true\u0026html5_env_data_update_app_only=true\u0026html5_incremental_parser_buffer_extra_bytes=16384\u0026web_player_edge_autohide_killswitch2=true\u0026html5_reselect_bandwidth_factor=3.0\u0026web_player_tabindex_killswitch=true\u0026html5_reattach_resource_after_timeout_limit=0\u0026html5_subsegment_readahead_target_buffer_health_secs=0.5\u0026html5_throttle_burst_secs=15.0\u0026html5_fludd_suspend=true\u0026html5_tight_max_buffer_allowed_bandwidth_stddevs=0.0\u0026safari_enable_spherical=true\u0026html5_observe_live_start_seconds=true\u0026call_release_video_in_bulleit=true\u0026html5_variability_full_discount_thresh=3.0\u0026html5_pipeline_manifestless=true\u0026use_new_skip_icon=true\u0026html5_spherical_bicubic_mode=1\u0026html5_aux_pctile=true\u0026ad_duration_threshold_for_showing_endcap_seconds=15\u0026html5_subsegment_readahead_controlled_by_buffer_health=true\u0026html5_always_enable_timeouts=true\u0026doubleclick_gpt_retagging=true\u0026use_forced_linebreak_preskip_text=true\u0026midroll_notify_time_seconds=5\u0026max_resolution_for_white_noise=360\u0026html5_no_shadow_env_data_redux=true\u0026html5_default_quality_cap=0\u0026html5_max_readahead_bandwidth_cap=0\u0026use_html5_player_event_timeout=true\u0026html5_sticky_ignore_capped=true\u0026enable_mesh_ps4=true\u0026king_crimson_player_redux=true\u0026mweb_autonav_paddles=true\u0026html5_deferred_source_buffer_creation=true\u0026html5_live_disable_dg_pacing=true\u0026desktop_cleanup_companion_on_instream_begin=true\u0026html5_pipeline_ultra_low_latency=true\u0026html5_disable_audio_slicing=true\u0026html5_clearance_fix=true\u0026show_countdown_on_bumper=true\u0026segment_volume_reporting=true\u0026www_for_videostats=true\u0026html5_pause_video_fix=true\u0026html5_sticky_reduces_discount_by=0.0\u0026html5_request_size_max_secs=31\u0026mweb_playsinline_webview=true\u0026html5_background_cap_idle_secs=60\u0026html5_nnr_downgrade_adjacency=true\u0026html5_variability_no_discount_thresh=1.0\u0026html5_local_max_byterate_lookahead=15\u0026website_actions_cta_redesign=true\u0026html5_readahead_ratelimit=3000\u0026html5_nnr_downgrade_count=4\u0026html5_defer_background_errors=true","ucid":"UCCLZfZNgKxUQsCbPod7iVpw","channel_path":"\/channel\/UCCLZfZNgKxUQsCbPod7iVpw","iurlhq_webp":"https:\/\/i.ytimg.com\/vi_webp\/dRnrjyJV25I\/hqdefault.webp","cosver":"6.1","iurlmaxres":"https:\/\/i.ytimg.com\/vi\/dRnrjyJV25I\/maxresdefault.jpg","enablejsapi":"1","rel":"0","author":"EMPIRE","eventid":"K16LWsCyBpWtWNqfv5gJ","short_view_count_text":"549K views • 15 comments","innertube_api_key":"AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8","embed_config":"{}","iurlmq_webp":"htt
GitHub Repo https://github.com/kresp0/txt2gb

kresp0/txt2gb

A script to generate background images with text and font.png for GB Studio