addons/website/static/src/css/snippets.css

   1 /*
   2 .oe_snippet_demo .oe_page{
   3     margin-top: 50px;
   4     margin-bottom: 300px;
   5     padding-bottom: 10px;
   6
   7 }
   8 .oe_snippet_demo .oe_page .oe_container{
   9     min-height: 200px;
  10 }
  11 .oe_snippet_demo .oe_page *{
  12     outline: 1px solid transparent;
  13     -webkit-transiton: all 150ms linear;
  14 }
  15 .oe_snippet_demo .oe_page .oe_selected{
  16     position: relative;
  17     outline: 2px dashed rgba(151, 137, 255,0.5) !important;
  18     cursor: pointer;
  19 }
  20 .oe_snippet_demo .oe_page .oe_selected:after{
  21     content:'Insert Snippet Here';
  22     position: absolute;
  23     height:20px; left:-2px; right:-2px; bottom:-10px;
  24     background: rgba(151, 137, 255, 1);
  25     border-radius: 2px;
  26     z-index: 800;
  27     pointer-events :none;
  28     color: white;
  29     text-shadow: none;
  30     font-size: 14px;
  31     line-height: 20px;
  32     text-align: center;
  33 }
  34 .oe_snippet_demo.oe_new .oe_page .oe_selected:after{
  35     content:'';
  36     height:100%;
  37     top:0px; left:0px; right:0px; bottom:0px;
  38     background: rgba(151, 137, 255, 0.2);
  39 }
  40 */
  41
  42 .oe_snippet_editor{
  43     position: fixed;
  44     z-index: 1000;
  45     bottom: 0;
  46     left: 0;
  47     right: 0;
  48     height: 214px;
  49     background: rgb(160,160,160);
  50     box-shadow: 0 1px 3px rgb(100,100,100) inset;
  51 }
  52
  53 .oe_snippet_list{
  54     width: auto;
  55     white-space: nowrap;
  56     margin-left: 20px;
  57 }
  58 .oe_snippet_editor .oe_snippet{
  59     box-sizing: border-box;
  60     display: inline-block;
  61     width: 220px;
  62     height: 160px;
  63     border-radius: 3px;
  64     background: white;
  65     margin: 20px 20px 20px 0;
  66     cursor: pointer;
  67     border: 2px solid transparent;
  68     box-shadow: 0 1px 3px rgb(100,100,100);
  69     position: relative;
  70     top: 0;
  71     overflow: hidden;
  72     vertical-align: top;
  73     user-select: none;
  74     white-space: normal;
  75 }
  76
  77
  78
  79 .oe_snippet_editor .oe_snippet:after{
  80     content: attr(name);
  81     position: absolute;
  82     bottom: 0px;
  83     left: 0px;
  84     right: 0px;
  85     background: rgba(255,255,255,0.8);
  86     text-align: center;
  87     color: black;
  88     padding: 8px;
  89
  90 }
  91 .oe_snippet_editor .oe_snippet.oe_selected{
  92     border: 2px solid rgb(151, 137, 255);
  93     box-shadow: 0px 3px 17px rgba(99, 53, 150, 0.59);
  94
  95 }
  96 .oe_snippet_editor .oe_snippet > *{
  97     pointer-events: none;
  98     margin-top: 16px;
  99     line-height: 1em;
 100     zoom: 0.6;
 101 }
 102 .oe_snippet_editor .oe_snippet > .container{
 103     margin-top: 15px;
 104     zoom: 0.17;
 105     line-height: 0.999em;
 106     line-height: 1em;
 107 }
 108 .oe_snippet_editor .oe_snippet > .row{
 109     margin-top: 0px;
 110     zoom: 0.23;
 111     line-height: 0.999em;
 112 }
 113 .oe_snippet_editor .oe_snippet > .span6{
 114     margin-top: 18px;
 115     zoom: 0.34;
 116 }
 117 .oe_snippet_editor .oe_snippet > .span12{
 118     margin-top: 16px;
 119     zoom: 0.23;
 120 }
 121 .oe_snippet_editor .oe_snippet > p{
 122     position: absolute;
 123     top: 0;
 124     right: 0;
 125     left: 0;
 126     bottom: 0;
 127     font-size: 20px;
 128     padding: 16px;
 129     zoom: 1;
 130     margin: 0px;
 131 }
 132 .oe_snippet_editor .oe_snippet.oe_new{
 133     background: gray;
 134     box-shadow: 0px 1px 3px rgb(90,90,90) inset;
 135     border: 0px;
 136 }
 137 .oe_snippet_editor .oe_snippet.oe_new.oe_selected{
 138     box-shadow: 0px 2px 0px 0px rgb(151,137,255) inset, 0px 3px 17px rgba(99, 53, 150, 0.59) inset;
 139 }
 140 .oe_snippet_editor .oe_snippet.oe_new > *{
 141     zoom:1;
 142     margin: 0;
 143     line-height: 160px;
 144     text-align: center;
 145     color: white;
 146     font-size: 48px;
 147 }
 148 .oe_snippet_editor .oe_snippet.oe_new:after{
 149     position: absolute;
 150     left: 0px;
 151     right: 0px;
 152     top: 0px;
 153     bottom: 0px;
 154     background: transparent;
 155     color: white;
 156     text-shadow: 0px 1px 3px black;
 157     line-height: 160px;
 158     padding: 0px;
 159 }
 160
 161 .oe_snippet_drop {
 162     position: relative;
 163     border: 2px dashed rgb(174, 52, 255);
 164     background: rgba(147, 52, 255, 0.1);
 165     min-height: 28px;
 166     margin: -16px auto;
 167     border-radius: 5px;
 168     max-width: 50%;
 169 }
 170 .oe_snippet_drop.oe_accepting {
 171     border: 2px dashed rgb(52, 255, 166);
 172     background: rgba(52, 255, 190, 0.1);
 173 }
 174 /*
 175 [class*="span"]{
 176     margin-left: 0px !important;
 177 }
 178 */
 179
 180
 181