openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

openrat-ui.less (2601B)

      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 {
     77     &-search > .or-input {
     78         //padding-top: 1px;
     79         box-shadow: none !important;
     80         background-color: transparent !important;
     81 
     82     }
     83 
     84     /* After page loading, all elements are hidden. This class will be removed by javascript. */
     85     &--initial-hidden {
     86         opacity: 0;
     87         //transition: opacity ease-in-out;
     88     }
     89 
     90     &-view-flying-button {
     91         display: block;
     92         bottom: 1em;
     93         right: 1em;
     94         position: absolute;
     95     }
     96 
     97     &-linklist {
     98         display: flex;
     99         flex-direction: column;
    100         padding: 10% 20%;
    101 
    102         > .or-linklist-line {
    103             border:1px solid;
    104             margin-top:1em;
    105             padding:1em;
    106             .border-radius(0.5em);
    107         }
    108     }
    109 
    110 
    111     &-dirty {
    112         font-weight: bold;
    113     }
    114 
    115     &-draggable {
    116       cursor: move;
    117     }
    118 
    119     &-droppable {
    120 
    121         &--active {
    122 
    123             background-color: #3c8b2e !important;
    124             cursor: move;
    125             z-index: 3;
    126         }
    127 
    128         &--hover {
    129             background-color: #08f169 !important;
    130             cursor: move;
    131             z-index: 3;
    132         }
    133     }
    134 
    135 
    136     &--invisible {
    137         visibility: hidden;
    138     }
    139 
    140     &--visible {
    141         visibility: visible;
    142     }
    143     &--off {
    144         display: none;
    145     }
    146 
    147 
    148     &-link {
    149       color: inherit;
    150       &--is-active {
    151         font-weight: bold;
    152       }
    153   }
    154 
    155 }
    156 
    157 
    158 
    159 
    160 
    161 
    162 legend {
    163     font-size: 1.1em;
    164     font-weight: bold;
    165     padding: 0 0.5em; ;
    166 }