File modules/cms/ui/themes/default/style/openrat-ui.less

Last commit: Fri Dec 6 23:29:56 2024 +0100	Jan Dankert	UI: Cleaner profile dialog in navigation menu.


     1 /* Usage to this variable is safe to be removed */
     2 @color-overridden-by-theme: black;
     3 
     4 
     5 html, body { width:100%; height:100%;}
     6 
     7 @wide: ~"only screen and (min-width: 56rem)";
     8 
     9 body {
    10 
    11     @media @wide {
    12 
    13         &:before {
    14             content: "";
    15             position: fixed;
    16             left: 0;
    17             right: 0;
    18             z-index: -1;
    19             width: 100%;
    20             height: 100%;
    21             display: block;
    22             //background-image is set in the theme
    23             background-size: cover;
    24             background-position: center;
    25             background-repeat: no-repeat;
    26         }
    27     }
    28 }
    29 .or-editor-toolbar {
    30   font-size: 1.5em;
    31 }
    32 
    33 .border-radius (@radius) {
    34   border-radius: @radius;
    35   -moz-border-radius: @radius;
    36   -webkit-border-radius: @radius;
    37   -khtml-border-radius: @radius;
    38 }
    39 
    40 
    41 iframe {
    42   width: 100%;
    43   height: 500px;
    44   display: block;
    45 }
    46 
    47 
    48 /* Verweise */
    49 a:link,
    50 a:visited {
    51   font-weight: normal;
    52   text-decoration: none;
    53 }
    54 
    55 a:active,
    56 a:hover {
    57   font-weight: normal;
    58   text-decoration: none;
    59 }
    60 
    61 
    62 .or-act-clickable {
    63   cursor: pointer;
    64 }
    65 
    66 
    67 
    68 /* Make Codemirror Auto-Resizable */
    69 .CodeMirror {
    70   height: auto;
    71 }
    72 
    73 
    74 
    75 
    76 .or-name {
    77   font-size: 1.5em;
    78   display: block;
    79   text-align: center;
    80 }
    81 .or-addition {
    82   font-size: 1.1em;
    83   display: block;
    84   text-align: center;
    85   opacity: 0.8;
    86 }
    87 
    88 .or-filename, .or-extension {
    89   font-family: 'Source Code Pro', Monospace, Monospaced, Courier, monospace;
    90 }
    91 
    92 .or {
    93     &-search > .or-input {
    94         //padding-top: 1px;
    95         box-shadow: none !important;
    96         background-color: transparent !important;
    97 
    98     }
    99 
   100     /* After page loading, all elements are hidden. This class will be removed by javascript. */
   101     &--initial-hidden {
   102         opacity: 0;
   103         //transition: opacity ease-in-out;
   104     }
   105 
   106     &-view-flying-button {
   107         display: block;
   108         bottom: 1em;
   109         right: 1em;
   110         position: absolute;
   111     }
   112 
   113     &-linklist {
   114         display: flex;
   115         flex-direction: column;
   116         padding: 10% 20%;
   117 
   118         > .or-linklist-line {
   119             border:1px solid;
   120             margin-top:1em;
   121             padding:1em;
   122             .border-radius(0.5em);
   123         }
   124     }
   125 
   126 
   127     &-dirty {
   128         font-weight: bold;
   129     }
   130 
   131     &-draggable {
   132       cursor: move;
   133     }
   134 
   135     &-droppable {
   136 
   137         &--active {
   138 
   139             background-color: #3c8b2e !important;
   140             cursor: move;
   141             z-index: 3;
   142         }
   143 
   144         &--hover {
   145             background-color: #08f169 !important;
   146             cursor: move;
   147             z-index: 3;
   148         }
   149     }
   150 
   151 
   152     &--invisible {
   153         visibility: hidden;
   154     }
   155 
   156     &--visible {
   157         visibility: visible;
   158     }
   159     &--off {
   160         display: none;
   161     }
   162 
   163 
   164     &-link {
   165       color: inherit;
   166       &--is-active {
   167         font-weight: bold;
   168       }
   169   }
   170 
   171 }
   172 
   173 
   174 
   175 
   176 
   177 
   178 legend {
   179     font-size: 1.1em;
   180     font-weight: bold;
   181     padding: 0 0.5em; ;
   182 }



Download modules/cms/ui/themes/default/style/openrat-ui.less


History
Fri, 6 Dec 2024 23:29:56 +0100	Jan Dankert	UI: Cleaner profile dialog in navigation menu.
Tue, 1 Mar 2022 23:03:32 +0100	dankert	New: OQuery support for 'parent(selector)' and 'parents(selector)'
Thu, 22 Apr 2021 00:30:08 +0200	Jan Dankert	Fix: Re-enable drag and drop
Mon, 8 Mar 2021 15:04:16 +0100	Jan Dankert	UI Fixes: Table filter should not hide the table header; open actual object in navigation tree; load dialog name from link text.
Mon, 15 Feb 2021 02:27:54 +0100	Jan Dankert	Fix: Drag and drop from the navigation tree to a selector input.
Sat, 13 Feb 2021 00:11:23 +0100	Jan Dankert	New: Transition-Duration is controllable via style configuration. So there is no need for a dedicated FX on/off-switch in the profile.
Sat, 14 Nov 2020 23:13:46 +0100	Jan Dankert	Open the QRcode on click (for touch devices).
Wed, 11 Nov 2020 01:44:59 +0100	Jan Dankert	Fix: The search results are opened with the menu.
Tue, 10 Nov 2020 23:30:07 +0100	Jan Dankert	The background image is now configurable by the style configuration.
Tue, 10 Nov 2020 23:02:27 +0100	Jan Dankert	Colorize the background image with the theme background color.
Tue, 10 Nov 2020 01:16:21 +0100	Jan Dankert	New: Background image
Mon, 9 Nov 2020 22:29:34 +0100	Jan Dankert	UI-Refactoring: The navigation is now on the left side with full height.
Thu, 5 Nov 2020 22:56:49 +0100	Jan Dankert	box-shadow should only be set in the theme css (because a color is needed and a color is theming)
Thu, 5 Nov 2020 22:51:14 +0100	Jan Dankert	Cleaned up the LESS files, more use of the BEM schema.
Mon, 26 Oct 2020 21:36:14 +0100	Jan Dankert	Rename css class 'clickable' to 'act-clickable'; enhanced view 'info' for projects.
Sat, 24 Oct 2020 23:51:11 +0200	Jan Dankert	Cleanup LESS files, introduce BEM.
Wed, 21 Oct 2020 23:13:01 +0200	Jan Dankert	Externalize constants.
Sat, 10 Oct 2020 01:29:41 +0200	Jan Dankert	Refactoring: Only using CSS classes with the 'or-'-prefix.
Tue, 6 Oct 2020 22:23:11 +0200	Jan Dankert	Fix: Selecting a link with the selector (this was unusable since the last template refactoring). Searching is implemented, the selector tree must be fixed soon.
Mon, 5 Oct 2020 23:32:06 +0200	Jan Dankert	UI: Nicer buttons
Mon, 5 Oct 2020 00:10:52 +0200	Jan Dankert	Only show database information in development mode.
Sun, 4 Oct 2020 23:53:25 +0200	Jan Dankert	New: The tree is now hidable with a dedicated button. No more hover effect in the navigation.
Sun, 4 Oct 2020 16:33:53 +0200	Jan Dankert	Refactoring: Using the icon font for displaying arrows.
Fri, 2 Oct 2020 23:11:48 +0200	Jan Dankert	Cleanup: No '.inputholder' any more, notices with links to objects.
Sun, 27 Sep 2020 00:49:48 +0200	Jan Dankert	New: A form in the UI has now a scrollable content and the action bar is fixed at the bottom.
Sun, 23 Feb 2020 04:01:30 +0100	Jan Dankert	Refactoring with Namespaces for the cms modules, part 1: moving.