dimaslanjaka

custom gadget ku

Apr 8th, 2017
162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.22 KB | None | 0 0
  1. <style>
  2.   blockquote{
  3.     display:block;
  4.     background: #fff;
  5.     padding: 15px 20px 15px 45px;
  6.     margin: 0 0 20px;
  7.     position: relative;
  8.     /*Font*/
  9.     font-family: Georgia, serif;
  10.     font-size: 16px;
  11.     line-height: 1.2;
  12.     color: #666;
  13.     text-align: justify;
  14.     /*Borders - (Optional)*/
  15.     border-left: 15px solid #c76c0c;
  16.     border-right: 2px solid #c76c0c;
  17.     /*Box Shadow - (Optional)*/
  18.     -moz-box-shadow: 2px 2px 15px #ccc;
  19.     -webkit-box-shadow: 2px 2px 15px #ccc;
  20.     box-shadow: 2px 2px 15px #ccc;
  21.   }
  22.   blockquote::before{
  23.     content: "\201C";
  24.     /*Unicode for Left Double Quote*/
  25.     /*Font*/
  26.     font-family: Georgia, serif;
  27.     font-size: 60px;
  28.     font-weight: bold;
  29.     color: #999;
  30.     /*Positioning*/
  31.     position: absolute;
  32.     left: 10px;
  33.     top:5px;
  34.   }
  35.   blockquote::after{
  36.     /*Reset to make sure*/
  37.     content: "";
  38.   }
  39.   blockquote a{
  40.     text-decoration: none;
  41.     background: #eee;
  42.     cursor: pointer;
  43.     padding: 0 3px;
  44.     color: #c76c0c;
  45.   }
  46.   blockquote a:hover{
  47.     color: #666;
  48.   }
  49.   blockquote em{
  50.     font-style: italic;
  51.   }
  52.   /*---- Compatible contact Form by MBT -----*/
  53.   .contact-form-name, .contact-form-email, .contact-form-email-message {
  54.     max-width: 220px;
  55.     width: 100%;
  56.     font-weight:bold;
  57.   }
  58.   .contact-form-name {
  59.     background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px;
  60.     background-color: #FFF;
  61.     border: 1px solid #ddd;
  62.     box-sizing: border-box;
  63.     color: #A0A0A0;
  64.     display: inline-block;
  65.     font-family: Arial,sans-serif;
  66.     font-size: 12px;
  67.     font-weight:bold;
  68.     height: 24px;
  69.     margin: 0;
  70.     margin-top: 5px;
  71.     padding: 5px 15px 5px 28px;
  72.     vertical-align: top;
  73.   }
  74.   .contact-form-email {
  75.     background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 10px;
  76.     background-color: #FFF;
  77.     border: 1px solid #ddd;
  78.     box-sizing: border-box;
  79.     color: #A0A0A0;
  80.     display: inline-block;
  81.     font-family: Arial,sans-serif;
  82.     font-size: 12px;
  83.     font-weight:bold;
  84.     height: 24px;
  85.     margin: 0;
  86.     margin-top: 5px;
  87.     padding: 5px 15px 5px 28px;
  88.     vertical-align: top;
  89.   }
  90.   .contact-form-email:hover, .contact-form-name:hover{
  91.     border: 1px solid #bebebe;
  92.     box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
  93.     padding: 5px 15px 5px 28px;
  94.   }
  95.   .contact-form-email-message:hover {
  96.     border: 1px solid #bebebe;
  97.     box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
  98.     padding: 10px;
  99.   }
  100.   .contact-form-email-message {
  101.     background: #FFF;
  102.     background-color: #FFF;
  103.     border: 1px solid #ddd;
  104.     box-sizing: border-box;
  105.     color: #A0A0A0;
  106.     display: inline-block;
  107.     font-family: arial;
  108.     font-size: 12px;
  109.     margin: 0;
  110.     margin-top: 5px;
  111.     padding: 10px;
  112.     vertical-align: top;
  113.     max-width: 350px!important;
  114.     height: 150px;
  115.     border-radius:4px;
  116.   }
  117.   .contact-form-button {
  118.     cursor:pointer;
  119.     height: 32px;
  120.     line-height: 28px;
  121.     font-weight:bold;
  122.     border:none;
  123.   }
  124.   .contact-form-button {
  125.     display: inline-block;
  126.     zoom: 1;
  127.     /* zoom and *display = ie7 hack for display:inline-block */
  128.     *display: inline;
  129.     vertical-align: baseline;
  130.     margin: 0 2px;
  131.     outline: none;
  132.     cursor: pointer;
  133.     text-align: center;
  134.     text-decoration: none;
  135.     font: 14px/100% Arial, Helvetica, sans-serif;
  136.     padding: .5em 2em .55em;
  137.     text-shadow: 0 1px 1px rgba(0,0,0,.3);
  138.     -webkit-border-radius: .5em;
  139.     -moz-border-radius: .5em;
  140.     border-radius: .5em;
  141.     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  142.     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  143.     box-shadow: 0 1px 2px rgba(0,0,0,.2);
  144.   }
  145.   .contact-form-button:hover {
  146.     text-decoration: none;
  147.   }
  148.   .contact-form-button:active {
  149.     position: relative;
  150.     top: 1px;
  151.   }
  152.   .MBT-button-color {
  153.     color: #fef4e9;
  154.     border: solid 1px #da7c0c;
  155.     background: #f78d1d;
  156.     background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  157.     background: -moz-linear-gradient(top, #faa51a, #f47a20);
  158.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
  159.   }
  160.   .MBT-button-color:hover {
  161.     background: #f47c20;
  162.     background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  163.     background: -moz-linear-gradient(top, #f88e11, #f06015);
  164.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
  165.     border-color: #F47C20!important;
  166.   }
  167.   .MBT-button-color:active {
  168.     color: #fcd3a5;
  169.     background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  170.     background: -moz-linear-gradient(top, #f47a20, #faa51a);
  171.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
  172.   }
  173. </style>
  174. <!--[if IE 9]>
  175. <style>
  176. .contact-form-name {
  177. background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 0px;
  178. }
  179. .contact-form-email {
  180. background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 6px;
  181. }
  182. </style>
  183. <![endif]-->
  184. <style>
  185.   @media screen and (-webkit-min-device-pixel-ratio:0) {
  186.     .contact-form-name {
  187.       background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 6px;
  188.       padding: 15px 15px 15px 28px;
  189.     }
  190.     .contact-form-email {
  191.       background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 8px;
  192.       padding: 15px 15px 15px 28px;
  193.     }
  194.     .contact-form-email:hover, .contact-form-name:hover{
  195.       padding: 15px 15px 15px 28px;
  196.     }
  197.     .contact-form-button {
  198.       height: 28px;
  199.     }
  200.   }
  201. </style>
  202. <h2>This Site
  203.   <a href="http://www.copyscape.com/">
  204.     <img src="http://www.copyscape.com/img/copyscape-banner-white-200x25.png" width="200" height="25" border="0" alt="Protected by Copyscape" title="Protected by Copyscape Plagiarism Checker - Do not copy content from this page." />
  205.   </a>
  206. </h2>
Advertisement
Add Comment
Please, Sign In to add comment