widget.css 816 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .widgetNavigationContainer h4.noContent{
  2. text-align: center;
  3. padding-top: 120px;
  4. color:#cecece;
  5. }
  6. .widgetNavigationContainer{
  7. display: block;
  8. height: 100%;
  9. width: 100%;
  10. box-sizing: border-box;
  11. }
  12. .widgetNavigationContainer > a{
  13. display: block;
  14. height: 100%;
  15. width: 100%;
  16. text-align: center;
  17. color:#ffffff;
  18. text-transform: uppercase;
  19. font-size: 25px;
  20. padding:80px 15px 15px 15px;
  21. text-decoration: none;
  22. font-weight: 200;
  23. box-sizing: border-box;
  24. transition:all 0.2s linear;
  25. }
  26. .widgetNavigationContainer > a i{
  27. display: block;
  28. font-size: 40px;
  29. margin:10px;
  30. opacity: 0.8;
  31. transition: transform 0.2s ease-in-out,opacity 0.2s linear;
  32. }
  33. .widgetNavigationContainer > a:hover i{
  34. opacity: 1;
  35. transform: translateY(-10px);
  36. }
  37. .widgetNavigationContainer > a:hover{
  38. text-shadow: 0px 0px 3px #ffffff;
  39. }