Advertisement
Guest User

Untitled

a guest
May 31st, 2018
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
SAS 7.00 KB | None | 0 0
  1. .ac-calendar-main-wrapper {
  2.     position: relative;
  3.     top: -120px;
  4. }
  5.  
  6. .ac-calendar-title-wrapper {
  7.     background-color: $seashell;
  8.  
  9.     h1 {
  10.         color: $honey-flower;
  11.         text-transform: uppercase;
  12.         text-align: center;
  13.         padding-top: 150px;
  14.         padding-bottom: 150px;
  15.         font-size: 72px;
  16.     }
  17. }
  18.  
  19. .event-image-wrapper {
  20.     min-height: 100px;
  21.     width: 100%;
  22.  
  23.     img {
  24.         min-height: 100px;
  25.         width: 100%;
  26.     }
  27. }
  28.  
  29. .ac-calendar-categories-wrapper {
  30.     margin-bottom: 100px;
  31.     margin-top: 40px;
  32.  
  33.     ul {
  34.         text-align: center;
  35.  
  36.         &:before {
  37.             height: 1px;
  38.             display: block;
  39.             width: 100%;
  40.             position: absolute;
  41.             top: 215px;
  42.             background-color: $seashell;
  43.             content: '';
  44.             left: 0;
  45.         }
  46.  
  47.         &:after {
  48.             height: 1px;
  49.             display: block;
  50.             width: 100%;
  51.             position: absolute;
  52.             top: 290px;
  53.             background-color: $seashell;
  54.             content: '';
  55.             left: 0;
  56.             z-index: $lvl-1;
  57.         }
  58.  
  59.         li {
  60.             display: inline;
  61.             padding: 50px;
  62.             font-size: 20px;
  63.             font-family: "Comorant";
  64.             color: $venus;
  65.             position: relative;
  66.  
  67.             &:before {
  68.                 content: '';
  69.                 display: inline-block;
  70.                 width: 15px;
  71.                 height: 15px;
  72.                 -moz-border-radius: 7.5px;
  73.                 -webkit-border-radius: 7.5px;
  74.                 border-radius: 7.5px;
  75.                 background-color: $fedora;
  76.                 position: absolute;
  77.                 top: 20px;
  78.                 left: 60px;
  79.             }
  80.  
  81.             &.active {
  82.                 font-weight: bold;
  83.  
  84.                 &:after {
  85.                     content: '';
  86.                     display: inline-block;
  87.                     width: 15px;
  88.                     height: 15px;
  89.                     -moz-border-radius: 7.5px;
  90.                     -webkit-border-radius: 7.5px;
  91.                     border-radius: 7.5px;
  92.                     background-color: $fedora;
  93.                     position: absolute;
  94.                     top: 20px;
  95.                     left: 10px;
  96.                 }
  97.             }
  98.         }
  99.     }
  100. }
  101.  
  102. #calendar {
  103.     .fc-header-toolbar {
  104.         margin-bottom: 100px;
  105.         margin-top: 100px;
  106.  
  107.         .fc-center {
  108.             // padding-bottom: 100px;
  109.             h2 {
  110.                 font-size: 24px;
  111.                 color: $venus;
  112.                 font-family: 'Comorant';
  113.             }
  114.  
  115.             .fc-prev-button, .fc-next-button {
  116.                 background: none;
  117.                 color: inherit;
  118.                 border: none;
  119.                 padding: 0;
  120.                 font: inherit;
  121.                 cursor: pointer;
  122.                 outline: inherit;
  123.  
  124.                 .fc-icon {
  125.                     font-size: 28px;
  126.                     top: -4px;
  127.                     margin: 0 60px;
  128.                 }
  129.             }
  130.         }
  131.     }
  132.  
  133.     .fc-state-default {
  134.         box-shadow: none;
  135.     }
  136. }
  137.  
  138. .fc-view-container {
  139.    
  140. }
  141.  
  142. .fc-unthemed td.fc-today {
  143.     background: $bon-jour !important;
  144.  
  145.     &.fc-day-top:before {
  146.         content: 'Today';
  147.         width: 15px;
  148.         height: 15px;
  149.         -moz-border-radius: 7.5px;
  150.         -webkit-border-radius: 7.5px;
  151.         text-transform: uppercase;
  152.         color: #45196E;
  153.         position: absolute;
  154.         top: -18px;
  155.         left: 26%;
  156.         font-family: 'Roboto Regular';
  157.         font-size: 18px;
  158.         font-weight: bold;
  159.  
  160.         @include lg-devices-down {
  161.             left: 20%;
  162.             font-size: 14px;
  163.         }
  164.     }
  165. }
  166.  
  167. /*.fc-unthemed .fc-day-top.fc-today{
  168.    
  169.  
  170.     &:before {
  171.         content: 'Today';
  172.         width: 15px;
  173.         height: 15px;
  174.         -moz-border-radius: 7.5px;
  175.         -webkit-border-radius: 7.5px;
  176.         text-transform: uppercase;
  177.         color: #45196E;
  178.         position: absolute;
  179.         top: 10px;
  180.         right: 55%;
  181.         font-family: 'Roboto Regular';
  182.         font-size: 20px;
  183.         font-weight: bold;
  184.     }
  185. }*/
  186.  
  187. .fc-other-month {
  188.     background-color: $white !important;
  189. }
  190.  
  191. .fc-other-month .fc-day-number, .fc-other-month .date-week-name {
  192.     display: none !important;
  193. }
  194.  
  195. .fc-basic-view .fc-body .fc-row {
  196.     border: none;
  197.     margin-bottom: 20px;
  198.     background-color: $alabaster !important;
  199.     //min-height:200px !important;
  200. }
  201.  
  202. .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  203.     background-color: #45196E;
  204.     color: #ffffff;
  205.     font-size: 28px;
  206.     font-family: 'Comorant';
  207.     position: relative;
  208.     top: -20px;
  209.     right: 20px;
  210.     width: 20%;
  211.     height: 38px;
  212.     text-align: center;
  213.     padding-top: 10px;
  214.  
  215.     @include md-devices-down {
  216.         font-size: 20px;
  217.         height: 28px;
  218.         padding-top: 4px;
  219.     }
  220. }
  221.  
  222. .fc-day-top {
  223.     position: relative;
  224.  
  225.     .date-week-name {
  226.         position: absolute;
  227.         top: 35px;
  228.         right: 19px;
  229.         font-size: 18px;
  230.         color: #9B9B9B;
  231.         border-bottom: 3px solid #9B9B9B;
  232.         width: 58px;
  233.         text-align: center;
  234.  
  235.         @include md-devices-down {
  236.             top: 18px;
  237.             right: 16px;
  238.             font-size: 16px;
  239.             width: 34px;
  240.         }
  241.     }
  242. }
  243.  
  244. .fc-event, .fc-event-dot {
  245.     background-color: transparent !important;
  246.     color: $mine-shaft !important;
  247.     border: none !important;
  248.     border-left: 5px solid $disco !important;
  249.     border-radius: 0 !important;
  250.     font-size: 12px !important;
  251.     font-family: 'Roboto Regular';
  252. }
  253.  
  254. .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  255.     border-color: $white !important;
  256. }
  257.  
  258. .fc td, .fc th {
  259.     border-width: 7px !important;
  260. }
  261.  
  262. .fc td.fc-today {
  263.     border-style: solid !important;
  264.     border-bottom: none !important;
  265. }
  266.  
  267. .fc-row fc-week .fc-widget-content {
  268.     height: 400px !important;
  269. }
  270.  
  271.  
  272. .fc-toolbar.fc-footer-toolbar {
  273.     margin-top: 100px !important;
  274.  
  275.     .fc-center {
  276.         // padding-bottom: 100px;
  277.         h2 {
  278.             font-size: 24px;
  279.             color: $venus;
  280.             font-family: 'Comorant';
  281.         }
  282.  
  283.         .fc-prev-button, .fc-next-button {
  284.             background: none;
  285.             color: inherit;
  286.             border: none;
  287.             padding: 0;
  288.             font: inherit;
  289.             cursor: pointer;
  290.             outline: inherit;
  291.  
  292.             .fc-icon {
  293.                 font-size: 28px;
  294.                 top: -4px;
  295.                 margin: 0 60px;
  296.             }
  297.         }
  298.     }
  299. }
  300.  
  301. .fc-state-default {
  302.     box-shadow: none;
  303. }
  304.  
  305. .fc-day-grid-container {
  306.     overflow-x: visible !important;
  307.     overflow-y: visible !important;
  308. }
  309.  
  310. .event-title, .event-time {
  311.     color: $disco;
  312.     margin-bottom: 10px;
  313.     margin-left: 15px;
  314.     font-size: 16px;
  315.     font-weight: 700;
  316.  
  317.     @include lg-devices-down {
  318.         font-size: 12px;
  319.         margin-left: 5px;
  320.     }
  321. }
  322.  
  323. .fc-event-container {
  324.     padding-bottom: 5px !important;
  325.     padding-top: 15px !important;
  326. }
  327.  
  328. .fc-head{
  329.     display:none;
  330. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement