How To Protect Your Blogger Content Using CSS Scripts

Copy And past this script Befor or After your b:skin script in your theme editor HTML

How To Protect Your Blogger Content Using CSS Scripts

How To Protect Your Blogger Content Using CSS Scripts



<style type='text/css'>

.post-body .textunderline a{color:#222;text-decoration:none;font-size:13px}

.post-body .textunderline a:hover{color:#000;}

.post-body .textunderline a{text-decoration:none;font-size:1em;position:relative;transition:all 0.6s}

.post-body .textunderline a:before{content:&quot;&quot;;width:0;height:1px;position:absolute;bottom:0;left:50%;background:#222;transition:all 0.3s}

.post-body .textunderline a:hover:before{width:100%;left:0;background:#000}

  

.post-body a{color:#000;text-decoration:underline}

.post-body a:hover{color:#009ED3}


#sub-footer-wrapper .copyright-area a{color:#fff;}

#sub-footer-wrapper .copyright-area a:hover{color:#fff;}

#sub-footer-wrapper .copyright-area a{text-decoration:none;font-size:1em;position:relative;transition:all 0.6s}

#sub-footer-wrapper .copyright-area a:before{content:&quot;&quot;;width:0;height:0.1em;position:absolute;bottom:0;left:50%;background:#fff;transition:all 0.3s}

#sub-footer-wrapper .copyright-area a:hover:before{width:100%;left:0;background:#fff}


/*Alert Message*/

  

.alert-message{position:relative;display:block;background-color:#009ED3;padding:1.2em 1.5em;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:8px;color:#000;border:3px solid;text-align:center;font-size:13.5px}

  

.alert-message:before{content:&quot;&quot;;position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #80CFE9 #80CFE9;background:#E0F3FA;display:block;width:0}

  

.alert-message:hover:before{display:none}


.alert-message i{font-size:13.5px;line-height:20px;margin-right:5px}

  

.alert-message.success{background-color:#E0F3FA;border-color:#B3E2F2;color:#000}

.alert-message.success a,.alert-message.success span{color:#000}

.alert-message.success{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}



  

kbd{font-family:&#39;Source Sans Pro&#39;,sans-serif;font-size:85%;overflow-wrap:break-word;word-wrap:break-word;position:relative;color:#000;background:linear-gradient(to right,#E0F3FA,#E0F3FA);padding:.1rem .3rem .2rem;border-radius:.2rem}


kbd:before{position:absolute;content:&#39;Double click to select&#39;;display:table;bottom:27px;left:0;background:#009ED3;color:#fff;padding:7px;border-radius:3px;font-size:85%;line-height:1;opacity:0;visibility:hidden;z-index:2;transition:all .3s}


kbd:hover:before{opacity:1;visibility:visible}

  

  

kbd, .comment-content{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text}


.password{-webkit-user-select:all;-khtml-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}

.password:before{position:absolute;content:&#39;Click to select.&#39;;display:table;bottom:29px;right:0;color:#000;padding:6px;border-radius:3px;font-size:85%;line-height:1;opacity:0;visibility:hidden;z-index:2;transition:all .3s}

.password:hover:before{opacity:1;visibility:visible}

  

password{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text}

password{user-select:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;-khtml-user-select:all}


.post-body blockquote kbd{background:#009ED3;color:#fff;}


.progress-bar{background:linear-gradient(90deg,#009ED3 10%,#4DBBE0 90%);opacity:.95;position:fixed;top:0;left:0;height:2px;z-index:999;transition:all .4s cubic-bezier(.47,1.64,.41,.8)}

  

body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none}

  

/* Label */

.list-label-widget-content ul li{position:relative;overflow:hidden;display:inline-block;list-style:none;margin:0 2.5px 5px 2.5px;padding:0;font-size:13px;width:48%;float:left}

.list-label-widget-content ul li:hover{background:#009ED3;color:#fff}

.list-label-widget-content ul li:hover a{background:#009ED3;color:#fff}

.list-label-widget-content ul{padding:0}

.list-label-widget-content ul a{background:#E0F3FA;color:#222;padding:8px 12px;display:block;font-size:13px;transition:initial;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:3px;font-weight:normal!important;}

.list-label-widget-content ul a:before{content:&quot;\f07b&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin-right:6px;color:#009ED3}

.list-label-widget-content ul a:hover::before{content:&quot;\f07c&quot;;margin-right:4px;color:#fff}

  

/* Styles for Accordion */

.post-body .faq-toggle{color:#222}

.post-body .toggle:last-child{border-bottom:1px solid #E0F3FA}

.post-body .toggle .toggle-title{position:relative;display:block;border-top:1px solid #E0F3FA;margin-bottom:6px}

.post-body .toggle .toggle-title h3{font-size:13px;margin:0;line-height:1;cursor:pointer;font-weight:700;display:block;text-align:left;color:inherit}

.post-body .toggle .toggle-inner{padding:6px 15px 5px 15px;display:none;margin:-6px 0 6px}

.post-body .toggle .toggle-inner div{max-width:100%}

.post-body .toggle .toggle-inner{font-size:12.5px}

.post-body .toggle .toggle-title .title-name{display:block;padding:15px 15px 7px}

.post-body .toggle .toggle-title a i{margin-right:5px}

.post-body .toggle .toggle-title i{position:absolute;background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmzIpguQXXFwSYmiUjAk8KtTIIt9mCDz_RW7B0NxrOlPgCUWtBqiHNxl77tbyJ43uMF4b4kd0YjlEhrve2U_vfhCW-tlZj93znboHPQ4GYhT4SGP3vmIZLvIxvs9S1VzN4LcnRPME_TEk/s1600/plus_minus.png&quot;) 0 -20px no-repeat;width:20px;height:24px;transition:all 0.3s ease;margin:6px;right:0}

.post-body .toggle .toggle-title.active i{background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmzIpguQXXFwSYmiUjAk8KtTIIt9mCDz_RW7B0NxrOlPgCUWtBqiHNxl77tbyJ43uMF4b4kd0YjlEhrve2U_vfhCW-tlZj93znboHPQ4GYhT4SGP3vmIZLvIxvs9S1VzN4LcnRPME_TEk/s1600/plus_minus.png&quot;) 0 0 no-repeat}

</style>




Post a Comment

0 Comments