]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
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 {
257 .card .card-action a:hover {
261 .settings .div_tabs {
262 padding-bottom: 15px;
271 .mdi-card-close:before {
279 .card .card-image .preview {
281 background-size: cover
;
282 background-repeat: no-repeat
;
283 background-position: 50%;
286 /* ==========================================================================
288 ========================================================================== */
297 width: 95px !important
;
298 transition: width
0.2s ease
;
302 width: 240px !important
;
305 .reader-mode .collapsible-body {
310 .reader-mode:hover .collapsible-body {
316 transition: opacity
0.2s ease
;
319 .reader-mode:hover span {
332 #article aside
.link
{
335 text-decoration: none
;
338 #article aside #list
{
343 #article aside span a
{
344 background-color: #039be5;
350 margin-bottom: 0.5em;
352 text-decoration: none
;
355 /* ==========================================================================
357 ========================================================================== */
359 @media only screen and
(max-width : 992px) {
360 header
, main
, footer
{
370 width: 240px !important
;
377 @media only screen and
(min-width : 993px) and
(max-width : 1180px) {
410 @media only screen and
(max-width : 350px) {
415 /* ==========================================================================
417 ========================================================================== */
419 /* force height on non-input field in the settings page */
420 div
.settings div
.input-field div
, div
.settings div
.input-field ul
{