Advertisement
Guest User

Untitled

a guest
May 27th, 2018
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.89 KB | None | 0 0
  1. nav {
  2. float: left;
  3. width: 100%;
  4. position: fixed;
  5. top: 0;
  6. background: rgb(255, 255, 255);
  7. z-index: 9999;
  8. height: 50px;
  9. box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.06);
  10. }
  11. #top-navigation ul a {
  12. display: block;
  13. line-height: 16px;
  14. color: #949494;
  15. font-size: 11px;
  16. padding: 11px;
  17. margin-top: 6px;
  18. }
  19. #top-navigation ul li a:hover {
  20. background: rgba(160, 160, 160, 0.06);
  21. }
  22.  
  23. #hovernav a:hover {
  24. color: #545353;
  25. }
  26. #hovernav {
  27. height: 43px;
  28. margin-left: 1px;
  29. }
  30. .top-button:hover {
  31. color: #545353;
  32. }
  33.  
  34. .globe-size {
  35. font-size: 1rem;
  36. position: relative;
  37. cursor: pointer;
  38. margin: -8px 0px 0px 0px;
  39. }
  40.  
  41. #top-navigation {
  42. float: left;
  43. height: 100%;
  44. margin: 4px 0px 0px 11px;
  45. }
  46. .top-button {
  47. color: #949494;
  48. float: right;
  49. font-size: 11px;
  50. font-weight: bold;
  51. padding: 1.7rem;
  52. padding-left: 1rem;
  53. padding-right: 1rem;
  54. padding-top: 20px;
  55. margin: 0px 0px 0px 0px;
  56. }
  57. .globe-content:before {
  58. border-color: rgba(113, 158, 206, 0);
  59. border-bottom-color: rgba(255, 255, 255, 0);
  60. border-width: 8px;
  61. right: 3%;
  62. margin-left: -8px;
  63. }
  64. .radioImage {
  65. float: left;
  66. width: 143px;
  67. height: 143px;
  68. transition: background 150ms ease-in-out;
  69. border-top-left-radius: 2px;
  70. border-bottom-left-radius: 2px;
  71. background-size: cover;
  72. background-position: 50% 50%;
  73. position: absolute;
  74. }
  75. .radioPlayer {
  76. background: rgb(255, 255, 255);
  77. padding: 2px;
  78. height: 147px;
  79. position: relative;
  80. margin: 85px 5px 0px 0px;
  81. width: 383px;
  82. z-index: 2;
  83. float: right;
  84. border-radius: 2px;
  85. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 0 0 rgba(0, 0, 0, 0.04);
  86. }
  87. .advertsfront {
  88. cursor: pointer;
  89. width: 100%;
  90. border-radius: 2px;
  91. height: 110px;
  92. background-position: 100%;
  93. float: left;
  94. margin-left: 0px;
  95. margin-right: 0px;
  96. position: relative;
  97. }
  98. .inner-content-holder {
  99. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 0 0 rgba(0, 0, 0, 0.04);
  100. background-color: #ffffff;
  101. float: left;
  102. color: #908a8a;
  103. z-index: 4;
  104. border-radius: 2px;
  105. width: 100%;
  106. margin-bottom: 10px;
  107. padding: 2px;
  108. background: #FFF;
  109. position: relative;
  110. }
  111. .content-holder {
  112. width: 100%;
  113. background-color: #ffffff;
  114. color: #8a8787;
  115. z-index: 5;
  116. margin-bottom: 10px;
  117. padding: 2px;
  118. border-radius: 3px;
  119. box-shadow: 0 0 0 1px #e2dddd, 0 3px 0 0 rgba(0, 0, 0, 0.04);
  120. }
  121. .contentHeader {
  122. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18), inset 0 0 0 2px rgba(255, 255, 255, 0.18), 0 3px 0 0px rgba(0,0,0,0.1);
  123. border-radius: 2px;
  124. background-repeat: repeat,no-repeat;
  125. background-image: url(/_assets/img/website/bargradient3.png);
  126. background-position: center left;
  127. position: relative;
  128. z-index: 0;
  129. padding: 14px;
  130. color: #fff;
  131. overflow: hidden;
  132. font-weight: bold;
  133. margin-bottom: 10px;
  134. }
  135.  
  136. .content {
  137. background: #FFF;
  138. border-radius: 3px;
  139. margin: 0;
  140. overflow: hidden;
  141. padding: 4px;
  142. }
  143.  
  144. header {
  145. width: 100%;
  146. position: relative;
  147. overflow: hidden;
  148. background: -moz-linear-gradient(top,#317dab 0,#2d79a7 100%);
  149. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3d94c9),color-stop(100%,#61b8ee));
  150. background: -webkit-linear-gradient(top,#5fb2e4 0,#2d79a7 100%);
  151. background: -o-linear-gradient(top,#317dab 0,#2d79a7 100%);
  152. background: -ms-linear-gradient(top,#317dab 0,#2d79a7 100%);
  153. background: linear-gradient(top,#317dab 0,#2d79a7 100%);
  154. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94c9',endColorstr='#61b8ee',GradientType=0);
  155. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), 0 0 16px rgba(0,0,0,0.14);
  156. background-repeat: repeat-x;
  157. background-position: bottom;
  158. height: 335px;
  159. margin-bottom: 56px;
  160. border-bottom: solid 2px #fff;
  161. }
  162. .notif-show {
  163. width: 52px;
  164. height: 52px;
  165. float: left;
  166. border-radius: 100%;
  167. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
  168. margin: -1px 0px 0px -3px;
  169. margin-bottom: 0.5rem;
  170. border: 1px solid #ffffff;
  171. background-position: center;
  172. }
  173.  
  174. .newClass {
  175. background-position-x: 0;
  176. background-size: 100%;
  177. border-radius: 100%;
  178. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
  179. margin-bottom: 0.5rem;
  180. border: 1px solid #ffffff;
  181. background-position: center;
  182. }
  183.  
  184. .forum-icon {
  185. float: left;
  186. margin: 6px 14px 9px 1px;
  187. min-height: 49px;
  188. background-position-x: 0;
  189. }
  190.  
  191. .profile-avatar {
  192. position: absolute;
  193. width: 200px;
  194. height: 200px;
  195. float: left;
  196. display: inline-block;
  197. margin: 24px 0px 4px 27px;
  198. border-radius: 100%;
  199. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
  200. margin-bottom: 0.5rem;
  201. border: 1px solid #ffffff;
  202. background-position: center;
  203. }
  204.  
  205. .logo {
  206. background: url(/_assets/img/website/springlogov3.png) no-repeat;
  207. background-size: 100%;
  208. width: 413px;
  209. height: 195px;
  210. position: absolute;
  211. margin: 69px 0px 0px 15px;
  212. z-index: 11;
  213. }
  214. #top-navigation ul ul {
  215. position: absolute;
  216. margin: -2px 0px 0px;
  217. top: 100%;
  218. left: 0;
  219. z-index: 1000;
  220. display: none;
  221. float: left;
  222. width: 132px;
  223. padding: 3px 0;
  224. font-size: 14px;
  225. text-align: left;
  226. list-style: none;
  227. background-color: #fff;
  228. border-bottom-right-radius: 3px;
  229. border-bottom-left-radius: 3px;
  230. background-clip: padding-box;
  231. box-shadow: 0 0 0 1px #0000002b, 0 3px 0 0 rgba(0, 0, 0, 0.08);
  232. }
  233.  
  234. .djInfo {
  235. width: 226px;
  236. float: right;
  237. background: #f5f5f5b8;
  238. padding: 14.8px 9px 9.1px 9px;
  239. color: #98878e;
  240. margin: 0px 8px 0px 0px;
  241. margin-bottom: 2px;
  242. overflow: hidden;
  243. }
  244.  
  245. .radioPlayer {
  246. background: rgb(255, 255, 255);
  247. padding: 2px;
  248. height: 164px;
  249. position: absolute;
  250. margin: -49px 0px 0px 791px;
  251. width: 383px;
  252. z-index: 2;
  253. float: right;
  254. border-radius: 2px;
  255. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 0 0 rgba(0, 0, 0, 0.04);
  256. }
  257.  
  258. .forum-latest-post-av {
  259. float: left;
  260. margin: 1px 15px 0 -18px;
  261. width: 70px;
  262. height: 70px;
  263. background-position-x: 0;
  264. background-size: 100%;
  265. border-radius: 100%;
  266. -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px;
  267. margin-bottom: 0.5rem;
  268. border: 1px solid #ffffff;
  269. background-position: center;
  270. }
  271.  
  272. .forum-list {
  273. float: left;
  274. width: 100%;
  275. background: rgba(251, 251, 251, 0.52);
  276. padding: 5px;
  277. box-shadow: inset 0 1px 2px rgba(181, 180, 180, 0.04);
  278. }
  279.  
  280. .radioPlayer .ui-slider {
  281. height: 160px;
  282. width: 6px;
  283. background: #f7f7f7;
  284. cursor: pointer;
  285. position: relative;
  286. margin-top: -2px;
  287. border: 1px solid #e0d8e0;
  288. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement