openrat-cms

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

table.less (5458B)


      1 @color-overridden-by-theme: black;
      2 
      3 .border-radius (@radius) {
      4     border-radius: @radius;
      5     -moz-border-radius: @radius;
      6     -webkit-border-radius: @radius;
      7     -khtml-border-radius: @radius;
      8 }
      9 
     10 .or-table-wrapper {
     11 
     12     .or-table-area {
     13 
     14         /* Responsive Tables */
     15         @media screen and (max-width: 40em) {
     16 
     17             overflow-x: auto;
     18         }
     19 
     20         /* T a b l e s */
     21         table {
     22             overflow: auto;
     23             border: 2px;
     24             width: 100%;
     25 
     26             tr.or-headline > td,
     27             tr > th {
     28 
     29                 padding: 3px;
     30                 font-weight: bold;
     31 
     32                 &.or-sort-asc > span:last-child:after {
     33                     content: " \2193";
     34                 }
     35                 &.or-sort-desc > span:last-child:after {
     36                     content: " \2191";
     37                 }
     38             }
     39 
     40             tr.or-data > td {
     41                 padding: 3px;
     42             }
     43 
     44             tr > td {
     45                 white-space: nowrap;
     46                 text-overflow: ellipsis;
     47                 overflow: hidden;
     48                 max-width: 0;
     49             }
     50 
     51             td.or-readonly {
     52                 font-style: italic;
     53                 font-weight: normal;
     54             }
     55             td.or-default {
     56                 font-style: normal;
     57                 font-weight: normal;
     58             }
     59             td.or-changed {
     60                 font-style: normal;
     61                 font-weight: bold;
     62             }
     63             /* Notizen */
     64             td.or-notice {
     65                 margin: 0px;
     66                 padding: 5%;
     67                 text-align: center;
     68             }
     69 
     70             &.or-notice {
     71                 width: 100%;
     72                 border: 1px solid;
     73                 border-spacing: 0px;
     74                 th {
     75                     padding: 2px;
     76                     white-space: nowrap;
     77                     border-bottom: 1px solid @color-overridden-by-theme;
     78                     font-weight: normal;
     79                     text-align: left;
     80                 }
     81 
     82                 tr.or-error {
     83                 }
     84 
     85                 tr.or-warning {
     86                     margin: 0px;
     87                     padding: 0px;
     88                 }
     89             }
     90 
     91             /* Kalender */
     92             &.or-calendar {
     93                 table-layout: fixed;
     94                 border-collapse: collapse;
     95                 text-align: center;
     96 
     97                 td {
     98                     border: 1px dotted;
     99                 }
    100             }
    101 
    102             /* Notizen */
    103             td.or-notice {
    104                 margin: 0px;
    105                 padding: 5%;
    106                 text-align: center;
    107             }
    108 
    109             &.or-notice {
    110                 width: 100%;
    111                 border: 1px solid;
    112                 border-spacing: 0px;
    113             }
    114 
    115             &.or-notice th {
    116                 padding: 2px;
    117                 white-space: nowrap;
    118                 border-bottom: 1px solid @color-overridden-by-theme;
    119                 font-weight: normal;
    120                 text-align: left;
    121             }
    122 
    123             &.or-notice tr.error {
    124             }
    125 
    126             &.or-notice tr.warning {
    127                 margin: 0px;
    128                 padding: 0px;
    129             }
    130 
    131             /* Kalender */
    132             &.or-calendar {
    133                 table-layout: fixed;
    134                 border-collapse: collapse;
    135                 text-align: center;
    136             }
    137 
    138             &.or-calendar td {
    139                 border: 1px dotted;
    140             }
    141             /* Message of the day */
    142             td.or-motd {
    143                 border-left: 3px solid red;
    144                 border-right: 3px solid red;
    145                 font-weight: bold;
    146                 padding: 10px;
    147                 margin: 10px;
    148             }
    149             td:hover > div.or-onrowvisible {
    150                 visibility: visible;
    151             }
    152 
    153             /* D i f f  */
    154             tr.or-diff {
    155                 > td.or-line {
    156                     background-color: @color-overridden-by-theme;
    157                     padding-right: 2px;
    158                     border-right: 3px solid @color-overridden-by-theme;
    159                     text-align: right;
    160                     margin-right: 2px;
    161                 }
    162 
    163                 /* Unveränderter Text */
    164                 > td.or-equal {
    165                 }
    166 
    167                 /* Entfernter Text */
    168                 > td.or-old {
    169                     background-color: red;
    170                 }
    171 
    172                 /* Hinzugefuegter Text */
    173                 td.or-new {
    174                     background-color: green;
    175                 }
    176 
    177                 /* Geaenderter Text */
    178                 td.or-notequal {
    179                     background-color: yellow;
    180                 }
    181             }
    182 
    183             /* Hilfe-Texte */
    184             tr td.or-help {
    185                 font-style: italic;
    186             }
    187 
    188             tr.or-headline td.or-help {
    189                 /*
    190                 border-bottom:1px solid @color-overridden-by-theme;
    191                 */
    192                 font-style: normal;
    193 
    194             }
    195 
    196             /* Logo */
    197             td.or-logo {
    198                 padding: 10px;
    199                 margin: 0px;
    200             }
    201 
    202 
    203 
    204         }
    205 
    206     }
    207 
    208     .or-table-filter {
    209         width: 100%;
    210         text-align: right;
    211 
    212         input {
    213             .border-radius(3px);
    214             padding: 0.5em;
    215             margin: 1em;
    216             background-color: @color-overridden-by-theme;
    217             color: @color-overridden-by-theme;
    218             border: 1px solid @color-overridden-by-theme;
    219         }
    220     }
    221 }