API tools faq
paste
Advertisement
t3cho

Untitled

t3cho
Jun 23rd, 2014
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head></head>
  3. <body  bgcolor="#e6e6e6">
  4.  
  5.  
  6.  
  7. <fieldset class="fieldset-auto-width"> <legend> Lage </legend>
  8.     <a href="#" class="myButton">Gut</a>
  9.     <a href="#" class="myButton2">Sehr-Gut</a>
  10.     <a href="#" class="myButton3">befriedigend</a>
  11.     <a href="#" class="myButton4">ausreichend</a>
  12.     <a href="#" class="myButton5">mangelhaft</a>
  13. </fieldset>
  14. <style>
  15. .fieldset-auto-width {
  16.          display: inline-block;
  17.     }
  18. .myButton2 {
  19.     -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
  20.     -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
  21.     box-shadow:inset 0px 1px 0px 0px #d9fbbe;
  22.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
  23.     background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  24.     background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  25.     background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  26.     background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  27.     background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
  28.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
  29.     background-color:#b8e356;
  30.     -moz-border-radius:6px;
  31.     -webkit-border-radius:6px;
  32.     border-radius:6px;
  33.     border:1px solid #83c41a;
  34.     display:inline-block;
  35.     cursor:pointer;
  36.     color:#ffffff;
  37.     font: Verdana, Tahoma, sans-serif;
  38.     font-size:15px;
  39.     font-weight:bold;
  40.     text-align:center;
  41.     padding:6px 24px;
  42.     text-decoration:none;
  43.     text-shadow:0px 1px 0px #86ae47;
  44.     width:80;
  45.     height:19;
  46. }
  47. .myButton2:hover {
  48.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
  49.     background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
  50.     background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
  51.     background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
  52.     background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
  53.     background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
  54.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
  55.     background-color:#72b352;
  56. }
  57. .myButton2:active {
  58.     position:relative;
  59.     top:1px;
  60. }
  61.  
  62. .myButton {
  63.     -moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
  64.     -webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
  65.     box-shadow:inset 0px 1px 0px 0px #3dc21b;
  66.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
  67.     background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  68.     background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  69.     background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  70.     background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
  71.     background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
  72.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
  73.     background-color:#44c767;
  74.     -moz-border-radius:6px;
  75.     -webkit-border-radius:6px;
  76.     border-radius:6px;
  77.     border:1px solid #18ab29;
  78.     display:inline-block;
  79.     cursor:pointer;
  80.     color:#ffffff;
  81.     font: Verdana, Tahoma, sans-serif;
  82.     font-size:15px;
  83.     font-weight:bold;
  84.     padding:6px 24px;
  85.     text-decoration:none;
  86.     text-shadow:0px 1px 0px #2f6627;
  87.         width:80;
  88.     height:19;
  89.     text-align:center;
  90. }
  91. .myButton:hover {
  92.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
  93.     background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  94.     background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  95.     background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  96.     background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
  97.     background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
  98.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
  99.     background-color:#5cbf2a;
  100. }
  101. .myButton:active {
  102.     position:relative;
  103.     top:1px;
  104. }
  105.  
  106.  
  107. .myButton3 {
  108.     -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
  109.     -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
  110.     box-shadow:inset 0px 1px 0px 0px #fff6af;
  111.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
  112.     background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  113.     background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  114.     background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  115.     background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  116.     background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  117.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
  118.     background-color:#ffec64;
  119.     -moz-border-radius:6px;
  120.     -webkit-border-radius:6px;
  121.     border-radius:6px;
  122.     border:1px solid #ffaa22;
  123.     display:inline-block;
  124.     cursor:pointer;
  125.     color:#ffffff;
  126.     font: Verdana, Tahoma, sans-serif;
  127.     font-size:15px;
  128.     font-weight:bold;
  129.     padding:6px 24px;
  130.     text-decoration:none;
  131.     text-shadow:0px 1px 0px #ffee66;
  132.         width:80;
  133.     height:19;
  134.     text-align:center;
  135. }
  136. .myButton3:hover {
  137.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
  138.     background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  139.     background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  140.     background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  141.     background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  142.     background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  143.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
  144.     background-color:#ffab23;
  145. }
  146. .myButton3:active {
  147.     position:relative;
  148.     top:1px;
  149. }
  150.  
  151.  
  152. .myButton4 {
  153.     -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
  154.     -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
  155.     box-shadow:inset 0px 1px 0px 0px #fce2c1;
  156.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
  157.     background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  158.     background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  159.     background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  160.     background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
  161.     background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
  162.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
  163.     background-color:#ffc477;
  164.     -moz-border-radius:6px;
  165.     -webkit-border-radius:6px;
  166.     border-radius:6px;
  167.     border:1px solid #eeb44f;
  168.     display:inline-block;
  169.     cursor:pointer;
  170.     color:#ffffff;
  171.     font: Verdana, Tahoma, sans-serif;
  172.     font-size:15px;
  173.     font-weight:bold;
  174.     padding:6px 24px;
  175.     text-decoration:none;
  176.     text-shadow:0px 1px 0px #cc9f52;
  177.         width:80;
  178.     height:19;
  179.     text-align:center;
  180. }
  181. .myButton4:hover {
  182.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
  183.     background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  184.     background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  185.     background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  186.     background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
  187.     background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
  188.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
  189.     background-color:#fb9e25;
  190. }
  191. .myButton4:active {
  192.     position:relative;
  193.     top:1px;
  194. }
  195.  
  196.  
  197.  
  198. .myButton5 {
  199.     -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
  200.     -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
  201.     box-shadow:inset 0px 1px 0px 0px #f29c93;
  202.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
  203.     background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  204.     background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  205.     background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  206.     background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  207.     background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
  208.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
  209.     background-color:#fe1a00;
  210.     -moz-border-radius:6px;
  211.     -webkit-border-radius:6px;
  212.     border-radius:6px;
  213.     border:1px solid #d83526;
  214.     display:inline-block;
  215.     cursor:pointer;
  216.     color:#ffffff;
  217.     font-family:arial;
  218.     font-size:15px;
  219.     font-weight:bold;
  220.     padding:6px 24px;
  221.     text-decoration:none;
  222.     text-shadow:0px 1px 0px #b23e35;
  223. }
  224. .myButton5:hover {
  225.     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
  226.     background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  227.     background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  228.     background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  229.     background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  230.     background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
  231.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
  232.     background-color:#ce0100;
  233. }
  234. .myButton5:active {
  235.     position:relative;
  236.     top:1px;
  237. }
  238.  
  239. </style>
  240. </body>
  241. </html>
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!