spacepaste

Paste details

reply | raw

  1.  
  2. 2a3
  3. > -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  4. 270a272
  5. > -webkit-transform: scale(1.5);
  6. 305a308
  7. > -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  8. 311a315
  9. > -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  10. 364a369,786
  11. > /* [MONTH VIEW] */
  12. > .month-view .add-event {
  13. > width: 100%;
  14. > margin-bottom: .5em;
  15. > }
  16. > .month-view .add-event a {
  17. > display: inline-block;
  18. > text-transform: uppercase;
  19. > padding: 1em;
  20. > background: #FFFDE1;
  21. > border: 1px solid rgba(11, 11, 11, .1);
  22. > border-radius: 6px;
  23. > font-weight: 700;
  24. > font-size: 13px;
  25. > }
  26. > .month-view .add-event a::before {
  27. > content: "\f067";
  28. > margin-right: .3em;
  29. > display: inline-block;
  30. > font-family: "FontAwesome"
  31. > }
  32. > .month-view .page-header {
  33. > background: #F9FFFF;
  34. > font-family: 'Raleway', sans-serif;
  35. > border: 1px solid #DFEDEE;
  36. > margin-bottom: .5em;
  37. > }
  38. > .month-view .page-header .list-inline {
  39. > list-style: none;
  40. > position: relative;
  41. > }
  42. > .month-view .page-header .title {
  43. > font-family: 'Muli', sans-serif;
  44. > font-size: 1.9em;
  45. > padding: .2em;
  46. > color: #333;
  47. > }
  48. > .month-view .page-header .arrow-left, .month-view .page-header .arrow-right {
  49. > position: absolute;
  50. > top: 50%;
  51. > -webkit-transform: translateY(-50%);
  52. > transform: translateY(-50%);
  53. > }
  54. > .month-view .page-header .arrow-left {
  55. > left: 5%;
  56. > }
  57. > .month-view .page-header .arrow-right {
  58. > right: 5%;
  59. > }
  60. > .month-view .page-header .arrow-left a i, .month-view .page-header .arrow-right a i {
  61. > font-size: 3em;
  62. > text-shadow: 0 0 6px #EF3E40;
  63. > color: #EF3E40;
  64. > -webkit-transition: all .5s;
  65. > transition: all .5s;
  66. > }
  67. > .month-view .page-header .arrow-left a:hover i, .month-view .page-header .arrow-right a:hover i {
  68. > text-shadow: 0 0 9px #B31F21;
  69. > color: #B31F21;
  70. > }
  71. > .month-view #month-wrap {
  72. > margin-top: .5em;
  73. > background: #F9FFFF;
  74. > border: 1px solid #DFEDEE;
  75. > padding: 0 .5em;
  76. > padding-bottom: .5em;
  77. > }
  78. > .month-view #month-wrap .month-labels .weekday {
  79. > padding: .8em 0;
  80. > font-family: 'Muli', sans-serif;
  81. > color: #333;
  82. > font-size: 1.4em;
  83. > font-weight: 500;
  84. > text-shadow: 0 0 2px #333;
  85. > border-bottom: 1px solid rgba(11, 11, 11, .1);
  86. > }
  87. > .month-view #month-wrap .month-grid {
  88. > border-left: 1px solid rgba(11, 11, 11, .1);
  89. > }
  90. > .month-view #month-wrap .month-grid .day {
  91. > border: 1px solid rgba(11, 11, 11, .1);
  92. > background: #FFF;
  93. > border-top: none;
  94. > border-left: none;
  95. > min-height: 180px;
  96. > max-height: 200px;
  97. > }
  98. > .month-view #month-wrap .month-grid .day.today {
  99. > background: #f8f8f8;
  100. > }
  101. > .month-view #month-wrap .month-grid .date-numeral {
  102. > background: -webkit-gradient(linear, left top, left bottom, from(#629DD4), to(#3C77AE));
  103. > background: linear-gradient(#629DD4, #3C77AE);
  104. > }
  105. > .month-view #month-wrap .month-grid .date-numeral a {
  106. > color: #FFF;
  107. > font-family: 'Raleway', sans-serif;
  108. > font-size: 1.1em;
  109. > padding: .5em 0;
  110. > text-align: center;
  111. > -webkit-transition: all .5s;
  112. > transition: all .5s;
  113. > }
  114. > .month-view #month-wrap .month-grid .date-numeral a:hover {
  115. > text-shadow: 0 0 8px #FFF;
  116. > }
  117. > .month-view #month-wrap .month-grid .event-item {
  118. > font-size: 11px;
  119. > font-family: 'Raleway', sans-serif;
  120. > background: rgba(0, 0, 0, .8);
  121. > margin: .2em;
  122. > border-radius: 5px;
  123. > -webkit-box-shadow: 0 0 6px 0 #333;
  124. > box-shadow: 0 0 6px 0 #333;
  125. > }
  126. > .month-view #month-wrap .month-grid .more-events {
  127. > font-size: 11px;
  128. > font-family: 'Raleway', sans-serif;
  129. > background: rgba(253, 253, 235, .9);
  130. > margin: .2em;
  131. > border-radius: 5px;
  132. > -webkit-box-shadow: 0 0 6px 0 #333;
  133. > box-shadow: 0 0 6px 0 #333;
  134. > }
  135. > .month-view #month-wrap .month-grid .more-events a {
  136. > display: block;
  137. > }
  138. > .month-view #month-wrap .month-grid .more-events a {
  139. > color: #222;
  140. > display: block;
  141. > }
  142. > .month-view .event-buttons {
  143. > margin-top: .2em;
  144. > }
  145. > .month-view .event-buttons .btn-primary, #day-view .btn-group .btn-primary {
  146. > display: inline-block;
  147. > padding: 20px 20px;
  148. > font-family: 'Play', sans-serif;
  149. > background: #F9FFFF;
  150. > border: 1px solid rgba(11, 11, 11, .1);
  151. > color: #222;
  152. > margin-top: .5em;
  153. > }
  154. > .month-view .event-buttons .btn-secondary, #day-view .btn-group .btn-secondary, #search-view .btn-group .btn-secondary {
  155. > display: inline-block;
  156. > padding: 20px 20px;
  157. > font-family: 'Play', sans-serif;
  158. > background: #FF585A;
  159. > border: 1px solid rgba(11, 11, 11, .1);
  160. > color: #222;
  161. > margin-top: .5em;
  162. > }
  163. > .month-view .event-buttons a:hover {
  164. > background: #FFFDE1;
  165. > }
  166. > /* [ MONTH EVENT WELL SECTION] */
  167. > .month-view .well {
  168. > margin-top: 1em;
  169. > background: #FFFFFB;
  170. > border: 1px solid rgba(11, 11, 11, .1);
  171. > }
  172. > .month-view .well .title {
  173. > padding: 1em;
  174. > color: #333;
  175. > font-family: 'Varela Round', sans-serif;
  176. > }
  177. > .month-view .well .types {
  178. > padding: 1em;
  179. > }
  180. > /* MONTH EVENT VIEW DAY */
  181. > #day-view .title {
  182. > font-family: 'Raleway', sans-serif;
  183. > color: #333;
  184. > padding: .5em;
  185. > text-align: center;
  186. > background: #FFFDE1;
  187. > border: 1px solid rgba(11, 11, 11, .1);
  188. > border-radius: 5px;
  189. > font-size: 2em;
  190. > }
  191. > #day-view .search-form {
  192. > padding: 1em;
  193. > background: #F9FFFF;
  194. > border: 1px solid rgba(11, 11, 11, .1);
  195. > margin-top: .5em;
  196. > }
  197. > #day-view .search-form .label {
  198. > display: -webkit-box;
  199. > display: -ms-flexbox;
  200. > display: flex;
  201. > -webkit-box-align: center;
  202. > -ms-flex-align: center;
  203. > align-items: center;
  204. > }
  205. > #day-view .search-form label {
  206. > font-family: 'Varela Round', sans-serif;
  207. > color: #333;
  208. > }
  209. > #day-view form.search-form input[type="text"], #search-view form.search-form input[type="text"] {
  210. > margin-bottom: 0;
  211. > margin-left: .5em;
  212. > margin-right: .5em;
  213. > padding: 8px 8px;
  214. > background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F9F9F9));
  215. > background: linear-gradient(#ffffff, #F9F9F9);
  216. > -webkit-box-shadow: 0 0 5px 1px rgba(11, 11, 11, .1) inset;
  217. > box-shadow: 0 0 5px 1px rgba(11, 11, 11, .1) inset;
  218. > border: 1px solid rgba(11, 11, 11, .1);
  219. > -webkit-transition: all .5s;
  220. > transition: all .5s;
  221. > }
  222. > #day-view form.search-form input[type="submit"], #search-view form.search-form input[type="submit"] {
  223. > border: 1px solid rgba(11, 11, 11, .1);
  224. > background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F9F9F9));
  225. > background: linear-gradient(#ffffff, #F9F9F9);
  226. > -webkit-transition: all .5s;
  227. > transition: all .5s;
  228. > margin-bottom: 0;
  229. > margin-left: .5em;
  230. > margin-right: .5em;
  231. > padding: 8px 8px;
  232. > }
  233. > #day-view form.search-form input[type="text"]:hover, #day-view form.search-form input[type="submit"]:hover, #search-view form.search-form input[type="text"]:hover, #search-view form.search-form input[type="submit"]:hover {
  234. > border-color: #EF3E40;
  235. > -webkit-box-shadow: 0 0 6px 0 #EF3E40;
  236. > box-shadow: 0 0 6px 0 #EF3E40;
  237. > background: #FFF;
  238. > }
  239. > #day-view form.search-form input[type="submit"]:hover, #search-view form.search-form input[type="submit"]:hover {
  240. > background: #EF3E40;
  241. > color: #FFF;
  242. > cursor: pointer;
  243. > }
  244. > #day-view form.search-form input[type="text"]:focus, #search-view form.search-form input[type="text"]:focus {
  245. > border-color: #EF3E40;
  246. > -webkit-box-shadow: 0 0 6px 0 #EF3E40;
  247. > box-shadow: 0 0 6px 0 #EF3E40;
  248. > outline: 0;
  249. > background: #FFF;
  250. > }
  251. > #day-view .days-nav {
  252. > padding: 0;
  253. > margin-top: 1em;
  254. > }
  255. > #day-view .days-nav .yesterday-link a, #day-view .days-nav .tomorrow-link a {
  256. > display: inline-block;
  257. > padding: .5em;
  258. > font-family: 'Play', sans-serif;
  259. > font-style: italic;
  260. > font-size: 1.2em;
  261. > }
  262. > #day-view .no-events {
  263. > border: 1px solid rgba(11, 11, 11, .1);
  264. > font-family: 'Play', sans-serif;
  265. > text-align: center;
  266. > border-radius: 6px;
  267. > }
  268. > /* [EVENT SEARCH] */
  269. > #search-view .title {
  270. > font-family: 'Raleway', sans-serif;
  271. > color: #333;
  272. > padding: .5em;
  273. > text-align: center;
  274. > background: #FFFDE1;
  275. > border: 1px solid rgba(11, 11, 11, .1);
  276. > border-radius: 5px;
  277. > font-size: 2em;
  278. > }
  279. > #search-view .btn-group .btn-primary {
  280. > display: inline-block;
  281. > padding: 20px 20px;
  282. > font-family: 'Play', sans-serif;
  283. > background: #F9FFFF;
  284. > border: 1px solid rgba(11, 11, 11, .1);
  285. > color: #222;
  286. > margin-top: .5em;
  287. > }
  288. > #search-view .search-form {
  289. > padding: 1em;
  290. > background: #F9FFFF;
  291. > border: 1px solid rgba(11, 11, 11, .1);
  292. > margin-top: .5em;
  293. > }
  294. > #search-view .search-form .label {
  295. > display: -webkit-box;
  296. > display: -ms-flexbox;
  297. > display: flex;
  298. > -webkit-box-align: center;
  299. > -ms-flex-align: center;
  300. > align-items: center;
  301. > }
  302. > #search-view .highlight {
  303. > margin: 0;
  304. > padding: 1em;
  305. > font-family: 'Play', sans-serif;
  306. > }
  307. > #search-view .events-wrap {
  308. > display: -webkit-box;
  309. > display: -ms-flexbox;
  310. > display: flex;
  311. > -webkit-box-orient: vertical;
  312. > -webkit-box-direction: normal;
  313. > -ms-flex-direction: column;
  314. > flex-direction: column;
  315. > margin: 0;
  316. > }
  317. > #search-view .events-wrap .event-wrap {
  318. > border: 1px solid rgba(11, 11, 11, .1);
  319. > background: #F9FFFF;
  320. > }
  321. > #search-view .events-wrap .event-wrap .navbar-collapse {
  322. > display: -webkit-box;
  323. > display: -ms-flexbox;
  324. > display: flex;
  325. > -webkit-box-pack: justify;
  326. > -ms-flex-pack: justify;
  327. > justify-content: space-between;
  328. > background-color: #efd;
  329. > padding: 0 5px 0;
  330. > border-top: solid 1px rgba(11, 11, 11, .1);
  331. > font-size: 12px;
  332. > min-height: 28px;
  333. > line-height: 18px;
  334. > font-family: arial, tahoma, sans-serif;
  335. > }
  336. > #search-view .events-wrap .event-wrap .time-stamp {
  337. > font-size: 1.3em;
  338. > font-family: 'Raleway', sans-serif;
  339. > }
  340. > #search-view .events-wrap .event-wrap .event-info {
  341. > background-color: white;
  342. > border-left: solid 1px rgba(11, 11, 11, .1);
  343. > }
  344. > #search-view .events-wrap .event-wrap .event-info h3 {
  345. > font-family: 'Raleway', sans-serif;
  346. > }
  347. > #search-view .events-wrap .event-wrap .navbar-collapse .navbar-nav {
  348. > list-style: none;
  349. > display: -webkit-box;
  350. > display: -ms-flexbox;
  351. > display: flex;
  352. > }
  353. > #search-view .events-wrap .event-wrap .t-meta-perm-status {
  354. > padding-top: 5px;
  355. > margin-left: 5px;
  356. > }
  357. > #search-view .events-wrap .event-wrap .t-meta-options-links {
  358. > position: relative;
  359. > font-size: 12px;
  360. > list-style: none;
  361. > }
  362. > #search-view .events-wrap .event-wrap .t-meta-options-links li {
  363. > list-style-type: none;
  364. > margin-left: 14px;
  365. > font-size: 12px;
  366. > position: relative;
  367. > }
  368. > #search-view .events-wrap .event-wrap .t-meta-perm-status li {
  369. > margin: 0 10px 0 0;
  370. > }
  371. > #search-view .events-wrap .event-wrap .t-meta-options-links li .dropdown-menu {
  372. > position: absolute;
  373. > z-index: 100;
  374. > background: #efd;
  375. > bottom: 100%;
  376. > display: none;
  377. > border: 1px solid rgba(11, 11, 11, .1);
  378. > }
  379. > #search-view .events-wrap .event-wrap .t-meta-options-links li:hover .dropdown-menu {
  380. > display: block;
  381. > }
  382. > #search-view .events-wrap .event-wrap .t-meta-options-links li .dropdown-menu li a {
  383. > display: block;
  384. > padding: 5px 10px;
  385. > }
  386. > #search-view .t-search-result-footer {
  387. > padding: .5em;
  388. > }
  389. > #search-view .t-search-result-footer .list-unstyled {
  390. > list-style: none;
  391. > }
  392. > /* [search-view .pagination] */
  393. > #search-view .pagination {
  394. > display: -webkit-box;
  395. > display: -ms-flexbox;
  396. > display: flex;
  397. > -webkit-box-pack: center;
  398. > -ms-flex-pack: center;
  399. > justify-content: center;
  400. > list-style: none;
  401. > }
  402. > #search-view .pagination li.disabled {
  403. > display: none;
  404. > }
  405. > #search-view .pagination li a {
  406. > display: inline-block;
  407. > padding: 5px;
  408. > font-size: 1.1em;
  409. > -webkit-box-shadow: 0 0 7px 0 #FDFDEB;
  410. > box-shadow: 0 0 7px 0 #FDFDEB;
  411. > background: #FDFDEB;
  412. > border: 1px solid rgba(11,11,11,.1);
  413. > margin-right: .5em;
  414. > font-family: 'Nunito', sans-serif;
  415. > color: #888;
  416. > -webkit-transition: all .5s;
  417. > transition: all .5s;
  418. > }
  419. > #search-view .pagination li a:hover {
  420. > background: #970747;
  421. > color: #FFF;
  422. > }
  423. > #search-view .pagination li.active a{
  424. > background: #970747;
  425. > color: #FFF;
  426. > text-shadow: 0 0 6px #FFF;
  427. > }
  428. > /* ------------------- */
  429.  
Powered by spacepaste. Paste removal.