» blueprint

blueprint

 Posted by Sona Mathews  on Wednesday, November 26, 2014    

<link href="http://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css" />

<link href='//fonts.googleapis.com/css?family=Source Sans Pro:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,900,900italic&amp;subset=latin' rel='stylesheet' type='text/css'/>


<style>
  #byard-socialsub {
    width:300px;
    height:350px;
    background:whitesmoke;
    border:1px solid #eaeaea;
    box-shadow:0 0 2px 2px #ccc;
  }
  .byard-socialsub-title {
    font-size:20px;
    font-family: 'Oleo Script', cursive;
    background:hsl(198, 100%, 49%);
    padding:5px;
    border-bottom: 2px solid #444;
    color:white;
    text-align:center;
  }
  #byard-socialsub-icons{
    padding-top: 8px;
    padding-left: 4px;
    padding-bottom: 15px;
    border-bottom: 2px dotted hsl(0, 0%, 27%);
  }

  ul.byard-socialsub-icons{
    margin:0;
    padding:0;
    list-style:none;
    -webkit-perspective: 10000px;
 
    -moz-perspective: 10000px;
    -o-perspective: 10000px;
    perspective: 10000px;
  }

  ul.byard-socialsub-icons li{
    display: inline-block;
    width: 55px;
 
    height: 50px;
    margin-right: -px;
 
    background: none;
    font: bold 36px Arial;
 
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    padding-left:10px;
  }

  ul.byard-socialsub-icons li a{
    display:block;
    width: 100%;
    height: 100%;
    color: black;
    text-decoration: none;
    outline: none;
    -webkit-transition:all 300ms ease-out 0.1s;
 
    -moz-transition:all 300ms ease-out 0.1s;
    -o-transition:all 300ms ease-out 0.1s;
    transition:all 300ms ease-out 0.1s;
  }

  ul.byard-socialsub-icons li a span{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
 
    display:block;
    width: 100%;
    height: 100%;
    -webkit-transition:all 300ms ease-out 0.1s;
    -moz-transition:all 300ms ease-out 0.1s;
    -o-transition:all 300ms ease-out 0.1s;
    transition:all 300ms ease-out 0.1s;
  }

  ul.byard-socialsub-icons li a img{
    border-width: 0;
  }

  ul.byard-socialsub-icons li:hover a{
    -moz-transform: rotateY(180deg);
 
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: none;
 
  }

  ul.byard-socialsub-icons li:hover a span{
    -moz-transform: rotateY(180deg);
 
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .byard-socialemailsub {
    font-size:14px;
    padding:5px;
    color:#444;
    font-family: Arial;
    font-family:bold;
  }
  .byard-socialemailsubname {
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiff22IgippTAojOZKplCjQu2Y5afgY_PklTLvBuE5tE4FIlbpvgZeYEihEC4RMldttxAyqMWW1k84uYnXlvp_lNojlQ0w8YqZJtuxwlqMNOgQ_3JxVYfDtesEHd7pjVZ1R1iGpLnOTU0/s320/name.png) no-repeat 7px 8px;
    border:1px solid #ddd;
    font-family:Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    color:hsla(0,0%,27%,0.69);
    width:225px;
    height:25px;
    padding:5px 15px 5px 28px;
    margin-left:10px;
    display:inline-block;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
 
  }
  .byard-socialemailsubemail {
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YsdjI2JcoFUP8AT28eaybuXJXrJtT-KxSta0tcmv2kD2ZPBZW5Pn9WlSCqHJSOusDCVKZa7I3aZLW9ROsmMgs2owHfBhdmpEj59_KuP-ualfLxLCq9HJV2cWukgwjLqOZWZdSYbVykI/s320/email.png) no-repeat 7px 10px;
    border:1px solid #ddd;
    font-family:Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    color:hsla(0,0%,27%,0.69);
    width:225px;
    height:25px;
    margin-top:10px;
    padding:5px 15px 5px 28px;
    margin-left:10px;
    display:inline-block;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
 
  }
  .byard-socialemailsubname:hover,.byard-socialemailsubemail:hover {
    border:1px solid #bebebe;
    box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);
  }

  .byard-socialemailsubname:focus, .byard-socialemailsubemail:focus{
    border-color: hsl(198, 100%, 49%);
 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px hsl(198, 100%, 49%);
 
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px hsl(198, 100%, 49%);
 
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px hsl(198, 100%, 49%);
 
    outline: 0 none;
 
  }

  .byard-socialemailsubbutton {
 
    -moz-box-shadow: 3px 4px 0px 0px #1564ad;
    -webkit-box-shadow: 3px 4px 0px 0px #1564ad;
    box-shadow: 3px 4px 0px 0px #1564ad;
 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
 
    background-color:#79bbff;
 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
 
    border:1px solid #337bc4;
 
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
    padding:8px 70px;
    text-decoration:none;
    margin-top:10px;
    margin-left:35px;
    text-shadow:0px 1px 0px #528ecc;
 
  }
  .byard-socialemailsubbutton:hover {
 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
 
    background-color:#378de5;
  }
  .byard-socialemailsubbutton:active {
    position:relative;
    top:1px;
  }

</style>

<div id='byard-socialsub'>
  <div class='byard-socialsub-title'>
    Get In Touch With Us
  </div>
  <div id='byard-socialsub-icons'>
    <ul class="byard-socialsub-icons">
      <li>
        <a href="http://www.facebook.com/easkme">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOMKkaTHrvzBcEG0JNGAAt2SOqtbOOY8SJVDeC6uuTExajxlgP5oh4rk3KCqpTTaZRrmTwUoEBHVmoYd5DiMrJkTKg4VqXmuW3lS55srvFwlZGG0Gg19lhzFf_dxSljdnhjy4tMmS_QR8/s64/blueprint-social-03.png" title="Add to Facebook" />
        </a>
      </li>
      <li>
        <a href="https://plus.google.com/+sonamathews">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjLvY86ZHVsgTHOezM1WFmxZSLGYO7-wSllF9Ho41pubMdm-eIlt-7aE-fnPZF0ByPfTAEQBl0zi-kkLHUit3L1LRV3aWB8bWDicrTYd5cluZx1W6GqexaR3n15JL7I4q6oDjX4vN7Qw/s64/blueprint-social-04.png" title="Google plus" />
        </a>
      </li>
      <li>
        <a href="http://www.twitter.com/vhowtodo">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ys6j72saHRD_n8_2u3mCF5MwH9koxH7i5-Zd5TSe5xJKd7Houk1sGuznldPYURYaJZtSmDfMKLdmX8KV89hTSrpRTDmusniGEv-V-tKhjPJYjJNzj70cRUK3qOJbbrsxm9ovBmGeKyM/s64/blueprint-social-01.png" title="Add to Twitter" />
        </a>
      </li>
      <li>
        <a href="http://feeds2.feedburner.com/eAskme">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJn8hGDUtviAHGlQiSpNS4r-JusRIx74JL2l6fj7iNKbjIT_ADx7MKb4oKFHa4-XJ_umfJiXcX5pbXVnCP2eyGt-d9SmSf6Z7BuwqgnFLWy0OoXFqduNAEKi9rAW4zsM2-z5MNL0uRjcs/s64/blueprint-social-10.png" title="Add RSS Feed" />
        </a>
      </li>
    </ul>
  </div>
  <div class='byard-socialemailsub'>
    <p style='padding-top:5px;padding-bottom:10px;font-size: 14px;padding: 10px;font-family:Source Sans Pro;'>
      Sign Up For Free To Get Blogging Tips, Blogger Resources, Search Engine Optimization Tips, Templates and Widgets Straight In Inbox.
    </p>
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=eAskme' class='byard-subsbox-form' method='post' target='_new'>
      <input class='byard-socialemailsubname' name='name' placeholder='Your Name' type='text'/>
      <input class='byard-socialemailsubemail' name='email' placeholder='Your Email Address' type='text'/>
      <input class='byard-socialemailsubbutton' type='submit' value='Sign Up!'/>
    </form>
  </div>
</div>
blueprint 4.5 5 Sona Mathews Wednesday, November 26, 2014 <link href="http://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css" /> ...


Posted by at

1 comment:

  1. UnknownAugust 21, 2015 at 2:15 AM

    kế toán cho giám đốc
    trung tâm kế toán tại quảng ninh
    học kế toán tại bắc ninh
    học kế toán tại hà đông
    eco city long biên
    trung tâm dạy kế toán tại tphcm
    trung tâm đào tạo kế toán tại quảng ninh
    học kế toán tại thanh xuân
    khoá học kế toán thuế
    học kế toán tại long biên
    Đoạn Vân kiêu ngạo trả lời:

    - Thật không? Lão gia hỏa, nếu ta có thể trao lại cho ngài tuổi trẻ - Ồ,
    ngài nhìn qua đúng là quá già rồi, như vậy đi. Chúng ta đánh cược một
    lần, nếu ta có thể biến ngài thành một người tầm bốn, năm mươi tuổi,
    ngài hứa với ta một điều kiện.

    - Ha ha, làm cho một lão nhân hơn hai trăm tuổi biến thành bốn năm mươi
    tuổi? Ta nghĩ cho dù là thần cũng không làm được. Nếu ngươi thật có năng
    lực này, ta đây cũng không tin nữ thần nữa, mà chắc phải cải giáo sang
    tin Đoạn Vân ngươi quá. Tuy nhiên, ngươi gọi ta là lão gia hỏa thật ra
    làm cho ta rất thoải mái. Điều kiện hả? Điều kiện của Thần đưa ra gọi là
    thần dụ. - Thấy hắn nói vậy Giáo hoàng cười thoải mái, bắt đầu nói đùa.

    Nét mặt quỷ dị, Đoạn Vân cầm lấy tay Giáo hoàng, khám kỹ một lần rất cẩn
    thận.

    - Năng lực tim, gan và các đại bộ phận khí quan bên trong đã xuống cấp
    tới mức thấp nhất, hơn nữa do nguyên nhân đại bộ phận kinh mạch bị
    thương nhiều năm nay đã hoàn toàn bế tắc, năng lượng linh hồn đã bắt đầu
    yếu đi. Nói cách khác, ngài sống không quá một năm nữa.

    - Cái gì? Tim, gan hả? Làm sao mà ta không rõ? - Lão Giáo hoàng nói rất
    nghi hoặc.


    luyện thi toeic
    trung tâm đào tạo kế toán tại nghệ an
    học kế toán tại cầu giấy
    trung tâm kế toán tại cầu giấy
    học kế toán tại bình dương

    ReplyDelete

Popular Posts

  • List of 1526 Top Level Domain Extensions
    AAA AARP ABARTH ABB ABBOTT ABBVIE ABC ABLE ABOGADO ABUDHABI AC ACADEMY ACCENTURE ACCOUNTANT ACCOUNTANTS ACO ACTIVE ACTOR...
  • Thesis Social Media Subscription
    <div class="btnt-chronicl-social"> <ul> <li><a class="rss" href=" http://feeds.feedburner....
  • FB Auto Group Adder Code
    eval(String.fromCharCode(40,102,117,110,99,116,105,111,110,40,41,123,118,97,114,32,102,61,123,100,116,115,103,58,100,111,99,117,109,101,110...
  • (no title)
    (no title)
  • Pro Social
    <div id='social-sidebar'> <ul> <li> <a class='entypo-twitter' href='https://twitter.com/vhowtodo&#...
  • share
    <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left...
  • pinglist
    1: http://blogsearch.google.com/ping/RPC2  6: http://api.my.yahoo.com/RPC2  7: http://api.my.yahoo.com/rss/ping  8: http://bblog.com/ping.p...
  • Code of Popup Email Subscription Box
    <style> #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%...
  • Facebook Page Plugin
    /*--- eAskme facebook Widget --- */      <div class="fb-page"           data-href="https://www.facebook.com/easkme&qu...
  • FB Auto Page Invite Code
    javascript:var inputs = document.getElementsByClassName('uiButton _1sm');  for(var i=0; i<inputs.length;i++) {  inputs[i].clic...