Cleaned up style sheets

This commit is contained in:
Giulio Cesare Solaroli 2015-02-07 15:41:04 +01:00
parent 724016fd15
commit 4535b8b129
3 changed files with 110 additions and 18 deletions

View File

@ -1472,12 +1472,42 @@ div.dialogBox {
font-weight: bold; font-weight: bold;
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; } padding-bottom: 10px; }
#selections ul.defaultSet li.allCards:before { #selections ul.defaultSet li {
content: "clipperz"; } display: -webkit-box;
#selections ul.defaultSet li.recentCards:before { display: -webkit-flex;
content: "recent"; } display: -moz-flex;
#selections ul.defaultSet li.untaggedCards { display: -ms-flexbox;
padding-left: 70px; } display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
#selections ul.defaultSet li span.label {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto; }
#selections ul.defaultSet li span.count {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
#selections ul.defaultSet li.allCards:before {
content: "clipperz"; }
#selections ul.defaultSet li.recentCards:before {
content: "recent"; }
#selections ul.defaultSet li.untaggedCards {
padding-left: 35px; }
#selections .search form input { #selections .search form input {
font-family: "clipperz-font"; font-family: "clipperz-font";
color: #999; color: #999;
@ -1541,8 +1571,6 @@ div.dialogBox {
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; } border-radius: 4px; }
#selections li { #selections li {
padding-left: 35px;
text-indent: -35px;
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
cursor: pointer; } cursor: pointer; }
@ -1559,18 +1587,55 @@ div.dialogBox {
font-weight: normal; font-weight: normal;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
font-size: 14pt; } font-size: 14pt;
vertical-align: baseline; }
#selections .showArchivedCards { #selections .showArchivedCards {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 10px; padding: 10px;
font-size: 12pt; } font-size: 12pt; }
#selections .showArchivedCards input {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none; }
#selections .showArchivedCards .label { #selections .showArchivedCards .label {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
padding-left: 5px; } padding-left: 5px; }
#selections .showArchivedCards .count {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-right: 2px; }
span.count { span.count {
background-color: gray; background-color: gray;
font-size: 10pt; font-size: 10pt;
margin-left: 10px; margin-right: 12px;
padding: 0px 4px; padding: 3px 5px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;

File diff suppressed because one or more lines are too long

View File

@ -14,6 +14,19 @@
padding-bottom: 10px; padding-bottom: 10px;
li { li {
@include flexbox();
@include flex-direction(row);
span.label {
@include flex(auto);
}
span.count {
@include flex(none);
@include align-self(flex-end);
}
&.allCards:before { &.allCards:before {
content: "clipperz"; content: "clipperz";
} }
@ -23,7 +36,7 @@
} }
&.untaggedCards { &.untaggedCards {
padding-left: 70px; padding-left: 35px;
} }
} }
} }
@ -101,8 +114,8 @@
} }
li { li {
padding-left: 35px; // padding-left: 35px;
text-indent: -35px; // text-indent: -35px;
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
@ -115,25 +128,39 @@
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
font-size: 14pt; font-size: 14pt;
vertical-align: baseline;
} }
} }
.showArchivedCards { .showArchivedCards {
@include flexbox();
@include flex-direction(row);
padding: 10px; padding: 10px;
font-size: 12pt; font-size: 12pt;
input {
@include flex(none);
}
.label { .label {
@include flex(auto);
padding-left: 5px; padding-left: 5px;
} }
.count {
@include flex(none);
@include align-self(flex-end);
margin-right: 2px;
}
} }
} }
span.count { span.count {
background-color: gray; background-color: gray;
font-size: 10pt; font-size: 10pt;
margin-left: 10px; margin-right: 12px;
padding: 0px 4px; padding: 3px 5px;
@include border-radius(4px); @include border-radius(4px);
color: white; color: white;