]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
7a4e7df2f2861ce0cff27e506a920667c69963aa
1 /* ==========================================================================
13 ========================================================================== */
16 /* ==========================================================================
18 ========================================================================== */
23 flex-direction: column
;
29 background-color: #ff6347;
42 border-bottom: 1px solid
#DDD;
58 .results .nb-results, .results .pagination {
73 .page-footer .footer-copyright p {
81 .picker__date-display {
85 /* ==========================================================================
87 ========================================================================== */
93 .nav-wrapper .button-collapse {
105 .nav-panel-buttom li {
114 transition: background
0.2s ease
;
117 .nav-panel-add
.mdi-content-add
,
118 .nav-panel-search
.mdi-action-search
,
119 .nav-panels .mdi-navigation-close {
120 color: #444 !important
;
123 .nav-panels .action {
124 padding-left: 0.75rem;
129 .nav-panels .input-field input {
131 line-height: inherit
;
132 padding-left: 4rem !important
;
133 width: calc
(100% - 8rem);
136 .nav-panels .input-field input:focus {
137 background-color: #fff;
143 .input-field.nav-panel-add label {
147 .input-field.nav-panel-add .mdi-navigation-close {
154 transition: .3s color
;
161 /* ==========================================================================
163 ========================================================================== */
175 .side-nav > li.logo {
197 /* ==========================================================================
199 * ========================================================================== */
206 .side-nav.fixed.right-aligned {
208 left: auto
!important
;
212 #filters div
.with-checkbox
{
217 /* ==========================================================================
219 ========================================================================== */
226 padding: 0px 0.75rem;
229 .data .card .card-body {
234 .card .card-content .card-title {
238 .card .card-content .estimatedTime {
242 .card .card-action .original {
246 .card .card-action ul.links {
252 .card .card-action a {
256 .settings .div_tabs {
257 padding-bottom: 15px;
266 .mdi-card-close:before {
274 .card .card-image .preview {
276 background-size: cover
;
277 background-repeat: no-repeat
;
278 background-position: 50%;
281 /* ==========================================================================
283 ========================================================================== */
292 width: 95px !important
;
293 transition: width
0.2s ease
;
297 width: 240px !important
;
300 .reader-mode .collapsible-body {
305 .reader-mode:hover .collapsible-body {
311 transition: opacity
0.2s ease
;
314 .reader-mode:hover span {
327 #article aside
.link
{
330 text-decoration: none
;
333 #article aside #list
{
338 #article aside span a
{
339 background-color: #039be5;
345 margin-bottom: 0.5em;
347 text-decoration: none
;
350 /* ==========================================================================
352 ========================================================================== */
354 @media only screen and
(max-width : 992px) {
355 header
, main
, footer
{
365 width: 240px !important
;
372 @media only screen and
(min-width : 993px) and
(max-width : 1180px) {
405 @media only screen and
(max-width : 350px) {
410 /* ==========================================================================
412 ========================================================================== */
414 /* force height on non-input field in the settings page */
415 div
.settings div
.input-field div
, div
.settings div
.input-field ul
{