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