yogsototh/espial
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

make css spacing consistent

Browse source
This commit is contained in:
brett 2020-10-01 13:42:39 -06:00
parent 85fa64979c
commit 0b010dfe88
2 changed files with 131 additions and 100 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
static/css/main.css
View file

@ -18,13 +18,14 @@ button:focus {
outline: none; outline: none;
} }
[hidden] { [hidden] {
display: none !important display: none !important;
} }
input::placeholder { input::placeholder {
color: lightgray color: lightgray;
} }
.queryInput { .queryInput {
width: 128px; width: 128px;
padding: 0 22px 0 2px; padding: 0 22px 0 2px;
@ -34,9 +35,10 @@ input::placeholder {
border-color: gray; border-color: gray;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
transition: width .1s ease-in-out transition: width 0.1s ease-in-out;
}
.queryInput.search-inactive {
} }
.queryInput.search-inactive {}
.queryInput:focus { .queryInput:focus {
width: 175px; width: 175px;
} }
@ -44,7 +46,7 @@ input::placeholder {
.queryInput.search-active { .queryInput.search-active {
border-color: #990; border-color: #990;
border-width: 2px; border-width: 2px;
background-color: #FF9; background-color: #ff9;
width: 175px; width: 175px;
} }
.queryIcon { .queryIcon {
@ -89,13 +91,13 @@ label {
} }
.star button { .star button {
transition: color .1s; transition: color 0.1s;
} }
.star.selected button { .star.selected button {
color: #22a; color: #22a;
} }
.edit_links button { .edit_links button {
transition: color .1s ease-in; transition: color 0.1s ease-in;
} }
.tag { .tag {
@ -114,10 +116,20 @@ label {
display: inline-block; display: inline-block;
} }
.private { background:#ddd;border:1px solid #d1d1d1; } .private {
.unread { color:#b41 } background: #ddd;
.mark_read {color: #a81;} border: 1px solid #d1d1d1;
.flash { color:green;background:#efe } }
.unread {
color: #b41;
}
.mark_read {
color: #a81;
}
.flash {
color: green;
background: #efe;
}
.top_menu { .top_menu {
margin-top: 6px; margin-top: 6px;
@ -134,9 +146,15 @@ label {
border: 1px solid #acc; border: 1px solid #acc;
} }
.edit_bookmark_form {color:#888;} .edit_bookmark_form {
.edit_bookmark_form input {border:1px solid #ddd;} color: #888;
.edit_bookmark_form textarea {border:1px solid #ddd;} }
.edit_bookmark_form input {
border: 1px solid #ddd;
}
.edit_bookmark_form textarea {
border: 1px solid #ddd;
}
.nav-active { .nav-active {
background: #ff8; background: #ff8;
@ -149,7 +167,7 @@ label {
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
} }
.display { .display {
float: none float: none;
} }
} }
@ -162,17 +180,16 @@ label {
} }
.rdim { .rdim {
opacity: .8; opacity: 0.8;
transition: all .15s ease-in; transition: all 0.15s ease-in;
} }
.rdim:hover, .rdim:hover,
.rdim:focus { .rdim:focus {
opacity: 1; opacity: 1;
transition: all .15s ease-in; transition: all 0.15s ease-in;
} }
.display .description > div p, .display .description > div p,
.display .description > div pre .display .description > div pre {
{
margin-top: 9px; margin-top: 9px;
margin-bottom: 9px; margin-bottom: 9px;
} }
@ -196,10 +213,11 @@ label {
.display .description > div ul { .display .description > div ul {
padding-left: 23px; padding-left: 23px;
} }
code, pre { code,
pre {
font-size: 13px; font-size: 13px;
} }
#content:not([view-rendered]) .view-delay { #content:not([view-rendered]) .view-delay {
display: none !important display: none !important;
} }

25
static/css/popup.css
View file

@ -2,7 +2,7 @@ html {
box-sizing: border-box; box-sizing: border-box;
} }
[hidden] { [hidden] {
display: none !important display: none !important;
} }
button { button {
background: none; background: none;
@ -23,12 +23,25 @@ form label {
display: table-cell; display: table-cell;
padding: 2px 0; padding: 2px 0;
} }
li { list-style-type: none; margin: 0; padding: 0; display: block;} li {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
}
.when { color:#999} .when {
.unread { color:#b41 } color: #999;
a.unread { color:#b41 } }
a.bookmark_title { font-size:120%;} .unread {
color: #b41;
}
a.unread {
color: #b41;
}
a.bookmark_title {
font-size: 120%;
}
label { label {
cursor: pointer; cursor: pointer;