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