]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
10f9a166b51a734beb8a62325930222dc7c8f11a
1 /* ==========================================================================
13 ========================================================================== */
16 /* ==========================================================================
18 ========================================================================== */
23 flex-direction: column
;
33 background-color: #ff6347;
46 border-bottom: 1px solid
#DDD;
62 .results .nb-results, .results .pagination {
77 .page-footer .footer-copyright p {
85 .picker__date-display {
89 /* ==========================================================================
91 ========================================================================== */
97 .nav-wrapper .button-collapse {
109 .nav-panel-buttom li {
118 transition: background
0.2s ease
;
121 .nav-panel-add
.mdi-content-add
,
122 .nav-panel-search
.mdi-action-search
,
123 .nav-panels .mdi-navigation-close {
124 color: #444 !important
;
127 .nav-panels .action {
128 padding-left: 0.75rem;
133 .nav-panels .input-field input {
135 line-height: inherit
;
136 padding-left: 4rem !important
;
137 width: calc
(100% - 8rem);
140 .nav-panels .input-field input:focus {
141 background-color: #fff;
147 .input-field.nav-panel-add label {
151 .input-field.nav-panel-add .mdi-navigation-close {
158 transition: .3s color
;
165 /* ==========================================================================
167 ========================================================================== */
179 .side-nav > li.logo {
201 /* ==========================================================================
203 * ========================================================================== */
210 .side-nav.fixed.right-aligned {
212 left: auto
!important
;
216 #filters div
.with-checkbox
{
221 /* ==========================================================================
223 ========================================================================== */
230 padding: 0px 0.75rem;
233 .data .card .card-body {
238 .card .card-content .card-title {
242 .card .card-content .estimatedTime {
246 .card .card-action .original {
250 .card .card-action ul.links {
256 .card .card-action a {
261 .card .card-action a:hover {
265 .settings .div_tabs {
266 padding-bottom: 15px;
275 .mdi-card-close:before {
283 .card .card-image .preview {
285 background-size: cover
;
286 background-repeat: no-repeat
;
287 background-position: 50%;
290 /* ==========================================================================
292 ========================================================================== */
301 width: 95px !important
;
302 transition: width
0.2s ease
;
306 width: 240px !important
;
309 .reader-mode .collapsible-body {
314 .reader-mode:hover .collapsible-body {
320 transition: opacity
0.2s ease
;
323 .reader-mode:hover span {
336 #article aside
.link
{
339 text-decoration: none
;
342 #article aside #list
{
347 #article aside span a
{
348 background-color: #039be5;
354 margin-bottom: 0.5em;
356 text-decoration: none
;
359 /* ==========================================================================
361 ========================================================================== */
363 @media only screen and
(max-width : 992px) {
364 header
, main
, footer
{
374 width: 240px !important
;
381 @media only screen and
(min-width : 993px) and
(max-width : 1180px) {
414 @media only screen and
(max-width : 350px) {
419 /* ==========================================================================
421 ========================================================================== */
423 /* force height on non-input field in the settings page */
424 div
.settings div
.input-field div
, div
.settings div
.input-field ul
{