API tools faq
paste
Advertisement
gavesc7

CSS_Buttons

gavesc7
May 23rd, 2015
317
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.59 KB | None | 0 0
raw download clone embed print report
  1. /***************Creo el aspecto de los botones********************/
  2.     .boton {
  3.         -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
  4.         -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
  5.         box-shadow: 0px 1px 0px 0px #f0f7fa;
  6.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #0255d1));
  7.         background:-moz-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  8.         background:-webkit-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  9.         background:-o-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  10.         background:-ms-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  11.         background:linear-gradient(to bottom, #33bdef 5%, #0255d1 100%);
  12.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#0255d1',GradientType=0);
  13.         background-color:#33bdef;
  14.         -moz-border-radius:6px;
  15.         -webkit-border-radius:6px;
  16.         border-radius:6px;
  17.         border:1px solid #057fd0;
  18.         display:inline-block;
  19.         cursor:pointer;
  20.         color:#ffffff;
  21.         font-family:Arial;
  22.         font-size:15px;
  23.         font-weight:bold;
  24.         padding:6px 24px;
  25.         text-decoration:none;
  26.         text-shadow:0px -1px 0px #5b6178;
  27.     }
  28.     .boton:hover {
  29.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0255d1), color-stop(1, #33bdef));
  30.         background:-moz-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  31.         background:-webkit-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  32.         background:-o-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  33.         background:-ms-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  34.         background:linear-gradient(to bottom, #0255d1 5%, #33bdef 100%);
  35.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0255d1', endColorstr='#33bdef',GradientType=0);
  36.         background-color:#0255d1;
  37.     }
  38.    
  39.  
  40.     .boton_sup {
  41.         -moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
  42.         -webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
  43.         box-shadow:inset 0px -3px 7px 0px #29bbff;
  44.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
  45.         background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  46.         background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  47.         background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  48.         background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  49.         background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
  50.         background-color:#2dabf9;
  51.         -moz-border-radius:3px;
  52.         -webkit-border-radius:3px;
  53.         border-radius:3px;
  54.         border:1px solid #0b0e07;
  55.         display:inline-block;
  56.         cursor:pointer;
  57.         color:#ffffff;
  58.         font-family:Arial;
  59.         font-size:15px;
  60.         padding:9px 23px;
  61.         text-decoration:none;
  62.         text-shadow:0px 1px 0px #263666;
  63.     }
  64.     .boton_sup:hover {
  65.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
  66.         background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  67.         background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  68.         background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  69.         background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  70.         background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
  71.         background-color:#0688fa;
  72.     }
  73.    
  74.  
  75.     .boton_lat {
  76.         -moz-box-shadow:inset 0px -3px 7px 0px #91b8b3;
  77.         -webkit-box-shadow:inset 0px -3px 7px 0px #91b8b3;
  78.         box-shadow:inset 0px -3px 7px 0px #91b8b3;
  79.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
  80.         background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  81.         background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  82.         background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  83.         background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  84.         background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
  85.         background-color:#768d87;
  86.         -moz-border-radius:3px;
  87.         -webkit-border-radius:3px;
  88.         border-radius:3px;
  89.         border:1px solid #566963;
  90.         display:inline-block;
  91.         cursor:pointer;
  92.         color:#ffffff;
  93.         font-family:Arial;
  94.         font-size:15px;
  95.         padding:9px 23px;
  96.         text-decoration:none;
  97.         text-shadow:0px 1px 0px #2b665e;
  98.     }
  99.     .boton_lat:hover {
  100.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
  101.         background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  102.         background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  103.         background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  104.         background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  105.         background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
  106.         background-color:#6c7c7c;
  107.     }
  108.  
  109.  
  110.  
  111.     .boton_adm {
  112.         -moz-box-shadow:inset 0px -3px 7px 0px #451414;
  113.         -webkit-box-shadow:inset 0px -3px 7px 0px #451414;
  114.         box-shadow:inset 0px -3px 7px 0px #451414;
  115.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, #AD3333));
  116.         background:-moz-linear-gradient(top, #990000 5%, #AD3333 100%);
  117.         background:-webkit-linear-gradient(top, #990000 5%, #AD3333 100%);
  118.         background:-o-linear-gradient(top, #990000 5%, #AD3333 100%);
  119.         background:-ms-linear-gradient(top, #990000 5%, #AD3333 100%);
  120.         background:linear-gradient(to bottom, #990000 5%, #AD3333 100%);
  121.         background-color:#990000;
  122.         -moz-border-radius:3px;
  123.         -webkit-border-radius:3px;
  124.         border-radius:3px;
  125.         border:1px solid #0b0e07;
  126.         display:inline-block;
  127.         cursor:pointer;
  128.         color:#ffffff;
  129.         font-family:Arial;
  130.         font-size:15px;
  131.         padding:9px 23px;
  132.         text-decoration:none;
  133.         text-shadow:0px 1px 0px #263666;
  134.     }
  135.     .boton_adm:hover {
  136.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AD3333), color-stop(1, #990000));
  137.         background:-moz-linear-gradient(top, #AD3333 5%, #990000 100%);
  138.         background:-webkit-linear-gradient(top, #AD3333 5%, #990000 100%);
  139.         background:-o-linear-gradient(top, #AD3333 5%, #990000 100%);
  140.         background:-ms-linear-gradient(top, #AD3333 5%, #990000 100%);
  141.         background:linear-gradient(to bottom, #AD3333 5%, #990000 100%);
  142.         background-color:#AD3333;
  143.     }
  144.  
  145.  
  146.     .boton {
  147.         -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
  148.         -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
  149.         box-shadow: 0px 1px 0px 0px #f0f7fa;
  150.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #0255d1));
  151.         background:-moz-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  152.         background:-webkit-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  153.         background:-o-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  154.         background:-ms-linear-gradient(top, #33bdef 5%, #0255d1 100%);
  155.         background:linear-gradient(to bottom, #33bdef 5%, #0255d1 100%);
  156.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#0255d1',GradientType=0);
  157.         background-color:#33bdef;
  158.         -moz-border-radius:6px;
  159.         -webkit-border-radius:6px;
  160.         border-radius:6px;
  161.         border:1px solid #057fd0;
  162.         display:inline-block;
  163.         cursor:pointer;
  164.         color:#ffffff;
  165.         font-family:Arial;
  166.         font-size:15px;
  167.         font-weight:bold;
  168.         padding:6px 24px;
  169.         text-decoration:none;
  170.         text-shadow:0px -1px 0px #5b6178;
  171.     }
  172.     .boton:hover {
  173.         background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0255d1), color-stop(1, #33bdef));
  174.         background:-moz-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  175.         background:-webkit-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  176.         background:-o-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  177.         background:-ms-linear-gradient(top, #0255d1 5%, #33bdef 100%);
  178.         background:linear-gradient(to bottom, #0255d1 5%, #33bdef 100%);
  179.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0255d1', endColorstr='#33bdef',GradientType=0);
  180.         background-color:#0255d1;
  181.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!