grub-fork/public/css/styles.css
2014-08-09 18:40:36 +03:00

187 lines
2.6 KiB
CSS

html, body {
height: 100%;
min-height: 100%;
width: 100%;
min-width: 100%;
margin: 0px;
}
h3 {
margin-top: 10px;
}
.recipes-title {
clear: right;
}
.recipe-list {
margin-top: 10px;
}
#recipe-grubs {
width: 100%;
}
.recipe-add-grubs-btn {
position: absolute;
margin: 2px;
right: 16px;
}
.hidden {
display: none;
}
.leftmost-column {
margin-bottom: 45px;
}
.grub-close {
display: none;
}
tr:hover .grub-close {
display: block;
}
#grub-list {
margin-top: 10px;
margin-bottom: 10px;
}
.add-grub-input-form .input-group-btn {
width: 100%;
}
.grub-item {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.grub-item.grub-active {
color: #ffffff;
background-color: rgb(71, 73, 73);
}
.grub-item.edit {
padding-right: 40px;
}
.grub-item .input-span {
display: block;
overflow: hidden;
}
.grub-item .grub-input {
display: inline;
width: 100%;
border: none;
outline: none;
background: none;
}
.grub-item.edit .grub-input {
margin-right: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: lightgray;
}
.grub-item .glyphicon-remove {
position: absolute;
right: 14px;
margin-top: 14px;
color: #5c5c5c;
}
.grub-item .glyphicon-remove:hover, .grub-item .glyphicon-remove:focus, .grub-item .glyphicon-remove:active {
color: #000000;
}
.completed {
text-decoration: line-through;
color: #a9a9a9;
background: #f7f7f7;
}
.completed.edit {
text-decoration: none;
color: default;
}
.panel-body {
padding: 10px;
padding-top: 0px;
}
.panel-heading {
background-color: #ffffff;
}
.recipe-panel {
padding: 0px;
margin-bottom: 0px;
}
.recipe-panel > .recipe-header {
background-color: #ffffff;
}
.recipe-header {
margin: 0px;
padding: 0px;
padding-right: 72px;
border-bottom: none;
}
.recipe-header.edit {
padding-right: 0px;
}
.recipe-header.new {
padding-right: 0px;
}
.recipe-header-input {
border: none;
box-shadow: none;
transition: none;
border-bottom: none;
display: inline;
width: 100%;
}
.recipe-header-input[readonly] {
background: white;
cursor: default;
}
.recipe-header-input:focus {
border: none;
box-shadow: none;
transition: none;
outline: none;
}
.recipe-grubs-input {
border: none;
box-shadow: none;
transition: none;
border-bottom: none;
resize: none;
}
.recipe-grubs-input[readonly] {
background: white;
cursor: default;
}
.recipe-grubs-input:focus {
border: none;
box-shadow: none;
transition: none;
border-bottom: none;
}