Page MenuHomePhorge
Files F32088944

filter-panel.css
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

filter-panel.css
View Options

div.container {
position: fixed;
width: 300px;
top: 62px;
bottom: 0;
background-image: url(../images/background.png);
background-size: 3000px 2000px;
background-attachment: fixed;
display: flex;
flex-direction: column;
}
div.filters {
color: #DDDDDD;
background-color: #000000E4;
overflow-y: auto;
height: 100%;
}
div.option {
margin: 5px 18px 5px 32px;
}
div.optionThread {
min-height: 20px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
div.optionThread input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
width: calc(1em + 8px);
height: calc(1em + 8px);
z-index: 2;
opacity: 0;
cursor: pointer;
}
div.optionThread label {
font-family: "Open Sans", sans-serif;
font-weight: 600 !important;
font-size: 15px;
padding-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
text-indent: 24px;
}
div.optionCheckbox {
display: block;
content: '';
width: calc(1em + 2px);
height: calc(1em + 2px);
border: 1px solid transparent;
z-index: 0;
position: absolute;
left: 0;
top: 0;
}
div.checkboxAfterOption {
-webkit-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.6);
}
a.only {
color: #888888;
padding-left: 5px;
font-size: 13px;
cursor: pointer;
display: none;
}
div.option:hover a.only {
display: inline;
}
a.only:hover {
text-decoration: underline;
color: #EEEEEE;
}
a.settingsCog {
display: none;
margin-left: auto;
padding-left: 5px;
cursor: pointer;
color: #AAAAAA;
}
div.option:hover a.settingsCog {
display: inline;
}
a.settingsCog:hover {
color: #EEEEEE;
}
div.optionDetails {
font-style: italic;
color: #888888;
font-size: 13px;
display: inline-block;
text-indent: 24px;
padding-left: 10px;
padding-top: 1px;
}
div.searchContainer {
padding: 8px 10px;
background-color: #000000E4;
}
div.search {
display: flex;
border-radius: 5px;
padding: 5px;
background-color: #FFFFFF44;
align-items: center;
}
svg.searchVector {
fill: white;
height: 22px;
width: 22px;
padding: 0 3px;
}
div.search > input {
color: white;
padding: 0;
border: none;
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 15px;
flex-grow: 1;
margin-left: 3px;
}
div.search > input:focus {
outline: none;
}
svg.clearQuery {
font-size: 15px;
padding-bottom: 1px;
padding-right: 2px;
color: #CCCCCC;
}
svg.clearQuery:hover {
font-size: 15px;
padding-bottom: 1px;
padding-right: 2px;
color: white;
}
div.noResults {
font-style: italic;
text-align: center;
font-size: 15px;
color: #888888;
}
a.collapse {
margin-left: auto;
padding-left: 5px;
cursor: pointer;
color: #AAAAAA;
}
div.category {
margin: 5px 18px 8px 18px;
}
div.extras {
background-color: #000000E4;
color: #DDDDDD;
padding: 8px 20px;
font-size: 14px;
display: flex;
}
div.extras > label {
display: flex;
align-items: center;
}
div.extras > label > span {
margin-left: 8px;
}

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 7:54 AM (1 d, 12 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5780169
Default Alt Text
filter-panel.css (3 KB)

Event Timeline