ui/semantic/galette/globals/site.overrides

   1 /*******************************
   2          Galette Overrides
   3 *******************************/
   4
   5 /*---------------
   6      Global
   7 ----------------*/
   8 .displaynone {
   9   display: none !important;
  10 }
  11
  12 .exemple,
  13 .disabled,
  14 .disabled a {
  15   color: @unselectedTextColor;
  16 }
  17
  18 .inactive {
  19   color: lighten(@grey, 15);
  20   font-style: italic;
  21 }
  22
  23 .language span {
  24   text-transform: uppercase;
  25 }
  26
  27 /*--------------------------------
  28      Base layout and navigation
  29 ---------------------------------*/
  30 html {
  31   overflow: hidden;
  32 }
  33
  34 body.pushable:not(.loggedin) > .pusher {
  35     display: flex;
  36     justify-content: center;
  37 }
  38
  39 .loggedin #main .main-content {
  40   padding: 1.25rem;
  41 }
  42
  43 #top-navbar,
  44 aside.computer.toc {
  45   background: @galetteNavBackground;
  46 }
  47
  48 #top-navbar.ui.menu .item img.logo {
  49   margin-right: 1.5rem;
  50   max-height: 2.5rem;
  51   width: auto;
  52 }
  53
  54 #top-navbar div.item a.button:not(:first-child) {
  55   margin-left: .5rem;
  56 }
  57
  58 .ui.grid.align-items-center {
  59   align-items: center;
  60 }
  61
  62 .ui.grid > aside.column:not(.row) {
  63   padding-bottom: 2rem;
  64 }
  65
  66 .ui.fixed.menu + .pusher {
  67   padding-top: 4.5rem;
  68 }
  69
  70 aside.toc {
  71   display: none;
  72 }
  73
  74 aside .ui.vertical.menu {
  75   width: auto;
  76   max-width: 100%;
  77 }
  78
  79 footer,
  80 footer .ui.horizontal.list .list > .item,
  81 footer .ui.horizontal.list > .item{
  82   font-size: .95rem;
  83 }
  84
  85 @media only screen and (max-width: 991px) {
  86   #top-navbar .item:not(.header):not(.toc) {
  87     display: none;
  88   }
  89   .sidebar.uncover + .fixed.menu .toc i::before {
  90     content: '\f00d';
  91   }
  92 }
  93
  94 @media only screen and (min-width: 992px) {
  95   html {
  96       overflow-x: visible;
  97       -webkit-overflow-scrolling: auto;
  98   }
  99   .loggedin .ui.top.menu:not(.vertical):not(.tabular):not(.tabs),
 100   .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.header,
 101   .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.toc {
 102     display: none;
 103   }
 104   .loggedin .ui.fixed.menu + .pusher {
 105     padding-top: 0;
 106   }
 107
 108   aside.toc {
 109     display: block;
 110     position: fixed !important;
 111     height: 100%;
 112     overflow-y: scroll;
 113     width: 260px;
 114     padding: 1.25rem;
 115   }
 116
 117   body:not(.front-page) section.content {
 118     margin-left: 260px;
 119     flex: 1 1 auto;
 120   }
 121
 122   section.desktop .container {
 123     max-width: 695px;
 124     margin: 0 auto;
 125   }
 126
 127   /*
 128    * .pusher doesn't play well with sticky position children.
 129    * It is required for sidebars, which are only used at the moment on
 130    * lower resolutions. So it is safe to reset its overflow property.
 131    *
 132    */
 133   body.pushable > .pusher:not(.overflowing) {
 134     overflow: unset;
 135   }
 136   .position-sticky {
 137     position: sticky;
 138     top: 0px;
 139     z-index: 10;
 140   }
 141 }
 142
 143 @media only screen and (min-width: 1200px) {
 144   aside.toc {
 145     width: 350px;
 146   }
 147
 148   body:not(.front-page) section.content {
 149     margin-left: 350px;
 150   }
 151
 152   section.desktop .container {
 153     max-width: 850px;
 154   }
 155 }
 156
 157 /*---------------------------------
 158     Desktop main activities
 159 ----------------------------------*/
 160 #main-activities a i {
 161   opacity: .6;
 162 }
 163
 164 #main-activities a:hover i {
 165   opacity: 1;
 166   color: @primaryColor;
 167 }
 168
 169 #main-activities .header {
 170   color: @textColor;
 171 }
 172
 173 /*-----------------------
 174     Sortable items
 175 ------------------------*/
 176 ul.sortable-items {
 177   list-style-type: none;
 178   margin: 0;
 179   padding: 0;
 180 }
 181
 182 .sortable-items {
 183   .ui.segment {
 184     cursor: move;
 185     background-color: @evenLineBackgroundColor;
 186
 187     &:hover {
 188       background-color: @activeLineBackgroundColor;
 189     }
 190   }
 191 }
 192
 193 /*--------------------
 194     Leading dots
 195 ---------------------*/
 196 ul.leaders {
 197   display: block!important;
 198   max-width: 40em;
 199   padding: 0;
 200   overflow-x: hidden;
 201   list-style: none;
 202   overflow: hidden;
 203 }
 204 ul.leaders li {
 205   position: relative;
 206 }
 207 ul.leaders li:before {
 208   float: left;
 209   width: 0;
 210   white-space: nowrap;
 211   content:
 212     ". . . . . . . . . . . . . . . . . . . . "
 213     ". . . . . . . . . . . . . . . . . . . . "
 214     ". . . . . . . . . . . . . . . . . . . . "
 215     ". . . . . . . . . . . . . . . . . . . . "
 216 }
 217 ul.leaders span:first-child {
 218   padding-right: 0.33em;
 219   background: white
 220 }
 221 ul.leaders span + span {
 222   padding-left: 0.33em;
 223   position: absolute;
 224   background: white;
 225   right: 0;
 226 }
 227
 228 /*-------------------------
 229     Back top top button
 230 --------------------------*/
 231 #back2top {
 232   position: fixed;
 233   right: 0;
 234   bottom: 0;
 235   z-index: 2;
 236   opacity: 0.45;
 237 }
 238
 239 #back2top:hover {
 240   opacity: 1;
 241 }
 242
 243 /*------------------------------------------------
 244     Fix conflicts between SUI and icons classes
 245 -------------------------------------------------*/
 246 .ui.card.icon {
 247   width: auto;
 248   display: inline-block;
 249   margin-right: .25rem;
 250   box-shadow: none;
 251 }
 252
 253 /*---------------------------------
 254     Fix Summernote modal display
 255 ----------------------------------*/
 256
 257 .note-modal-backdrop,
 258 .note-modal .note-group-select-from-files {
 259   display: none !important;
 260 }
 261
 262 .note-modal.open {
 263   background: rgba(0,0,0,0.5);
 264 }
 265
 266 .note-modal .note-modal-content {
 267   position: fixed;
 268   top: 50%;
 269   left: 50%;
 270   transform: translateX(-50%) translateY(-50%);
 271   margin: 30px 0;
 272 }
 273
 274 .required .note-editable {
 275   font-weight: normal;
 276 }
 277
 278 .note-modal .note-modal-footer {
 279   height: 62px;
 280 }
 281
 282 .note-modal .note-btn {
 283   padding: 10px;
 284 }
 285
 286 @media only screen and (min-width: 768px) {
 287   .note-modal-content {
 288     margin: 0;
 289   }
 290 }
 291
 292 /*-------------------------
 293     Print stylesheet
 294 --------------------------*/
 295 @media print {
 296   html,
 297   body.pushable,
 298   body.pushable > .pusher {
 299     overflow: unset;
 300   }
 301
 302   body,
 303   body.pushable {
 304     background: #fff;
 305   }
 306
 307   .ui.fixed.menu + .pusher {
 308     padding-top: 0;
 309   }
 310
 311   table.listing tbody tr:hover > td {
 312     background-color: inherit !important;
 313   }
 314
 315   .displaynone,
 316   #top-navbar,
 317   aside.toc,
 318   #recup_mailing,
 319   form.filters,
 320   .ui.horizontal.checkboxes.segments,
 321   table input[type=checkbox],
 322   .infoline .button,
 323   .infoline .right.aligned.segment,
 324   .actions_row,
 325   .ui.pagination.menu,
 326   section.content > footer,
 327   #back2top {
 328     display: none !important;
 329   }
 330 }