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