src/main/webapp/VAADIN/themes/macosx/styles.scss

   1 /**
   2  * Checks if a list contains a certain value.
   3  *
   4  * @param {list} $list - the list to check
   5  * @param {value} $var - the value to search for
   6  * @param {bool} $recursive (false) - should any contained lists be checked for the value
   7  *
   8  * @return {bool} true if the value is found from the list, false otherwise
   9  *
  10  * @group lists
  11  */
  12
  13 /**
  14  * Cross-browser opacity.
  15  *
  16  * @param {number} $value - opacity value from 0 to 1
  17  * @param {bool} $important (false) - should the property value be declared with !important
  18  *
  19  * @group util
  20  */
  21
  22
  23 /*@import "";*/
  24 @import url(../runo/legacy-styles.css);
  25
  26 .v-app {
  27         background: url("icons/32/bg-column.jpg") repeat scroll 0 0 transparent;
  28         font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  29         color: #222;
  30 }
  31
  32 .login {
  33         margin-left: auto;
  34         margin-right: auto;
  35         border-radius: 10px 10px 10px 10px;
  36         -moz-border-radius: 10px 10px 10px 10px;
  37         -webkit-border-radius: 10px 10px 10px 10px;
  38         border: 0px solid #000000;
  39         -webkit-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.85);
  40         -moz-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.85);
  41         box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.85);
  42 }
  43
  44 .v-panel {
  45         background: url("icons/32/top-left.png") no-repeat scroll 0 0 transparent;
  46 }
  47
  48 .login .v-panel-nocaption {
  49         background: url("icons/32/top-right.png") no-repeat scroll right top transparent;
  50 }
  51
  52 .login .v-panel-content {
  53         border-style: none;
  54         background: url("icons/32/loginpanel.png");
  55 }
  56
  57 .login .v-panel-content .login .v-panel-deco:before {
  58         background: url("icons/32/bottom-left.png") no-repeat scroll 0 0 transparent;
  59 }
  60
  61 .login .v-panel-content .login .v-panel-deco {
  62         background: url("icons/32/bottom-right.png") repeat-x scroll right top transparent;
  63 }
  64
  65 .login .v-panel-content .descriptiveView .v-verticallayout-descriptiveView {
  66         background: white;
  67 }
  68
  69 .login .v-panel-content .taxonDetailView {
  70         background: white;
  71 }
  72
  73 .login .v-panel-content .descriptiveView {
  74         background: white;
  75 }
  76
  77 .login .v-panel-content .toolbar {
  78         background: #ccc url(images/gradient.png) repeat-x bottom left;
  79 }
  80
  81 .login .v-panel-content .toolbar .v-image {
  82         margin-right: 30px;
  83 }
  84
  85 .login .v-panel-content .toolbar .v-label {
  86         display: block;
  87         height: 30px;
  88         color: #464f52;
  89         background: transparent;
  90         border: none;
  91         text-align: center;
  92         margin-left: auto;
  93         margin-right: auto;
  94         margin-top: 5px;
  95         padding-top: 2px;
  96         font-size: x-small;
  97         text-shadow: #fafafa 1px 1px 0;
  98 }
  99
 100 .login .v-panel-content .toolbar .v-button {
 101         display: block;
 102         height: 55px;
 103         background: transparent;
 104         border: none;
 105         text-align: center;
 106 }
 107
 108 .login .v-panel-content .toolbar .v-button img {
 109         display: block;
 110         margin-left: auto;
 111         margin-right: auto;
 112         margin-bottom: 5px;
 113 }
 114
 115 .login .v-panel-content .toolbar .v-button span {
 116         font-size: x-small;
 117         text-shadow: #fafafa 1px 1px 0;
 118 }
 119
 120 .login .v-panel-content .toolbar .v-button .v-button-wrap, .login .v-panel-content .toolbar .v-disabled.v-button .v-button-wrap {
 121         background: transparent;
 122         border: none;
 123         -webkit-border-radius: 0;
 124         -moz-border-radius: 0;
 125         border-radius: 0;
 126         -webkit-box-shadow: none;
 127         -moz-box-shadow: none;
 128         box-shadow: none;
 129 }
 130
 131 .login .v-panel-content .toolbar .v-button:active .v-button-wrap, .login .v-panel-content .toolbar .v-button.v-pressed .v-button-wrap {
 132         background: transparent;
 133         -webkit-box-shadow: none;
 134         -moz-box-shadow: none;
 135         box-shadow: none;
 136 }
 137
 138 .login .v-panel-content .v-panel-caption-view {
 139         color: #004b98;
 140 }
 141
 142 .login .v-panel-content .view {
 143         background: white;
 144 }
 145
 146 .login .v-panel-content .v-tree {
 147         padding-top: 8px;
 148         padding-left: 4px;
 149 }
 150
 151 .login .v-panel-content .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected {
 152         color: #5e5c5c;
 153         font-weight: bold;
 154 }
 155
 156 .login .v-panel-content .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover {
 157         color: #5e5c5c;
 158         font-weight: bold;
 159 }
 160
 161 .login .v-panel-content .v-table-header-wrap {
 162         height: 20px;
 163         border: none;
 164         border-bottom: 1px solid #555;
 165         background: transparent url(images/table-header-bg.png);
 166 }
 167
 168 .login .v-panel-content .v-table-sort-indicator, .login .v-panel-content .v-table-header-cell-asc .v-table-sort-indicator, .login .v-panel-content .v-table-header-cell-desc .v-table-sort-indicator {
 169         height: 20px;
 170 }
 171
 172 .login .v-panel-content .v-table-caption-container {
 173         font-size: 11px;
 174         color: #000;
 175         font-weight: bold;
 176         text-shadow: #fff 0 1px 0;
 177         padding: 0;
 178 }