1 /*******************************
3 *******************************/
8 /* Content using displaynone is ignored by screen readers */
10 display: none !important;
13 /* Content using visually-hidden is read by screen readers */
15 position: absolute !important;
18 clip: rect(1px,1px,1px,1px);
24 position: static !important;
35 color: @unselectedTextColor;
39 color: lighten(@grey, 15);
44 text-transform: uppercase;
51 /*---------------------------------------------------------------
52 Override outline on links and navigation elements
53 ----------------------------------------------------------------*/
55 .ui.button:not(.tertiary),
56 .compact_menu .ui.dropdown.item,
57 .ui.dropdown.language,
58 .infoline .ui.dropdown:not(.tertiary) {
60 outline: 3px solid @blueFocus;
64 /*---------------------------------
65 Go to main content link
66 ----------------------------------*/
70 text-decoration: none;
71 color: @invertedTextColor;
73 background-color: @black;
77 position: absolute !important;
86 color: @invertedTextColor;
87 text-decoration: underline;
91 /*--------------------------------
92 Base layout and navigation
93 ---------------------------------*/
98 section.vertically.centered {
100 flex-direction: column;
101 justify-content: center;
103 padding-bottom: 120px;
112 body.pushable:not(.loggedin) {
115 justify-content: center;
117 main ~ footer.ui.segment {
124 background-image: url(@galetteBackgroundImage);
125 background-repeat: no-repeat;
126 background-attachment: fixed;
131 .loggedin #main.rtl {
132 background-image: url(@galetteBackgroundImageRtl);
133 background-position: left top;
136 background: @lightGrey;
139 #top-navbar.ui.menu .item img.logo {
140 margin-right: 1.5rem;
145 #top-navbar div.item a.button:not(:first-child) {
149 .ui.grid.align-items-center {
153 .ui.grid > aside.column:not(.row) {
154 padding-bottom: 2rem;
157 .ui.fixed.menu + .pusher {
162 .ui.segments.header .compact.segment.right {
166 aside .ui.vertical.menu {
172 .ui.horizontal.segments.header {
173 flex-direction: row-reverse;
178 footer .ui.horizontal.list .list > .item,
179 footer .ui.horizontal.list > .item{
183 @media only screen and (max-width: @largestMobileScreen) {
184 html.public_page .ui.ui.ui.container:not(.fluid) {
189 @media only screen and (max-width: 991px) {
193 .sidebar.uncover + .fixed.menu .toc i::before {
198 @media only screen and (min-width: 992px) {
201 -webkit-overflow-scrolling: auto;
203 .loggedin .ui.top.menu:not(.vertical):not(.tabular):not(.tabs),
204 .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.header,
205 .ui.top.menu:not(.vertical):not(.tabular):not(.tabs) .item.toc {
208 .loggedin .ui.fixed.menu + .pusher {
215 .ui.visible.left.sidebar ~ .pusher {
216 transform: translate3d(0, 0, 0) !important;
221 #top-navbar div.item a.button.darkmode span {
226 background: @galetteNavBackground;
231 position: fixed !important;
241 .ui.dropdown .menu > .item:hover,
242 .ui.dropdown .menu > .active.item {
243 background: @white !important;
244 color: @textColor !important;
245 font-weight: 400 !important;
253 .ui.menu .dropdown.item.active-menu {
254 background: @lightGaletteColor;
256 .ui.toggle.checkbox {
261 &:checked ~ label::after {
281 .ui.segments.header .compact.segment.right {
285 html:not(.public_page) body:not(.front-page) main ~ footer.ui.segment,
286 body:not(.front-page) section.content {
294 section.desktop .container {
300 * .pusher doesn't play well with sticky position children.
301 * It is required for sidebars, which are only used at the moment on
302 * lower resolutions. So it is safe to reset its overflow property.
305 body.pushable > .pusher:not(.overflowing) {
315 @media only screen and (max-width: 1199px) {
317 .ui.text.compact.small.fluid.menu {
320 .ui.buttons .button {
327 @media only screen and (min-width: 1200px) {
332 html:not(.public_page) body:not(.front-page) main ~ footer.ui.segment,
333 body:not(.front-page) section.content {
337 section.desktop .container {
342 /*---------------------------------
343 Desktop main activities
344 ----------------------------------*/
345 #main-activities a i {
349 #main-activities a:hover i {
351 color: @primaryColor;
354 #main-activities .header {
358 /*-------------------------
360 --------------------------*/
361 .filters .segment .button,
362 .infoline .segments .fitted.segment .label,
363 .infoline .segments .fitted.segment .tiny.button,
364 #groups_field .button {
365 margin-bottom: 0.75em;
368 /*-----------------------
370 ------------------------*/
372 list-style-type: none;
380 background-color: @evenLineBackgroundColor;
383 background-color: @activeLineBackgroundColor;
388 /*--------------------
390 ---------------------*/
392 display: block!important;
401 ul.leaders li:before {
404 border-bottom: 1px dotted @textColor;
410 ul.leaders span:first-child {
411 padding-right: 0.33em;
414 ul.leaders span + span {
415 padding-left: 0.33em;
421 /*-------------------------
423 --------------------------*/
430 border: 1px solid @borderColor;
433 /*------------------------------------------------
434 Fix conflicts between SUI and icons classes
435 -------------------------------------------------*/
438 display: inline-block;
439 margin-right: .25rem;
440 box-shadow: none !important;
443 /*---------------------------------
444 Fix Summernote modal display
445 ----------------------------------*/
447 .note-modal-backdrop,
448 .note-modal .note-group-select-from-files {
449 display: none !important;
453 background: rgba(0,0,0,0.5);
456 .note-modal .note-modal-content {
460 transform: translateX(-50%) translateY(-50%);
464 .required .note-editable {
468 .note-modal .note-modal-footer {
472 .note-modal .note-btn {
476 @media only screen and (min-width: 768px) {
477 .note-modal-content {
482 /*-----------------------------
484 ------------------------------*/
485 .field .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
486 background-color: #fff;
488 .ui.corner.labeled .note-editor {
492 /*-------------------------
494 --------------------------*/
498 body.pushable > .pusher {
507 html.public_page section.vertically.centered {
508 justify-content: start;
511 .ui.fixed.menu + .pusher {
516 background-image: none;
518 body:not(.loggedin) #main {
523 margin-top: 0 !important;
526 table.listing tbody tr:hover > td {
527 background-color: inherit !important;
535 .ui.horizontal.checkboxes.segments,
536 table input[type=checkbox],
538 .infoline .right.aligned.segment,
541 section.content .main-content > footer,
542 section.content .main-content + footer,
543 section.vertically.centered .main-content + footer,
545 display: none !important;