}
main {
+ &::after {
+ clear: both;
+ content: " ";
+ display: table;
+ }
+
.yui-b {
fieldset {
&.brief {
font-weight: bold;
}
- // Permissions Labels
- &.permissioncode {
- font-style: italic;
-
- &::before {
- content: "(";
- }
-
- &::after {
- content: ")";
- }
- }
-
&.required {
color: #C00;
}
&.bibliodetails {
float: left;
margin: 0 0 1em 1em;
-
- li {
- border-bottom: 1px solid #E8E8E8;
- list-style-type: none;
- padding: .1em;
- }
-
- span {
- &.label {
- border-right: 1px solid #E8E8E8;
- float: left;
- font-weight: bold;
- margin-right: 1em;
- width: 12em;
- }
- }
}
}
}
}
- .lastchecked {
+ &.lastchecked {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 0;
}
#header {
- &.navbar {
- margin-bottom: 0;
- }
-
- &.navbar-default {
- background: #E6F0F2;
- border: 0;
- box-shadow: none;
- }
-
+ #breadcrumbs {
margin-top: 1em;
}
border-radius: 5px 5px 0 0;
margin: 0;
padding: 5px;
+
+ .dropdown-menu {
+ border-top-width: 1px;
+ font-size: 13px;
+ }
+
+ &.floating {
+ border-radius: 0;
+ margin-top: 0;
+ z-index: 300;
+ }
}
#disabled {
+ #menu {
margin-right: 0;
}
+
+ > div {
+ border-right: 1px solid #B9D8D9;
+ width: 100%;
+ }
}
-#patronbasics {
- div {
- background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
- border: 1px solid #CCCCCC;
+/* Patron image */
+
+.patronimage-container {
+ padding: .2em;
+ position: relative;
+
+ &:hover {
+ .patronimage {
+ opacity: .8;
+ }
+
+ .patronimage-controls {
+ opacity: 1;
+ }
+ }
+}
+
+.patronimage {
+ border: 1px solid #EEE;
+ display: block;
+ max-width: 160px;
+ margin: auto;
+ opacity: 1;
+ transition: .2s ease;
+
+ &.empty {
+ background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
height: 125px;
- margin: .3em 0 .3em .3em;
padding: 0;
- width: 105px;
+ width: 80%;
}
}
-#patronimage {
- border: 1px solid #CCCCCC;
- margin: .3em 0 .3em .3em;
- max-width: 140px;
- padding: .2em;
+.patronimage-controls {
+ left: 50%;
+ opacity: 0;
+ position: absolute;
+ text-align: center;
+ top: 80%;
+ transform: translate( -50%, -50% );
+ transition: .5s ease;
}
+.patronimage-control {
+ padding: 1em 2em;
+ }
+
.patronviews {
border-right: 1px solid #000;
border-top: 1px solid #000;
}
}
+.dropdown-menu {
+ li {
+ list-style-type: none;
+ }
+}
+
.btn-toolbar {
fieldset {
&.action {
// style for shelving location in catalogsearch
.shelvingloc {
- display: block;
font-style: italic;
}
.thumbnail {
display: block;
margin: auto;
+}
- > li {
+.thumbnails {
+ li {
+ display: inline-block;
list-style-type: none;
}
+
+ .remove {
+ border-top: 1px solid #EEE;
+ display: block;
+ font-size: 90%;
+ margin: 4px -4px 2px -4px;
+ padding-top: .5em;
+ text-align: center;
+ }
+
+ & + p {
+ border-top: 1px solid #eee;
+ margin-top: 1em;
+ padding-top: 1em;
+ }
}
#searchresults {
padding: 5px 25em 0 0;
}
}
+
+ .dropdown-header {
+ border-top: 1px solid #EEE;
+ color: #000;
+ font-weight: bold;
+ padding-left: 10px;
+ }
+
}
#search-facets {
vertical-align: top;
}
-#toplevelmenu {
- padding: 0;
-}
-
#CheckAll,
#CheckNone,
#CheckPending {
}
}
-@media (max-width: 767px) {
- #marcPreview {
- margin: 0;
- width: auto;
- }
-}
-
#cartDetails {
background-color: #FFFFFF;
border: 1px solid #739ACF;
}
}
+#printclearscreen {
+ position: absolute;
+ right: 43px;
+ top: 0;
+
+ a {
+ background-color: #EEE;
+ border-radius: 0 0 0 5px;
+ color: #CCC;
+ display: block;
+ font-size: 160%;
+ font-weight: bold;
+ padding: 0 .7em .2em;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 #666;
+
+ &:hover {
+ color: #CC0000;
+ }
+ }
+}
.pager {
background-color: #E8E8E8;
border: 1px solid #BCBCBC;
}
// Bootstrap overrides
+
+nav {
+ background: #E6F0F2 none;
+ border: 0;
+}
+
+.navbar-collapse {
+ background: #E6F0F2 none;
+ box-shadow: none;
+}
+
+.navbar-nav {
+ li {
+ list-style: none;
+
+ &.open {
+ li {
+ a {
+ font-weight: normal;
+ }
+ }
+ }
+
+ a {
+ font-weight: bold;
+ padding-bottom: .4em;
+ padding-top: .4em;
+ }
+ }
+}
+
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: transparent;
+ border: 0;
+}
+
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: transparent;
+ text-decoration: none;
+}
+
button,
.btn {
border-color: #ADADAD #ADADAD #949494;
}
}
-.dropdown-menu {
- border-color: rgba(0, 0, 0, .2);
- border-top: 0;
- font-size: 12px;
-
- li {
- list-style: none outside none;
-
- > a,
- &.nav-header {
- padding: 4px 20px;
- cursor: pointer;
-
- &:hover,
- &:focus {
- background-image: linear-gradient(to bottom, #0088CC, #0077B3);
- background-repeat: repeat-x;
- color: #FFFFFF;
- text-decoration: none;
- }
- }
- }
-}
-
-.navbar {
- color: #333;
- min-height: 20px;
-
- .nav {
- > li {
- list-style: none outside none;
- padding: 0 .6em;
-
- > a {
- color: #004D99;
- font-weight: bold;
- padding: .4em .2em;
-
- &:focus,
- &:hover {
- color: #538200;
- }
- }
- }
-
- li {
- .dropdown {
- &.open > .dropdown-toggle:focus,
- &.active > .dropdown-toggle:focus,
- &.open.active > .dropdown-toggle:focus {
- background: #E6F0F2 none;
- box-shadow: none;
- }
- }
- }
- }
-
-
-}
-
#changelanguage {
+ background: #FFF none;
+ border-top: 1px solid #EEE;
min-height: $language-footer-min-height;
.dropdown-menu {
line-height: 20px;
}
}
+
+ .navbar-nav {
+ li {
+ a {
+ line-height: 20px;
+ }
+ }
+ }
}
.loggedout {
padding: .4em .2em;
}
-.navbar-static-top {
- .navbar-inner {
- background: #E6F0F2 none;
- border: 0;
- box-shadow: none;
- min-height: 0;
- padding-left: 0;
- }
-}
-
.navbar-fixed-bottom {
.navbar-inner {
min-height: 0;
.floating {
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
+ z-index: 100;
}
.inline {
}
#browse-return-to-results {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
+ background-color: #E8F0F6;
+ border: 1px solid #B9D8D9;
+ border-bottom-width: 0;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
display: block;
+ padding: .5em;
text-align: center;
}
.browse-button {
+ background-color: #FFF;
+ border: 1px solid #B9D8D9;
color: #004D99;
- display: inline-block;
+ display: block;
+ overflow: hidden;
padding: .4em .6em;
+ text-align: center;
+ white-space: nowrap;
+ width: 100%;
&:hover {
background: #FAFAFA;
font-weight: bold;
}
- &.permissiondesc {
- font-weight: normal;
- }
-
&.required {
color: #C00;
font-style: italic;
}
}
-.browse-label,
-.browse-prev-next {
- border: 1px solid #B9D8D9;
-}
-
-.browse-label {
- background-color: #E8F0F6;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
-}
-
-.browse-prev-next {
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- border-top-width: 0;
-}
-
#browse-previous {
- border-bottom-left-radius: 5px;
- border-right: 1px solid #B9D8D9;
- padding-right: 1em;
+ border-bottom-width: 0;
}
#browse-next {
border-bottom-right-radius: 5px;
- border-top-width: 0;
- float: right;
- padding-right: 1em;
+ border-bottom-left-radius: 5px;
}
.loading-overlay {
width: 12%;
}
-.navbar-default {
- .navbar-nav {
- > .open {
- > a {
- &:hover,
- &:focus {
- background: #E6F0F2 none;
- box-shadow: none;
- }
- }
- }
- }
-
- &.navbar-fixed-bottom {
- .navbar-nav {
- > .open {
- > a {
- &:hover,
- &:focus {
- background: transparent none;
- box-shadow: none;
- }
- }
- }
- }
- }
-}
-
#interlibraryloans {
#dataPreviewLabel {
margin: .3em 0;
}
}
+#illfilter_dateplaced_start,
+#illfilter_datemodified_start,
+#illfilter_dateplaced_end,
+#illfilter_datemodified_end {
+ width: 80%;
+}
+
#requestattributes {
font-family: monospace;
line-height: 1.3em;
}
}
+/* Permissions */
+
+#permissionstree {
+ display: inline-block;
+
+ label {
+ cursor: pointer;
+
+ &:hover {
+ color: #004d99;
+ }
+ }
+}
+
+.main_permission {
+ font-size: 110%;
+ font-weight: bold;
+}
+
+.permissioncode {
+ color: #666;
+ font-style: italic;
+}
+
+.permission-highlight {
+ background-color: #FFC !important;
+}
+
+.togglechildren_on,
+.togglechildren_off {
+ float: right;
+}
+
+.togglechildren_off,
+.children {
+ display: none;
+}
+
+.open {
+ .togglechildren_off {
+ display: inline;
+ }
+
+ .togglechildren_on {
+ display: none;
+ }
+}
+
+.parent {
+ border: 1px solid #DDD;
+ border-bottom-width: 0;
+ padding: 5px;
+
+ &:last-child {
+ border-bottom-width: 1px;
+ }
+
+ &:nth-child(odd) {
+ background-color: #F8F8F8;
+ }
+}
+
+
+.superlibrarian-hint {
+ color: #000;
+ padding: .2em 0;
+ text-indent: 2em;
+}
+
+.child-flags {
+ background-color: #FFF;
+ border: 1px solid #DDD;
+ border-bottom-width: 0;
+ margin: 0 5px 0 20px;
+ padding: 5px;
+
+ &:first-child {
+ margin-top: 10px;
+ }
+
+ &:last-child {
+ border-bottom-width: 1px;
+ }
+
+ &:nth-child(odd) {
+ background-color: #EEE;
+ }
+}
+
+.header-menu-link {
+ display: none;
+ font-weight: bold;
+ padding: .4em .6em;
+}
+
+#user-menu {
+ position: absolute;
+ right: 5px;
+ top: 0;
+}
+
@media (min-width: 200px) {
- .navbar-nav > li {
- float: left;
+
+}
+
+@media (max-width: 767px) {
+ .header-menu-link {
+ display: inline-block;
}
- .navbar-right {
- float: right !important;
- margin-right: -15px;
+ #catalog-search-link {
+ display: none;
+ padding: 0;
}
- .navbar-nav {
- float: left;
- margin: 0;
+ #cartmenulink {
+ background: transparent none;
+ padding-left: 1.5em;
+ }
+
+ #changelanguage {
+ li {
+ float: left;
+
+ li {
+ float: none;
+ }
+ }
.open {
.dropdown-menu {
background-color: #FFF;
- border: 1px solid rgba(0, 0, 0, .15);
- box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
- float: left;
+ border: 1px solid #ccc;
position: absolute;
- width: auto;
+ }
+ }
+ }
- &.dropdown-menu-left {
- left: auto;
- right: 0;
- }
+ #header {
+ background-color: #FFF;
+ border: 1px solid #CCC;
+ margin-bottom: 1em;
- &.dropdown-menu-right {
- right: auto;
- }
+ a {
+ font-weight: normal;
+ padding-left: 1.5em;
+
+ &:hover {
+ background-color: #0070A9;
+ color: #FFF;
}
}
- }
- .navbar-default {
- .navbar-nav {
- .open {
- .dropdown-menu {
- > li {
- > a {
- &:hover,
- &:focus {
- background-color: #0081C2;
- background-image: linear-gradient(to bottom, #0088CC, #0077B3);
- background-repeat: repeat-x;
- color: #FFFFFF;
- text-decoration: none;
- }
- }
+ ul {
+ border: 0;
+ box-shadow: unset;
+ float: none;
+ left: auto;
+ position: relative;
+ right: auto;
+
+ &.dropdown-menu {
+ display: block;
+ }
+ }
+
+ .dropdown-menu {
+ li {
+ a {
+ color: #004D99;
+
+ &:hover {
+ color: #FFF;
}
}
}
}
+
+ .dropdown-toggle {
+ display: none;
+ }
+ }
+
+ h1#logo {
+ float: none;
+ margin: auto;
+ }
+
+ #marcPreview {
+ margin: 0;
+ width: auto;
+ }
+
+ .navbar-fixed-bottom .nav > li {
+ border-right: 0;
+ }
+
+ #user-menu {
+ .open {
+ .dropdown-menu {
+ background-color: #FFF;
+ border: 1px solid #ccc;
+ position: absolute;
+ }
+ }
+
+ li {
+ float: left;
+
+ li {
+ float: none;
+ }
+ }
+ }
+}
+
+@media (max-width: 768px) {
+ .navbar-nav {
+ li {
+
+ a {
+ padding: .4em .6em;
+ }
+ }
+ }
+}
+
+@media only screen and ( max-width: 768px ) {
+ .browse-button {
+ display: inline-block;
+ width: 50%;
+ }
+
+ #browse-previous {
+ border-bottom-left-radius: 5px;
+ border-bottom-width: 1px;
+ border-right-width: 0;
+ }
+
+ #browse-next {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 5px;
}
}
@media (min-width: 800px) {
+
+
+
#helper {
i {
display: none;
div#makechart ol li {
list-style: none;
}
+
+@media only screen and ( min-width: 1200px ) {
+ .browse-button {
+ display: inline-block;
+ width: 50%;
+ }
+
+ #browse-previous {
+ border-bottom-left-radius: 5px;
+ border-bottom-width: 1px;
+ border-right-width: 0;
+ }
+
+ #browse-next {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 5px;
+ text-align: right;
+ }
+}
projects / koha-equinox.git / blobdiff