Posted By

martias21 on 07/08/11


Tagged

cubepoints


Versions (?)

CubePoints Notify Pop-up Redesign: jquery.notice.css


 / Published in: CSS
 

The file is located at wp-content\plugins\cubepoints\modules\notice

  1. .notice-wrap {
  2. position: fixed;
  3. top: 60px;
  4. right: 80px;
  5. z-index: 9999;
  6. opacity: 0.8;
  7. }
  8.  
  9. * html .notice-wrap {
  10. position: absolute;
  11. }
  12.  
  13. .notice-header{
  14. display: block;
  15. font-size: 13px;
  16. font-weight: bold;
  17. }
  18.  
  19. .notice-item {
  20. background: #545454;
  21. background: -moz-linear-gradient(top, #545454 0%, #3d3d3d);
  22. background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#3d3d3d));
  23.  
  24. border: 1px solid #3d3d3d;
  25. border-radius: 7px;
  26. -moz-border-radius: 7px;
  27. -webkit-border-radius: 7px;
  28.  
  29. box-shadow: 0px 1px 2px rgba(0,0,0,.5);
  30. -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
  31. -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
  32.  
  33. color: #fff;
  34. display: block;
  35. font-size: 54px;
  36. height: 82px;
  37. line-height: 41px;
  38. margin: 0 0 12px 0;
  39. padding: 10px 10px 0 10px;
  40. position: relative;
  41. text-align: center;
  42. }
  43.  
  44. .notice-item p {
  45. font-family: Helvetica;
  46. font-weight: bold;
  47. margin-top: 0;
  48. padding: 15px 20px;
  49. text-shadow: -1px -1px 0px rgba(0,0,0,.7), 1px 1px 0px rgba(0,0,0,.7);
  50. }

Report this snippet  

You need to login to post a comment.