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 .filters .fields .fields {
  99   margin: 0;
 100 }
 101
 102 .filters .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 details.ui.basic.styled.accordion .title {
 125   background: transparent;
 126   color: @textColor;
 127 }
 128
 129 ul.sortable-items {
 130   list-style-type: none;
 131   margin: 0;
 132   padding: 0;
 133 }
 134 .sortable-items {
 135   .ui.segment {
 136     cursor: move;
 137     background-color: @evenLineBackgroundColor;
 138
 139     &:hover {
 140       background-color: @activeLineBackgroundColor;
 141     }
 142   }
 143 }
 144
 145 footer,
 146 footer .ui.horizontal.list .list > .item,
 147 footer .ui.horizontal.list > .item{
 148   font-size: .95rem;
 149 }
 150
 151 #selected_members {
 152   .bottom.segment {
 153     max-height: 320px;
 154     overflow-y: auto;
 155   }
 156 }
 157
 158 .ui.grid.align-items-center {
 159   align-items: center;
 160 }
 161
 162 @media only screen and (max-width: 991px) {
 163   #top-navbar .item:not(.header):not(.toc) {
 164     display: none;
 165   }
 166   .sidebar.uncover + .fixed.menu .toc i::before {
 167     content: '\f00d';
 168   }
 169 }
 170
 171 @media only screen and (min-width: 992px) {
 172   html {
 173       overflow-x: visible;
 174       -webkit-overflow-scrolling: auto;
 175   }
 176   .loggedin .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) {
 177     display: none;
 178   }
 179   .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.header,
 180   .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.toc {
 181     display: none;
 182   }
 183   .loggedin .ui.fixed.menu + .pusher {
 184     padding-top: 0;
 185   }
 186   aside.toc {
 187     display: block;
 188     position: fixed !important;
 189     height: 100%;
 190     overflow-y: scroll;
 191     width: 260px;
 192     padding: 1.25rem;
 193   }
 194   body:not(.front-page) section.content {
 195     margin-left: 260px;
 196     flex: 1 1 auto;
 197     padding: 1.25rem;
 198   }
 199   section.desktop .container {
 200     max-width: 695px;
 201     margin: 0 auto;
 202   }
 203   /*
 204    * .pusher doesn't play well with sticky position children.
 205    * It is required for sidebars, which are only used at the moment on
 206    * lower resolutions. So it is safe to reset its overflow property.
 207    *
 208    */
 209   body.pushable > .pusher:not(.overflowing) {
 210     overflow: unset;
 211   }
 212   .position-sticky {
 213     position: sticky;
 214     top: 0px;
 215     z-index: 10;
 216     margin: -1px -2px 0 -2px;
 217     background-color: @white;
 218     border-bottom: 1px solid @primaryColor;
 219   }
 220 }
 221
 222 @media only screen and (min-width: 1200px) {
 223   aside.toc {
 224     width: 350px;
 225   }
 226   body:not(.front-page) section.content {
 227     margin-left: 350px;
 228   }
 229   section.desktop .container {
 230     max-width: 850px;
 231   }
 232 }
 233
 234 /*------------------------------------------------
 235     Fix conflicts between SUI and icons classes
 236 -------------------------------------------------*/
 237 .ui.card.icon {
 238   width: auto;
 239   display: inline-block;
 240   margin-right: .25rem;
 241   box-shadow: none;
 242 }
 243
 244 /*---------------------------------
 245     Fix Summernote modal display
 246 ----------------------------------*/
 247
 248 .note-modal-backdrop,
 249 .note-modal .note-group-select-from-files {
 250   display: none !important;
 251 }
 252 .note-modal.open {
 253   background: rgba(0,0,0,0.5);
 254 }
 255 .note-modal .note-modal-content {
 256   position: fixed;
 257   top: 50%;
 258   left: 50%;
 259   transform: translateX(-50%) translateY(-50%);
 260   margin: 30px 0;
 261 }
 262 :not(.selectize-input).required .note-editable {
 263   font-weight: normal;
 264 }
 265 .note-modal .note-modal-footer {
 266   height: 62px;
 267 }
 268 .note-modal .note-btn {
 269   padding: 10px;
 270 }
 271 @media only screen and (min-width: 768px) {
 272   .note-modal-content {
 273     margin: 0;
 274   }
 275 }
 276
 277 /*-------------
 278      No JS
 279 --------------*/
 280 .nojs select[multiple].ui.dropdown {
 281   height: 7rem;
 282 }
 283 .nojs .sortable-items .ui.segment {
 284   cursor: auto;
 285 }