Advertisement
Uranbold

MARVEL CUSTOM CSS

Aug 26th, 2012
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.50 KB | None | 0 0
  1. @media only screen and (max-width: 767px) {
  2. .teaser-text p {padding:0px !important;}
  3. }
  4. .wpb_call_to_action { padding: 10px 20px 15px; }
  5. h2.wpb_call_text { padding-top: 8px; }
  6. .wpb_call_to_action p { margin: 0 }
  7.  
  8. .ub-image{
  9.     margin: 15px;
  10.     -webkit-transition: margin 0.2s ease-out;
  11.     -moz-transition: margin 0.2s ease-out;
  12.     -o-transition: margin 0.2s ease-out;
  13. }.ub-image:hover{
  14.     margin-top: 2px;
  15. }
  16. .ub-action .btn {
  17. background-color: #fb2c00;
  18. font-size:16px;
  19. font-weight:bold;
  20. font-famliy:Arial;
  21.     background-color: #fb2c00;
  22.     background-image: -moz-linear-gradient(top, #fb2c00, #e92900);
  23.     background-image: -ms-linear-gradient(top, #fb2c00, #e92900);
  24.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #fb2c00), to( #e92900));
  25.     background-image: -webkit-linear-gradient(top, #fb2c00, #e92900);
  26.     background-image: -o-linear-gradient(top, #fb2c00, #e92900);
  27.     background-image: linear-gradient(top, #fb2c00, #e92900);
  28.     background-repeat: repeat-x;
  29. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb2c00', endColorstr='#e92900', GradientType=0);
  30.     border-color: #fb2c00#fb2c00#e92900;
  31.     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  32. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  33. }
  34. .ub-action .btn:hover{
  35. background-color:  #e92900;}
  36. .ub_call_to_action {
  37. position: relative;
  38. background: #F4F4F4;
  39. padding: 15px 15px 60px 20px;
  40. border: 1px solid #E9E9E9;
  41. margin-bottom: 18px;
  42. }
  43. .link_ub{
  44. color:#000 !important;}
  45. .ub-image-css{
  46. margin-left: 67px; position: absolute; margin-top: 40px;}
  47. @media only screen and (max-width: 989px) and (min-width: 768px){
  48. .ub-image-css {
  49. margin-left:30px !important;
  50. }
  51. }
  52. @media only screen and (max-width: 767px) and (min-width: 480px){
  53. .ub-image-css{
  54. margin-left: 130px !important;}
  55. }
  56. .ub-p-css{
  57. font-size: 12px; font-family: Arial; text-align: justify; padding: 15px;}
  58. @media only screen and (max-width: 767px) and (min-width: 480px){
  59. .ub-p-css{
  60. padding:15px 85px !important;
  61. }
  62. }
  63. .wpb_call_to_action .wpb_call_text, #content .wpb_call_to_action .wpb_call_text{
  64. width:78% !important;
  65. }
  66. @media only screen and (max-width: 767px) and (min-width: 480px){
  67. .wpb_call_to_action .wpb_call_text, #content .wpb_call_to_action .wpb_call_text{
  68. width:65.812% !important;
  69. }
  70. }
  71. .cta_align_left .btn, .cta_align_right .btn{
  72. width:500px !important;
  73. max-width:100% !imporant;}
  74. .ub-action-button{
  75. right: 3%;
  76. position: absolute;
  77. float: right;
  78. top: 35px;
  79. }
  80. @media only screen and (max-width: 767px) and (min-width: 480px){
  81. .ub-action-button{
  82. float: right;
  83. position: relative !important;
  84. right: 25%;
  85. top: 0;
  86. }}
  87. @media only screen and (max-width: 767px) and (min-width: 0px){
  88. .ub-action-button{
  89. float: right;
  90. position: relative !important;
  91. right: 30%;
  92. top: 0;
  93. }}
  94. @media only screen and (max-width: 767px) and (min-width: 0px){
  95. .cta_align_left .wpb_call_text, .cta_align_right .wpb_call_text{
  96. width: 100% !important;}}
  97. h2.wpb_twitter_heading{
  98. border-bottom: none;
  99. font-size: 18px !important;
  100. font-weight: 700 !important;
  101. line-height: 24px !important;
  102. padding-bottom: 10px !important;
  103. }
  104. #content .wpb_twitter_widget ul.tweet_list, .wpb_twitter_widget ul.tweet_list{
  105. background:#fff;
  106. -webkit-border-radius: 2px;
  107. -moz-border-radius: 2px;
  108. border-radius: 2px;
  109. border: 1px solid #E9E9E9 !important;
  110. margin-top: 15px;
  111. }
  112. .wpb_twitter_widget ul.tweet_list li.tweet_even{
  113. background:#f8f8f8;
  114. margin: 1px 1px 0 1px;
  115. padding: 14px 14px 14px 30px;
  116. border-bottom:none;
  117. font-style: italic;
  118. font-family: Arial;
  119. font-size: 12px;
  120. color:#141414;
  121. border-left:3px solid #ff2d00;
  122. }
  123. .wpb_twitter_widget ul.tweet_list li.tweet_odd{
  124. background:#fff;
  125. margin: 1px 1px 0 1px;
  126. padding: 14px 14px 14px 30px;
  127. border-bottom:none;
  128. font-style: italic;
  129. font-family: Arial;
  130. font-size: 12px;
  131. color:#141414;
  132. border-left:3px solid #ff2d00;
  133. }
  134. .wpb_twitter_widget .tweet_time a{
  135. color:#141414;}
  136. .wpb_twitter_widget .tweet_text a{
  137. color: #141414;
  138. font-weight:bold;
  139. }
  140. .wpb_twitter_widget .twitter_follow_button{
  141.  
  142. background-image: url(http://themes.themeton.com/marvel/files/2012/06/twitter.png) !important;}
  143. .wpb_wrapper .twitter_follow_button_wrap{
  144. float: right;
  145. margin: 10px;
  146. }
  147. .wpb_wrapper .twitter_follow_button_wrap a{
  148. color: #000;
  149. font-weight: bold;
  150. }
  151. .testimonials .wpb_wrapper blockquote p {
  152. font-size: 14px;
  153. font-weight: normal;
  154. }
  155. .testimonials .wpb_wrapper blockquote{
  156. padding: 5px 20px 5px 55px;
  157. margin: 0px;
  158. }
  159. .testimonials .wpb_wrapper blockquote cite{
  160. font-size: 12px;
  161. margin-top: 5px;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement