ui/semantic/galette/globals/site.overrides

   1 /*******************************
   2          Galette Overrides
   3 *******************************/
   4
   5 html {
   6   overflow: hidden;
   7 }
   8
   9 .sr-only {
  10   display: none;
  11 }
  12
  13 #back2top {
  14   position: fixed;
  15   right: 0;
  16   bottom: 0;
  17   z-index: 2;
  18   opacity: 0.45;
  19 }
  20
  21 #back2top:hover {
  22   opacity: 1;
  23 }
  24
  25 #top-navbar,
  26 aside.computer.toc {
  27   background: @galetteNavBackground;
  28 }
  29
  30 #top-navbar.ui.menu .item img.logo {
  31   margin-right: 1.5rem;
  32   max-height: 2.5rem;
  33   width: auto;
  34 }
  35
  36 #top-navbar div.item a.button:not(:first-child) {
  37   margin-left: .5rem;
  38 }
  39
  40 .language span {
  41   text-transform: uppercase;
  42 }
  43
  44 body.pushable:not(.loggedin) > .pusher {
  45     display: flex;
  46     justify-content: center;
  47 }
  48
  49 .ui.fixed.menu + .pusher {
  50   padding-top: 4.5rem;
  51 }
  52
  53 .ui.grid > aside.column:not(.row) {
  54   padding-bottom: 2rem;
  55 }
  56
  57 aside.toc {
  58   display: none;
  59 }
  60
  61 aside .ui.vertical.menu {
  62   width: auto;
  63   max-width: 100%;
  64 }
  65
  66 section.content,
  67 .front-page section:not(.content) {
  68   padding: 1.25rem;
  69 }
  70
  71 #recup_mailing.ui.tertiary.button,
  72 #recup_mailing.ui.button > .icon {
  73   margin: 0 !important;
  74 }
  75
  76 #main-activities a i {
  77   opacity: .6;
  78 }
  79
  80 #main-activities a:hover i {
  81   opacity: 1;
  82   color: @primaryColor;
  83 }
  84
  85 #main-activities .header {
  86   color: @textColor;
  87 }
  88
  89 .ui.floating.compact.labeled.dropdown.button {
  90   .menu {
  91     min-width: auto;
  92   }
  93   .label + .dropdown.icon {
  94     margin-top: .4em;
  95   }
  96 }
  97
  98 #filtre .fields .fields {
  99   margin: 0;
 100 }
 101
 102 #filtre .fields .field.flexend {
 103   display: flex;
 104   align-items: flex-end;
 105 }
 106
 107 .ui .fields:first-child:last-child {
 108   margin-bottom: 0;
 109 }
 110
 111 .ui.attached.accordion-styled.header,
 112 .ui.attached.accordion-styled.segment {
 113   border: 1px solid @primaryColor;
 114 }
 115 .ui.attached.accordion-styled.header {
 116   background: @lightPrimaryColor;
 117   color: darken(@textColor, 15);
 118   border-bottom: none;
 119 }
 120 .ui.attached.accordion-styled.segment {
 121   border-top: none;
 122 }
 123
 124 ul.sortable-items {
 125   list-style-type: none;
 126   margin: 0;
 127   padding: 0;
 128 }
 129 .sortable-items {
 130   .ui.segment {
 131     cursor: move;
 132     background-color: @evenLineBackgroundColor;
 133
 134     &:hover {
 135       background-color: @activeLineBackgroundColor;
 136     }
 137   }
 138 }
 139
 140 footer,
 141 footer .ui.horizontal.list .list > .item,
 142 footer .ui.horizontal.list > .item{
 143   font-size: .95rem;
 144 }
 145
 146 #selected_members {
 147   .bottom.segment {
 148     max-height: 320px;
 149     overflow-y: auto;
 150   }
 151 }
 152
 153 .ui.grid.align-items-center {
 154   align-items: center;
 155 }
 156
 157 @media only screen and (max-width: 991px) {
 158   #top-navbar .item:not(.header):not(.toc) {
 159     display: none;
 160   }
 161   .sidebar.uncover + .fixed.menu .toc i::before {
 162     content: '\f00d';
 163   }
 164 }
 165
 166 @media only screen and (min-width: 992px) {
 167   html {
 168       overflow-x: visible;
 169       -webkit-overflow-scrolling: auto;
 170   }
 171   .loggedin .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) {
 172     display: none;
 173   }
 174   .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.header,
 175   .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.toc {
 176     display: none;
 177   }
 178   .loggedin .ui.fixed.menu + .pusher {
 179     padding-top: 0;
 180   }
 181   aside.toc {
 182     display: block;
 183     position: fixed !important;
 184     height: 100%;
 185     overflow-y: scroll;
 186     width: 260px;
 187     padding: 1.25rem;
 188   }
 189   body:not(.front-page) section.content {
 190     margin-left: 260px;
 191     flex: 1 1 auto;
 192     padding: 1.25rem;
 193   }
 194   section.desktop .container {
 195     max-width: 695px;
 196     margin: 0 auto;
 197   }
 198   /*
 199    * .pusher doesn't play well with sticky position children.
 200    * It is required for sidebars, which are only used at the moment on
 201    * lower resolutions. So it is safe to reset its overflow property.
 202    *
 203    */
 204   body.pushable > .pusher {
 205     overflow: unset;
 206   }
 207   .position-sticky {
 208     position: sticky;
 209     top: 10px;
 210     z-index: 1;
 211   }
 212 }
 213
 214 @media only screen and (min-width: 1200px) {
 215   aside.toc {
 216     width: 350px;
 217   }
 218   body:not(.front-page) section.content {
 219     margin-left: 350px;
 220   }
 221   section.desktop .container {
 222     max-width: 850px;
 223   }
 224 }
 225
 226 /*------------------------------------------------
 227     Fix conflicts between SUI and icons classes
 228 -------------------------------------------------*/
 229 .ui.card.icon {
 230   width: auto;
 231   display: inline-block;
 232   margin-right: .25rem;
 233 }
 234 .ui.grey.card.icon {
 235   box-shadow: none;
 236 }
 237
 238 /*---------------------------------
 239     Fix Summernote modal display
 240 ----------------------------------*/
 241
 242 .note-modal-backdrop {
 243   display: none !important;
 244 }
 245 .note-modal.open {
 246   background: rgba(0,0,0,0.5);
 247 }
 248 .note-modal-content {
 249   position: fixed;
 250   top: 50%;
 251   left: 50%;
 252   transform: translateX(-50%) translateY(-50%);
 253 }
 254 .note-modal .note-btn {
 255   margin-bottom: 1rem;
 256   padding: 10px;
 257 }
 258
 259 /*-------------
 260      No JS
 261 --------------*/
 262 .nojs select[multiple].ui.dropdown {
 263   height: 7rem;
 264 }
 265 .nojs .sortable-items .ui.segment {
 266   cursor: auto;
 267 }