asset_bonus.css in Asset 6
/* Farbtastic placement */
#asset-bonus-admin-mp3player{
max-width: 50em;
position: relative;
}
#placeholder {
position: absolute;
top: 0;
right: 0;
}
#color-map {
position: absolute;
top: 200px;
right: 0;
}
/* Palette */
.color-form .form-item {
height: 2em;
line-height: 2em;
padding-left: 1em;
margin: 0.5em 0;
}
.color-form label {
float: left;
clear: left;
width: 10em;
}
.color-form .form-text, .color-form .form-select {
float: left;
}
.color-form .form-text {
text-align: center;
margin-right: 5px;
cursor: pointer;
}
#palette .hook {
float: left;
margin-top: 3px;
width: 16px;
height: 16px;
}
#palette .down, #palette .up, #palette .both {
background: url(images/hook.png) no-repeat 100% 0;
}
#palette .up {
background-position: 100% -27px;
}
#palette .both {
background-position: 100% -54px;
}
#palette .lock {
float: left;
position: relative;
top: -1.4em;
left: -10px;
width: 20px;
height: 25px;
background: url(images/lock.png) no-repeat 50% 2px;
cursor: pointer;
}
#palette .unlocked {
background-position: 50% -22px;
}
#palette .form-item {
width: 20em;
}
#palette .item-selected {
background: #eee;
}
/* Preview */
#preview {
display: none;
}
html.js #preview {
display: block;
position: relative;
float: left;
}
File
contrib/asset_bonus/asset_bonus.css
View source
- /* Farbtastic placement */
- #asset-bonus-admin-mp3player{
- max-width: 50em;
- position: relative;
- }
- #placeholder {
- position: absolute;
- top: 0;
- right: 0;
- }
- #color-map {
- position: absolute;
- top: 200px;
- right: 0;
- }
- /* Palette */
- .color-form .form-item {
- height: 2em;
- line-height: 2em;
- padding-left: 1em;
- margin: 0.5em 0;
- }
- .color-form label {
- float: left;
- clear: left;
- width: 10em;
- }
- .color-form .form-text, .color-form .form-select {
- float: left;
- }
- .color-form .form-text {
- text-align: center;
- margin-right: 5px;
- cursor: pointer;
- }
-
- #palette .hook {
- float: left;
- margin-top: 3px;
- width: 16px;
- height: 16px;
- }
- #palette .down, #palette .up, #palette .both {
- background: url(images/hook.png) no-repeat 100% 0;
- }
- #palette .up {
- background-position: 100% -27px;
- }
- #palette .both {
- background-position: 100% -54px;
- }
-
- #palette .lock {
- float: left;
- position: relative;
- top: -1.4em;
- left: -10px;
- width: 20px;
- height: 25px;
- background: url(images/lock.png) no-repeat 50% 2px;
- cursor: pointer;
- }
- #palette .unlocked {
- background-position: 50% -22px;
- }
- #palette .form-item {
- width: 20em;
- }
- #palette .item-selected {
- background: #eee;
- }
-
- /* Preview */
- #preview {
- display: none;
- }
- html.js #preview {
- display: block;
- position: relative;
- float: left;
- }