ttrss/css/utility.less

153 lines
2.0 KiB
Plaintext

body.ttrss_utility.sanity_failed {
background : #900;
}
body.ttrss_utility {
background : @color-panel-bg;
color : @default-fg;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin : 4em;
.content {
background : white;
border : 1px solid #ddd;
padding : 20px;
box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
h2:first-of-type {
margin-top : 0;
}
h2, h3, h4 {
color : @color-accent;
font-family: @fonts-ui-bold;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 16px;
}
fieldset {
border-width : 0px;
padding : 5px 0px;
}
fieldset.narrow {
padding : 2px 0px;
}
fieldset.align-right {
text-align : right;
}
fieldset > label:first-of-type {
width : 140px;
margin-right : 20px;
display : inline-block;
text-align : right;
font-weight : bold;
}
fieldset > label.checkbox {
display : inline;
font-weight : normal;
}
}
a {
color : @color-link;
text-decoration : none;
}
a:hover,
a:focus {
color: darken(@color-link, 20%);
text-decoration: underline;
}
h1 {
color : gray;
font-family: @fonts-ui-bold;
font-size : 18px;
margin : 10px 0 0 0;
}
.footer {
text-align : center;
padding-top : 10px;
a {
color : gray;
}
a:hover {
color : @color-accent;
}
}
form {
margin : 0;
}
}
body.ttrss_utility.otp {
.content {
fieldset > label {
display: inline;
}
}
}
body.ttrss_utility.ttrss_login {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
position : absolute;
display : flex;
align-items: center;
justify-content : center;
.container {
max-width : 600px;
margin-left : auto;
margin-right : auto;
.content {
padding : 40px;
}
}
}
body.ttrss_utility.feed_debugger,
body.ttrss_utility.ttrss_zoom {
margin : 2em;
}
body#sharepopup {
color : @default-fg;
background: @default-bg;
margin : 10px;
h1 {
font-size : 14px;
margin : 0px;
color : @color-accent;
}
form {
height : 100%;
}
input {
width : 100%;
}
}