API tools faq
paste
Advertisement
Guest User

bleed - foro20.com

a guest
Jan 25th, 2014
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.72 KB | None | 0 0
raw download clone embed print report
  1.  
  2. .to-lock{background-color:#f6f6f6;padding:20px}
  3.  
  4. .inner-wrap{background:#435989}
  5.  
  6. #header .get-it a{text-decoration:none;color:#000}
  7. #header .get-it #zenbox_tab{background-color:#f6f6f6!important}
  8. #zenbox_tab:hover{background-color:#333!important}
  9. #zenbox_tab #feedback_tab_text{color:#333!important}
  10. #zenbox_tab:hover #feedback_tab_text{color:#fff!important}
  11. .ui-social-locker,.ui-social-locker .ui-social-locker-text,.ui-social-locker .ui-social-locker-timer{font:normal normal 400 13px/23px "Arial",serif}
  12. .ui-social-locker,.ui-social-locker .ui-social-locker-outer-wrap,.ui-social-locker .ui-social-locker-inner-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  13. .ui-social-locker{position:relative!important;background-color:#f9f9f9;padding:25px;margin:20px auto;max-width:700px}
  14. .ui-social-locker p{margin:0}
  15. .ui-social-locker .ui-social-locker-text{text-align:center}
  16. .ui-social-locker-text .ui-social-locker-strong{font-weight:bold;text-transform:uppercase;font-size:16px;display:inline-block}
  17. .ui-social-locker-buttons{text-align:center}
  18. .ui-social-locker-text+.ui-social-locker-buttons{margin-top:15px}
  19. .ui-social-locker-button-inner-wrap,.ui-social-locker-button-overlay{height:40px;width:120px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1}
  20. .ui-social-locker-button-inner-wrap{position:relative}
  21. .ui-social-locker-button{display:inline-block;vertical-align:top;text-align:left}
  22. .ui-social-locker-button-overlay{position:absolute;top:0;left:0}
  23. .ui-social-locker-button+.ui-social-locker-button{margin-left:10px}
  24. .ui-social-locker-button{background-color:#f2f2f2}
  25. .ui-social-locker-button .fb-like span,.ui-social-locker-button .fb-like iframe{height:20px!important}
  26. .ui-social-locker-button-overlay *{position:absolute;width:100%;top:0;left:0}
  27. .ui-social-locker-overlay-front,.ui-social-locker-overlay-back{height:100%;top:0;left:0}
  28. .ui-social-locker-overlay-front{z-index:1}
  29. .ui-social-locker-overlay-back{z-index:0}
  30. .ui-social-locker .ui-social-locker-cross{background:url("http://4.bp.blogspot.com/--gfC2pq3sq0/UNibXTTsj4I/AAAAAAAAKEI/JR_pSi6eZVo/s1600/close+(1).png") 50% 50% no-repeat;width:16px;height:16px;opacity:.1;filter:alpha(opacity=10);cursor:pointer;position:absolute;top:4px;right:4px;z-index:2}
  31. .ui-social-locker:hover .ui-social-locker-cross{opacity:.2;filter:alpha(opacity=20)}
  32. .ui-social-locker .ui-social-locker-cross:hover{opacity:.8;filter:alpha(opacity=80)}
  33. .ui-social-locker .ui-social-locker-timer{position:absolute;right:5px;bottom:5px;z-index:10}
  34. .ui-social-locker .ui-social-locker-timer,.ui-social-locker .ui-social-locker-timer *{font:normal normal 400 12px/12px sans-serif;text-transform:lowercase}
  35. .ui-social-locker .ui-social-locker-timer{color:#000;margin-left:5px}
  36. .ui-social-locker .ui-social-locker-timer-counter{font-weight:bold}
  37. .ui-social-locker-opera .ui-social-locker-button-facebook .fb-like{position:relative;top:-1px}
  38. .gc-bubbleDefault{display:none!important}
  39. .ui-social-locker-flip .ui-social-locker-button-inner-wrap{perspective:500px;perspective-origin:50% 0;-webkit-perspective:500px;-webkit-perspective-origin:50% 0;-moz-perspective:500px;-moz-perspective-origin:50% 0}
  40. .ui-social-locker-flip .ui-social-locker-button-overlay{display:block;transform-origin:bottom;transform-style:preserve-3d;transition:transform .3s ease;transform:translate(0);-webkit-transform-origin:bottom;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .3s ease;-webkit-transform:translateY(0) rotateX(0);-moz-transform-origin:bottom;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform .3s ease;-moz-transform:translate(0)}
  41. .ui-social-locker-flip .ui-social-locker-overlay-back{transform:rotateX(-180deg) translateZ(4px);-webkit-transform:rotateX(-180deg) translateZ(4px);-moz-transform:rotateX(-180deg) translateZ(4px)}
  42. .ui-social-locker-flip .ui-social-locker-overlay-header{height:4px;transform-origin:top;transform:rotateX(-90deg);-webkit-transform-origin:top;-webkit-transform:rotateX(-90deg);-moz-transform-origin:top;-moz-transform:rotateX(-90deg)}
  43. .ui-social-locker-flip:hover .ui-social-locker-button-overlay{display:block!important;transform:translateY(4px) rotateX(-110deg);-webkit-transform:translateY(4px) rotateX(-110deg);-moz-transform:translateY(4px) rotateX(-110deg)}
  44. .ui-social-locker-flip:hover .ui-social-locker-overlay-back{border-top:2px solid #eee}
  45. .ui-social-locker-secrets .fb-like span,.ui-social-locker-secrets .fb-like iframe{width:118px!important}
  46. .ui-social-locker-secrets{padding:30px;margin:10px auto 15px auto;border:0;background-color:transparent}
  47. .ui-social-locker-secrets .ui-social-locker-inner-wrap{border:3px solid #fefefe;background-color:#f7f7f7;padding:30px}
  48. .ui-social-locker-secrets .ui-social-locker-outer-wrap{border:1px solid #e6e6e6;box-shadow:0 0 40px rgba(0,0,0,0.08)}
  49. .ui-social-locker-secrets .ui-social-locker-text,.ui-social-locker-secrets .ui-social-locker-timer,.ui-social-locker-secrets .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px #fff;-moz-text-shadow:1px 1px 2px #fff;text-shadow:1px 1px 2px #fff}
  50. .ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("http://3.bp.blogspot.com/-lvKy8DLRDd0/UNibgZHOUdI/AAAAAAAAKEQ/vfIKHI5cjAQ/s1600/lock-icon.png") 0 2px no-repeat}
  51. .ui-social-locker-secrets .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}
  52. .ui-social-locker-secrets .ui-social-locker-button{padding:4px;background:rgba(0,0,0,0.05)}
  53. .ui-social-locker-secrets .ui-social-locker-button-inner-wrap,.ui-social-locker-secrets .ui-social-locker-button-overlay{height:34px;width:118px}
  54. .ui-social-locker-secrets .ui-social-locker-button-inner-wrap{padding:7px;-moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.25);box-shadow:inset 0 0 6px rgba(0,0,0,0.25)}
  55. .ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-front{background:#399ff0 url("http://1.bp.blogspot.com/-gw8E3I38Jqg/UNibpHQkX9I/AAAAAAAAKEY/P00idpapSko/s1600/tweet-btn.png") top left no-repeat}
  56. .ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-back{background:#24b1e5}
  57. .ui-social-locker-secrets .ui-social-locker-button-twitter .ui-social-locker-overlay-header{background-color:#368acd}
  58. .ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-front{background:#46629e url("http://1.bp.blogspot.com/-8CIakjMMaq4/UNibvX8Y82I/AAAAAAAAKEg/btcAO1zZQE8/s1600/like-btn.png") top left no-repeat}
  59. .ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-back{background:#46629e}
  60. .ui-social-locker-secrets .ui-social-locker-button-facebook .ui-social-locker-overlay-header{background-color:#314775}
  61. .ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-front{background:#494647 url("http://1.bp.blogspot.com/-RpiRInqUmos/UNib3z7cAtI/AAAAAAAAKEo/S6NaueT_6lI/s1600/plus-one-btn.png") top left no-repeat}
  62. .ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-back{background:#494647}
  63. .ui-social-locker-secrets .ui-social-locker-button-google .ui-social-locker-overlay-header{background-color:#111}
  64. .ui-social-locker-secrets .ui-social-locker-cross{top:38px;right:38px}
  65. .ui-social-locker-secrets .ui-social-locker-dandyish .ui-social-locker-outer-wrap{padding:5px;background-color:#fff;border-radius:10px}
  66. .ui-social-locker-dandyish .ui-social-locker-inner-wrap{padding:10px;border-radius:10px;background-color:f8f8f8;background:linear-gradient(top,#f9f9f9,#F5F5F5);background:-o-linear-gradient(top,#f9f9f9,#F5F5F5);background:-moz-linear-gradient(top,#f9f9f9,#F5F5F5);background:-webkit-linear-gradient(top,#f9f9f9,#F5F5F5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#F5F5F5',GradientType=0);background:-ms-linear-gradient(top,#FFF,#F5F5F5);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.20);box-shadow:inset 0 1px 6px rgba(0,0,0,0.20)}
  67. .ui-social-locker-dandyish .ui-social-locker-text{padding:10px}
  68. .ui-social-locker-dandyish .ui-social-locker-text,.ui-social-locker-dandyish .ui-social-locker-timer,.ui-social-locker-dandyish .ui-social-locker-timer *{-webkit-text-shadow:1px 1px 2px #fff;-moz-text-shadow:1px 1px 2px #fff;text-shadow:1px 1px 2px #fff}
  69. .ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("http://3.bp.blogspot.com/-lvKy8DLRDd0/UNibgZHOUdI/AAAAAAAAKEQ/vfIKHI5cjAQ/s1600/lock-icon.png") 0 2px no-repeat}
  70. .ui-social-locker-dandyish .ui-social-locker-text .ui-social-locker-strong:after{margin-left:10px}
  71. .ui-social-locker-dandyish .ui-social-locker-buttons{margin:0;padding:5px}
  72. .ui-social-locker-dandyish .ui-social-locker-button{border-radius:7px;background-color:rgba(255,255,255,1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.15);-webkit-box-shadow:0 3px 1px rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.15)}
  73. .ui-social-locker-dandyish .ui-social-locker-button .fb-like iframe{height:61px!important}
  74. .ui-social-locker-dandyish .ui-social-locker-button+.ui-social-locker-button{margin-left:15px}
  75. .ui-social-locker-dandyish .ui-social-locker-button-inner-wrap{width:85px;height:84px;padding:10px;text-align:center}
  76. .ui-social-locker-dandyish .ui-social-locker-cross{top:20px;right:20px}
  77. .ui-social-locker-dandyish .ui-social-locker-timer{right:20px;bottom:20px}
  78. .ui-social-locker-glass{padding:15px;border:0;-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(255,255,255,0.7),inset 0 1px 1px rgba(0,0,0,0.1);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 1px #fff;background:rgba(0,0,0,0.03)}
  79. .ui-social-locker-glass .ui-social-locker-outer-wrap{padding:30px;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-webkit-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);box-shadow:0 1px 5px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.7);background:#f7f7f7;background:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(240,240,240,0.5)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(240,240,240,0.5) 100%)}
  80. .ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:before,.ui-social-locker-glass .ui-social-locker-text .ui-social-locker-strong:after{content:" ";display:inline-block;width:11px;height:14px;margin:0 9px;background:url("http://3.bp.blogspot.com/-lvKy8DLRDd0/UNibgZHOUdI/AAAAAAAAKEQ/vfIKHI5cjAQ/s1600/lock-icon.png") 0 2px no-repeat}
  81. .ui-social-locker-glass .ui-social-locker-button{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7);box-shadow:inset 0 0 4px rgba(0,0,0,0.12),0px 1px 1px rgba(255,255,255,0.7)}
  82. .ui-social-locker-glass .ui-social-locker-cross{top:20px;right:20px}
  83. .ui-social-locker-glass .ui-social-locker-timer{right:23px;bottom:21px}
  84. #built-in-themes .title{font-style:normal;padding-bottom:0;margin-bottom:0;margin-top:25px}
  85. #built-in-themes .title:first-child{margin-top:0}
  86. #built-in-themes .example{padding:0 0 0 16px}
  87. #built-in-themes .pattern-background{background:url("http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/preview-bg.png");padding:25px 25px 10px 25px;box-shadow:inset 0 0 30px #fff}
  88. .my-custom-style{padding:30px 20px 20px 220px;height:200px;background:#f8f8f8 url("http://onepress-media.com/storage/demo/social-locker-for-wordpress/img/lock-example.png") 20px 20px no-repeat}
  89. .my-custom-style .ui-social-locker-text{text-align:left}
  90. .my-custom-style .ui-social-locker-buttons{padding:0;text-align:left}
  91. .my-custom-style .ui-social-locker-button{width:100px}
  92.  
  93. #mblunlocker { text-align: center;  font-family:Arial, serif; text-transform: uppercase; font-weight:bold; font-size:12px; position:relative}
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!