openrat-cms

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

openrat-notices.less (2065B)

      1 /* Usage to this variable is safe to be removed */
      2 @color-overridden-by-theme: black;
      3 
      4 @smartphones: ~"only screen and (max-width: 55rem)";
      5 
      6 
      7 .border-radius (@radius) {
      8     border-radius: @radius;
      9     -moz-border-radius: @radius;
     10     -webkit-border-radius: @radius;
     11     -khtml-border-radius: @radius;
     12 }
     13 .or- {
     14 
     15 
     16     &notice {
     17         border-style: solid;
     18         border-width: 1px 1px 1px 1em;
     19         border-color: @color-overridden-by-theme;
     20         padding: 1.1em;
     21         position: relative;
     22         width: 90%;
     23         //z-index: 5;
     24         margin:1em;
     25         //margin-left: 50%;
     26 
     27         .border-radius(0.2em);
     28 
     29         @media @smartphones {
     30           .border-radius(0);
     31           border-style: solid;
     32           border-width: 1px 0 0 1em;
     33           margin:0;
     34           font-size: 0.75em;
     35           width: 100%;
     36         }
     37 
     38         &-container {
     39             display: block;
     40             position: fixed;
     41             bottom: 0;
     42             right: 0;
     43             padding: 0;
     44             width: 50%;
     45             z-index: 5;
     46 
     47             @media @smartphones {
     48               right:0;
     49               bottom: 0;
     50               width: 100%;
     51               padding: 0;
     52             }
     53         }
     54 
     55         &-toolbar {
     56             float: right;
     57             margin: 0 0.2em;
     58             font-size: 2em;
     59             color: gray;
     60             cursor: pointer;
     61         }
     62 
     63         &:hover {
     64             .or-notice-toolbar {
     65                 color: black;
     66             }
     67         }
     68 
     69 
     70         div.text {
     71             font-weight: bold;
     72         }
     73 
     74         &-text {
     75             font-size: 1.1em;
     76         }
     77 
     78         &:after {/*
     79             content: '';
     80             position: absolute;
     81             right: 0;
     82             top: 50%;
     83             width: 0;
     84             height: 0;
     85             border: 1em solid transparent;
     86             border-right: 0;
     87             margin-top: -1em;
     88             margin-right: -1em;*/
     89         }
     90 
     91         &-log {
     92             font-family: 'Source Code Pro', Monospace, Monospaced, Courier;
     93             height: 15em;
     94             overflow-y: scroll;
     95         }
     96     }
     97 
     98 
     99 }
    100 
    101