Revision b4c26e76 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
|---|---|---|
| 13 | 13 |
list-style:none; |
| 14 | 14 |
background:url(../images/dashed-bg-corner.png) no-repeat right bottom; |
| 15 | 15 |
height: 215px; |
| 16 |
.add-new {
|
|
| 17 |
a {
|
|
| 18 |
margin:0 20px; |
|
| 19 |
display: block; |
|
| 20 |
font-weight: bold; |
|
| 21 |
height: 100%; |
|
| 22 |
width:100%; |
|
| 23 |
&:hover {
|
|
| 24 |
border-color:$third-color; |
|
| 25 |
} |
|
| 26 |
} |
|
| 27 |
} |
|
| 28 |
.img-wrap {
|
|
| 16 |
.img-wrap {
|
|
| 29 | 17 |
// height: 78px; |
| 30 | 18 |
// margin: 0 60px; |
| 31 | 19 |
text-align: center; |
| ... | ... | |
| 145 | 133 |
} |
| 146 | 134 |
} |
| 147 | 135 |
.visible-info {
|
| 148 |
// margin: 0 25px; |
|
| 149 | 136 |
text-align: center; |
| 150 | 137 |
font-size: 12px; |
| 151 | 138 |
position:relative; |
| ... | ... | |
| 154 | 141 |
margin-bottom: 4px; |
| 155 | 142 |
span {
|
| 156 | 143 |
&.title {
|
| 157 |
// white-space: nowrap; |
|
| 158 | 144 |
height: 3em; |
| 159 | 145 |
overflow: hidden; |
| 160 | 146 |
} |
| ... | ... | |
| 166 | 152 |
} |
| 167 | 153 |
} |
| 168 | 154 |
} |
| 155 |
&[data-status="add-new"] {
|
|
| 156 |
background-color: $secondary-color; |
|
| 157 |
-webkit-transition: background-color 300ms linear; |
|
| 158 |
-moz-transition: background-color 300ms linear; |
|
| 159 |
-o-transition: background-color 300ms linear; |
|
| 160 |
-ms-transition: background-color 300ms linear; |
|
| 161 |
transition: background-color 300ms linear; |
|
| 162 |
.container {
|
|
| 163 |
.img-wrap {
|
|
| 164 |
.img {
|
|
| 165 |
a {
|
|
| 166 |
span:first-child {
|
|
| 167 |
color: white; |
|
| 168 |
|
|
| 169 |
} |
|
| 170 |
.symbol {
|
|
| 171 |
background-image: none; |
|
| 172 |
color: $secondary-color; |
|
| 173 |
font-size: 30px; |
|
| 174 |
text-indent: 0; |
|
| 175 |
} |
|
| 176 |
} |
|
| 177 |
} |
|
| 178 |
} |
|
| 179 |
.visible-info a{
|
|
| 180 |
color: white; |
|
| 181 |
} |
|
| 182 |
} |
|
| 183 |
&:hover {
|
|
| 184 |
background-color: white; |
|
| 185 |
-webkit-transition: background-color 300ms linear; |
|
| 186 |
-moz-transition: background-color 300ms linear; |
|
| 187 |
-o-transition: background-color 300ms linear; |
|
| 188 |
-ms-transition: background-color 300ms linear; |
|
| 189 |
transition: background-color 300ms linear; |
|
| 190 |
.container {
|
|
| 191 |
.img-wrap {
|
|
| 192 |
.img {
|
|
| 193 |
a {
|
|
| 194 |
span:first-child {
|
|
| 195 |
color: $secondary-color; |
|
| 196 |
-webkit-transition: color 300ms linear; |
|
| 197 |
-moz-transition: color 300ms linear; |
|
| 198 |
-o-transition: color 300ms linear; |
|
| 199 |
-ms-transition: color 300ms linear; |
|
| 200 |
transition: color 300ms linear; |
|
| 201 |
} |
|
| 202 |
.symbol {
|
|
| 203 |
color: white; |
|
| 204 |
} |
|
| 205 |
} |
|
| 206 |
} |
|
| 207 |
} |
|
| 208 |
.visible-info a{
|
|
| 209 |
color: $secondary-color; |
|
| 210 |
} |
|
| 211 |
} |
|
| 212 |
} |
|
| 213 |
} |
|
| 169 | 214 |
} |
| 170 | 215 |
&.list-view {
|
| 171 | 216 |
li {
|
Also available in: Unified diff