4 changed files with 1 additions and 433 deletions
-
1app/views/page.tpl
-
3app/widgets/Presence/Presence.php
-
106themes/material/css/header.css
-
324themes/material/css/list.css
@ -1,324 +0,0 @@ |
|||
/* List */ |
|||
ul li { |
|||
padding: 0 2rem; |
|||
padding-left: 9rem; |
|||
font-size: 2rem; |
|||
min-height: 6rem; |
|||
line-height: 6rem; |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
/*min-width: 12rem;*/ |
|||
} |
|||
|
|||
ul > a { |
|||
max-width: 100%; |
|||
display: block; |
|||
} |
|||
|
|||
ul li.oppose { |
|||
padding-left: 0; |
|||
padding-right: 9rem; |
|||
} |
|||
|
|||
|
|||
ul li.inactive { |
|||
opacity: 0.6; |
|||
} |
|||
|
|||
ul.simple > li { |
|||
padding-left: 2rem; |
|||
line-height: 6rem; |
|||
} |
|||
|
|||
ul.simple > li span.icon { |
|||
display: none; |
|||
} |
|||
|
|||
ul.middle > li { |
|||
min-height: 7rem; |
|||
line-height: 5rem; |
|||
padding-top: 1rem; |
|||
padding-bottom: 1rem; |
|||
} |
|||
|
|||
ul.thin > li { |
|||
min-height: 5rem; |
|||
line-height: 5rem; |
|||
} |
|||
|
|||
ul.thick > li { |
|||
min-height: 7rem; |
|||
line-height: 5rem; |
|||
padding-top: 2rem; |
|||
padding-bottom: 2rem; |
|||
} |
|||
|
|||
ul li.subheader { |
|||
min-height: 0; |
|||
height: 5rem; |
|||
line-height: 5rem; |
|||
font-size: 1.75rem; |
|||
padding-left: 2rem; |
|||
padding-top: 0; |
|||
font-weight: 600; |
|||
/* |
|||
position: sticky; |
|||
top: 0; |
|||
background-color: white; |
|||
z-index: 1; |
|||
*/ |
|||
} |
|||
|
|||
ul.active li:hover:not(.subheader), |
|||
ul.active.all li:hover, |
|||
ul.active li.active:not(.subheader) { |
|||
background-color: rgba(0, 0, 0, 0.03); |
|||
cursor: pointer; |
|||
} |
|||
|
|||
ul.active li:hover:not(.subheader) > p.more:after, |
|||
ul.active.all li:hover > p.more:after, |
|||
ul.active li.active:not(.subheader) > p.more:after { |
|||
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(247, 247, 247, 1)); |
|||
} |
|||
|
|||
ul.active li:focus:not(.subheader), |
|||
ul.active.all li:focus, |
|||
ul.active li.active:not(.subheader) { |
|||
background-color: rgba(0, 0, 0, 0.07); |
|||
} |
|||
|
|||
ul.active li:focus:not(.subheader) > p.more:after, |
|||
ul.active.all li:focus > p.more:after, |
|||
ul.active li.active:not(.subheader) > p.more:after { |
|||
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(237, 237, 237, 1)); |
|||
} |
|||
|
|||
.dark ul.active li:hover:not(.subheader), |
|||
.dark ul.active.all li:hover, |
|||
.dark ul.active li.active:not(.subheader) { |
|||
background-color: rgba(255, 255, 255, 0.035); |
|||
} |
|||
|
|||
ul li.condensed, |
|||
ul.thin li.condensed, |
|||
ul.thick li.condensed { |
|||
line-height: 3rem; |
|||
} |
|||
|
|||
ul li.condensed p, |
|||
ul.thin li.condensed p, |
|||
ul.thick li.condensed p { |
|||
line-height: 2.5rem; |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
ul li > p, |
|||
ul li > a > p { |
|||
display: block; |
|||
font-size: 1.75rem; |
|||
color: rgba(0, 0, 0, 0.60); |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
max-height: 8rem; |
|||
line-height: 2.5rem; |
|||
position: relative; |
|||
} |
|||
|
|||
ul li > p.more:after { |
|||
display: block; |
|||
width: 100%; |
|||
height: 3rem; |
|||
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); |
|||
content: ""; |
|||
position: absolute; |
|||
bottom: 0; |
|||
} |
|||
|
|||
ul li > p.all { |
|||
max-height: 100%; |
|||
} |
|||
|
|||
ul li p.wrap { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
ul li span { |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
ul li div.bubble span { |
|||
white-space: initial; |
|||
} |
|||
|
|||
ul li span.second { |
|||
opacity: 0.6; |
|||
padding-left: 0.5rem; |
|||
} |
|||
|
|||
ul li img { |
|||
max-width: 100%; |
|||
height: auto; |
|||
} |
|||
|
|||
ul li > p.more img:not(.emoji) { |
|||
margin: 1rem auto; |
|||
display: block; |
|||
} |
|||
|
|||
ul li.action { |
|||
padding-right: 7rem; |
|||
} |
|||
|
|||
ul li.action > div.action, |
|||
ul li.action > form > div.action { |
|||
position: absolute; |
|||
top: 50%; |
|||
right: 2rem; |
|||
margin-top: -2.5rem; |
|||
font-size: 3rem; |
|||
height: 5rem; |
|||
line-height: 5rem; |
|||
} |
|||
|
|||
ul li span.info { |
|||
float: right; |
|||
margin-left: 1rem; |
|||
} |
|||
|
|||
/* Counter */ |
|||
|
|||
ul li span.counter:empty { |
|||
display: none; |
|||
} |
|||
|
|||
ul li span.counter { |
|||
position: absolute; |
|||
right: 1rem; |
|||
top: calc(50% - 1.5rem); |
|||
line-height: 2rem; |
|||
border-radius: 3rem; |
|||
padding: 0.5rem; |
|||
text-align: center; |
|||
min-width: 2rem; |
|||
} |
|||
|
|||
ul li span.counter.bottom { |
|||
top: calc(50%); |
|||
} |
|||
|
|||
/* Bubble */ |
|||
|
|||
ul li div.bubble { |
|||
padding: 1rem 2rem; |
|||
border-radius: 0.25rem; |
|||
line-height: 2.75rem; |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
display: block; |
|||
font-size: 1.75rem; |
|||
background-color: white; |
|||
border-color: white; |
|||
max-width: 100%; |
|||
float: left; |
|||
} |
|||
|
|||
ul li div.bubble div { |
|||
/*white-space: pre-wrap;*/ |
|||
display: inline; |
|||
} |
|||
|
|||
ul li div.quote { |
|||
font-style: italic; |
|||
} |
|||
|
|||
ul li.oppose div.bubble { |
|||
margin-left: 2rem; |
|||
float: right; |
|||
} |
|||
|
|||
ul li div.bubble:after { |
|||
visibility: hidden; |
|||
display: block; |
|||
font-size: 0; |
|||
content: " "; |
|||
clear: both; |
|||
height: 0; |
|||
} |
|||
|
|||
ul li:not(.same) div.bubble:before { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 0; |
|||
left: -1.5rem; |
|||
border-top: 1.5rem solid black; |
|||
border-top-color: inherit; |
|||
border-left: 1.5rem solid transparent; |
|||
border-right: 1.5rem solid transparent; |
|||
} |
|||
|
|||
ul li.oppose:not(.same) div.bubble:before { |
|||
left: calc(100% - 1.5rem); |
|||
} |
|||
|
|||
ul li.same span.icon { |
|||
display: none; |
|||
} |
|||
|
|||
/* Tabs */ |
|||
|
|||
ul.tabs { |
|||
text-align: center; |
|||
border-bottom: 1px solid rgba(0, 0, 0, 0.12); |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
height: 6rem; |
|||
} |
|||
|
|||
ul.tabs:hover { |
|||
overflow-x: auto; |
|||
} |
|||
|
|||
ul.tabs li { |
|||
display: inline-block; |
|||
white-space: nowrap; |
|||
text-transform: uppercase; |
|||
font-size: 1.75rem; |
|||
font-weight: 600; |
|||
opacity: 0.6; |
|||
padding: 0 2rem; |
|||
height: 2rem; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
ul.tabs li:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
ul.tabs li.active { |
|||
opacity: 1; |
|||
border-bottom-width: 2px; |
|||
border-bottom-style: solid; |
|||
} |
|||
|
|||
/* Menu */ |
|||
|
|||
ul.context_menu { |
|||
border-radius: 0.25rem; |
|||
overflow: hidden; |
|||
background-color: white; |
|||
color: #333; |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
margin: 0.5rem; |
|||
z-index: 3; |
|||
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26), 0px 2px 10px 0px rgba(0, 0, 0, 0.16); |
|||
display: none; |
|||
} |
|||
|
|||
ul.context_menu.shown { |
|||
display: block; |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue