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   }
 129
 130   body:not(.front-page) section.content {
 131     margin-left: 260px;
 132     flex: 1 1 auto;
 133   }
 134
 135   section.desktop .container {
 136     max-width: 695px;
 137     margin: 0 auto;
 138   }
 139
 140   /*
 141    * .pusher doesn't play well with sticky position children.
 142    * It is required for sidebars, which are only used at the moment on
 143    * lower resolutions. So it is safe to reset its overflow property.
 144    *
 145    */
 146   body.pushable > .pusher:not(.overflowing) {
 147     overflow: unset;
 148   }
 149   .position-sticky {
 150     position: sticky;
 151     top: 0px;
 152     z-index: 10;
 153   }
 154 }
 155
 156 @media only screen and (min-width: 1200px) {
 157   aside.toc {
 158     width: 350px;
 159   }
 160
 161   body:not(.front-page) section.content {
 162     margin-left: 350px;
 163   }
 164
 165   section.desktop .container {
 166     max-width: 850px;
 167   }
 168 }
 169
 170 /*---------------------------------
 171     Desktop main activities
 172 ----------------------------------*/
 173 #main-activities a i {
 174   opacity: .6;
 175 }
 176
 177 #main-activities a:hover i {
 178   opacity: 1;
 179   color: @primaryColor;
 180 }
 181
 182 #main-activities .header {
 183   color: @textColor;
 184 }
 185
 186 /*-----------------------
 187     Sortable items
 188 ------------------------*/
 189 ul.sortable-items {
 190   list-style-type: none;
 191   margin: 0;
 192   padding: 0;
 193 }
 194
 195 .sortable-items {
 196   .ui.segment {
 197     cursor: move;
 198     background-color: @evenLineBackgroundColor;
 199
 200     &:hover {
 201       background-color: @activeLineBackgroundColor;
 202     }
 203   }
 204 }
 205
 206 /*--------------------
 207     Leading dots
 208 ---------------------*/
 209 ul.leaders {
 210   display: block!important;
 211   max-width: 40em;
 212   padding: 0;
 213   overflow-x: hidden;
 214   list-style: none;
 215   overflow: hidden;
 216 }
 217 ul.leaders li {
 218   position: relative;
 219 }
 220 ul.leaders li:before {
 221   float: left;
 222   width: 0;
 223   white-space: nowrap;
 224   content:
 225     ". . . . . . . . . . . . . . . . . . . . "
 226     ". . . . . . . . . . . . . . . . . . . . "
 227     ". . . . . . . . . . . . . . . . . . . . "
 228     ". . . . . . . . . . . . . . . . . . . . "
 229 }
 230 ul.leaders span:first-child {
 231   padding-right: 0.33em;
 232   background: white
 233 }
 234 ul.leaders span + span {
 235   padding-left: 0.33em;
 236   position: absolute;
 237   background: white;
 238   right: 0;
 239 }
 240
 241 /*-------------------------
 242     Back top top button
 243 --------------------------*/
 244 #back2top {
 245   position: fixed;
 246   right: 0;
 247   bottom: 0;
 248   z-index: 2;
 249   opacity: 0.45;
 250 }
 251
 252 #back2top:hover {
 253   opacity: 1;
 254 }
 255
 256 /*------------------------------------------------
 257     Fix conflicts between SUI and icons classes
 258 -------------------------------------------------*/
 259 .ui.card.icon {
 260   width: auto;
 261   display: inline-block;
 262   margin-right: .25rem;
 263   box-shadow: none;
 264 }
 265
 266 /*---------------------------------
 267     Fix Summernote modal display
 268 ----------------------------------*/
 269
 270 .note-modal-backdrop,
 271 .note-modal .note-group-select-from-files {
 272   display: none !important;
 273 }
 274
 275 .note-modal.open {
 276   background: rgba(0,0,0,0.5);
 277 }
 278
 279 .note-modal .note-modal-content {
 280   position: fixed;
 281   top: 50%;
 282   left: 50%;
 283   transform: translateX(-50%) translateY(-50%);
 284   margin: 30px 0;
 285 }
 286
 287 .required .note-editable {
 288   font-weight: normal;
 289 }
 290
 291 .note-modal .note-modal-footer {
 292   height: 62px;
 293 }
 294
 295 .note-modal .note-btn {
 296   padding: 10px;
 297 }
 298
 299 @media only screen and (min-width: 768px) {
 300   .note-modal-content {
 301     margin: 0;
 302   }
 303 }
 304
 305 /*-----------------------------
 306     Summernote display
 307 ------------------------------*/
 308 .field .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
 309     background-color: #fff;
 310 }
 311 .ui.corner.labeled .note-editor {
 312   width: 100%;
 313 }
 314
 315 /*-------------------------
 316     Print stylesheet
 317 --------------------------*/
 318 @media print {
 319   html,
 320   body.pushable,
 321   body.pushable > .pusher {
 322     overflow: unset;
 323   }
 324
 325   body,
 326   body.pushable {
 327     background: #fff;
 328   }
 329
 330   .ui.fixed.menu + .pusher {
 331     padding-top: 0;
 332   }
 333
 334   table.listing tbody tr:hover > td {
 335     background-color: inherit !important;
 336   }
 337
 338   .displaynone,
 339   #top-navbar,
 340   aside.toc,
 341   #recup_mailing,
 342   form.filters,
 343   .ui.horizontal.checkboxes.segments,
 344   table input[type=checkbox],
 345   .infoline .button,
 346   .infoline .right.aligned.segment,
 347   .actions_row,
 348   .ui.pagination.menu,
 349   section.content > footer,
 350   #back2top {
 351     display: none !important;
 352   }
 353 }