openrat-cms

# OpenRat Content Management System
git clone http://git.code.weiherhei.de/openrat-cms.git
Log | Files | Refs

openrat-header.less (3141B)

      1 /*   H e a d e r   */
      2 #title {
      3 
      4     overflow: hidden;
      5     padding: 5px;
      6 }
      7 
      8 .or-menu {
      9 
     10     display: flex;
     11     justify-content: space-between;
     12 
     13     .or-menu-group {
     14         display: flex;
     15 
     16         // Menüeinträge auf der rechten Seite rechtsbündig anzeigen.
     17         &:nth-last-child(1) {
     18             div.dropdown {
     19                 right: 10px;
     20             }
     21         }
     22         i.image-icon
     23         {
     24             width: 1.1em;
     25         }
     26         /* Pfeile */
     27         div > div.arrow-down {
     28             width: 0;
     29             height: 0;
     30             margin: 6px;
     31             padding: 0px;
     32             margin-top: 10px;
     33         }
     34 
     35         div.toolbar-icon {
     36             padding: 2px;
     37 
     38             margin-left: 10px;
     39             float: left;
     40 
     41             /* Bestimmte Menüs sind nach rechts ausgerichet */
     42             &.user,
     43             &.search,
     44             &.history {
     45                 float: right;
     46                 margin-right: 10px;
     47                 margin-left: 10px;
     48             }
     49 
     50             &.menu {
     51                 cursor: default;
     52             }
     53             &.search {
     54                 .inputholder {
     55                     margin: 0;
     56                     padding: 0;
     57                     border: 0;
     58                     display: inline;
     59 
     60                     input {
     61                         border: 0;
     62                         margin: 0;
     63                         padding: 0;
     64                         width: 3em;
     65                         display: inline;
     66                         transition: width 0.3s ease-in-out;
     67                         &:focus {
     68                             width: 8em;
     69 
     70                         }
     71 
     72                     }
     73 
     74                 }
     75             }
     76 
     77             /*   D r o p d o w n  -  M e n u e s  */
     78             div.dropdown {
     79                 z-index: 120;
     80                 min-width: 250px;
     81                 display: none;
     82                 position: absolute;
     83                 padding: 5px 0px;
     84 
     85                 font-style: normal;
     86                 font-weight: normal;
     87                 text-decoration: none;
     88 
     89                 div.entry {
     90                     padding: 0;
     91 
     92                     > a {
     93                         display: flex;
     94                         align-items: center;
     95                         padding: 0 0.5em;
     96 
     97                         * {
     98                             margin: 0.25em;
     99                         }
    100 
    101                         span:first-of-type {
    102                             flex: 1; /* Menü-Text füllt den Platz auf */
    103                         }
    104                     }
    105 
    106                     /* Außenabstand Text */
    107                     > .text {
    108                         display: block;
    109                         margin: 10px;
    110                     }
    111                 }
    112 
    113                 div.divide {
    114                     height: 1px;
    115                     width: 100%;
    116                     margin-top: 5px;
    117                     margin-bottom: 5px;
    118                 }
    119 
    120             }
    121         }
    122 
    123     }
    124 
    125     /* Dropdown anzeigen, wenn Titel geöffnet und wenn mit Maus überstrichen */
    126     &.open {
    127         .toolbar-icon.open {
    128             > div.dropdown {
    129                 display: block;
    130             }
    131         }
    132     }
    133 
    134 }