h5ai/src/_h5ai/public/css/inc/view/fallback.less
2015-05-16 21:36:05 +02:00

114 lines
2 KiB
Text

#fallback {
display: none;
max-width: 960px;
margin: 16px auto;
padding: 32px 16px;
table {
.card;
display: block;
width: 100%;
border-collapse: collapse;
background: @col-back-paper;
}
th, td {
padding: 6px;
text-align: left;
border: none;
border-bottom: 1px solid #eee;
}
th {
color: #aaa;
font-weight: lighter;
line-height: 36px;
background: @col-back-panel;
}
td {
overflow: hidden;
white-space: nowrap;
}
a, a:active, a:visited {
display: block;
color: inherit;
text-decoration: none;
cursor: pointer;
&:hover {
color: @col-text-hover;
}
}
.fb-i {
width: 24px;
padding-left: 12px;
img {
width: 24px;
height: 24px;
}
}
.fb-n {
width: 682px;
max-width: 682px;
}
.fb-d {
text-align: right;
width: 160px;
min-width: 160px;
}
.fb-s {
text-align: right;
width: 70px;
min-width: 70px;
padding-right: 12px;
}
}
#fallback-hints {
display: none;
overflow: hidden;
text-align: right;
background: @col-back-panel;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
a, a:active, a:visited {
.eased-transition;
display: inline-block;
line-height: 48px;
color: @col-text-secondary-black;
text-decoration: none;
outline: 0;
&:hover {
color: @col-text-hover;
}
}
.backlink {
margin: 0 16px;
}
.noJsMsg, .noBrowserMsg {
display: none;
margin: 0 16px;
color: @col-error;
}
}
html.no-js, html.no-browser {
#root {
position: static;
}
#fallback, #fallback-hints {
display: block;
}
}
html.no-js .noJsMsg {
display: inline !important;
}
html.no-browser .noBrowserMsg {
display: inline !important;
}