Home Explore Help
Sign In
RISCI_ATOM
/
ZeroMe
mirror of https://github.com/HelloZeroNet/ZeroMe.git
1
0
Fork 0
Files Issues 0 Wiki
Branch: master
Branches Tags
ZeroMe
/
css
/
Button.css

Button.css 2.2 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031 
  1. .button {
    2. 

  2. 	margin-top: 4px; border: 1px solid hsla(236,100%,79%,1); color: #5d68ff; border-radius: 33px; display: inline-block;
    3. 

  3. 	font-size: 19px; font-weight: lighter; text-align: center; transition: all 0.3s; padding: 8px 30px; background-position: -200px center;
    4. 

  4. }
    5. 

  5. .button:hover { background-color: #5d68ff; color: #F6F7F8; text-decoration: none; border-color: #5d68ff; transition: none }
    6. 

  6. .button:hover .icon { background-color: #FFF; transition: none }
    7. 

  7. .button:focus { transition: all 0.3s }
    8. 

  8. .button:active { transform: translateY(1px); transition: all 0.3s, transform none; box-shadow: inset 0px 5px 7px -3px rgba(212, 212, 212, 0.41); outline: none; transition: none }
    9. 

  9. 

  10. .button.loading {
    11. 

  11. 	color: rgba(0,0,0,0) !important; background: rgba(128, 128, 128, 0.5) url(../img/loading.gif) no-repeat center center !important; border-color: rgba(0,0,0,0) !important;
    12. 

  12. 	transition: all 0.5s ease-out; pointer-events: none; transition-delay: 0.5s
    13. 

  13. }
    14. 

  14. 

  15. /* Follow */
    16. 

  16. .button-follow { width: 32px; line-height: 32px; padding: 0px; border: 1px solid #aaa; color: #999; padding-left: 1px; padding-bottom: 1px; }
    17. 

  17. .button-follow:hover { background-color: rgba(255,255,255,0.3) !important; border-color: #2ecc71 !important; color: #2ecc71 }
    18. 

  18. .button-follow-big { padding-left: 25px; float: none; border: 1px solid #2ecc71; color: #2ecc71; min-width: 100px; }
    19. 

  19. .button-follow-big .icon-follow { margin-right: 10px; display: inline-block; transition: transform 0.3s ease-in-out }
    20. 

  20. .button-follow-big:hover { border-color: #2ecc71 !important; color: #2ecc71; background-color: white; text-decoration: underline; }
    21. 

  21. 

  22. /* Submit */
    23. 

  23. .button-submit {
    24. 

  24. 	padding: 12px 30px; border-radius: 3px; margin-top: 11px; background-color: #5d68ff; /*box-shadow: 0px 1px 4px rgba(93, 104, 255, 0.41);*/
    25. 

  25. 	border: none; border-bottom: 2px solid #4952c7; font-weight: bold;  color: #ffffff; font-size: 12px; text-transform: uppercase; margin-left: 10px;
    26. 

  26. }
    27. 

  27. .button-submit:hover, .button-submit:focus { color: white; background-color: #6d78ff }
    28. 

  28. 

  29. .button-small { padding: 7px 20px; margin-left: 10px }
    30. 

  30. .button-outline { background-color: white; border: 1px solid #EEE; border-bottom: 2px solid #EEE; color: #AAA; }
    31. 

  31. .button-outline:hover { background-color: white; border: 1px solid #CCC; border-bottom: 2px solid #CCC; color: #777 }
    32.