From 4744cb0e1df8ee7c1cd10c9fbd67caec73051024 Mon Sep 17 00:00:00 2001 From: Thomas LEBEAU Date: Sat, 8 Mar 2014 13:47:15 +0100 Subject: bagit link + overlay save link + listmode --- themes/baggy/css/main.css | 48 +++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 42 insertions(+), 6 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index fe77a967..586501b0 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -173,7 +173,7 @@ h2:after { #links { position: fixed; top: 0; - width: 9em; + width: 10em; left: 0; text-align: right; background: #333; @@ -184,7 +184,7 @@ h2:after { } #main { - margin-left: 12em; + margin-left: 13em; position: relative; z-index: 10; padding-right: 5%; @@ -228,7 +228,7 @@ h2:after { #links li:last-child { position: fixed; bottom: 1em; - width: 9em; + width: 10em; } #links li:last-child a:before { @@ -322,6 +322,15 @@ footer a { letter-spacing:-5px; } +.listmode .entrie { + width: 100%!important; + margin-left: 0!important; +} + +.listmode .entrie p { + display: none; +} + .list-entries + .results { margin-bottom: 2em; } @@ -343,10 +352,10 @@ footer a { letter-spacing:normal; box-shadow: 0 3px 7px rgba(0,0,0,0.3); display: inline-block; - width: 32%; + width: 32%!important; margin-bottom: 1.5em; vertical-align: top; - margin-left: 1.5%; + margin-left: 1.5%!important; position: relative; overflow: hidden; padding: 1.5em 1.5em 3em 1.5em; @@ -481,7 +490,7 @@ footer a { } .entrie:nth-child(3n+1) { - margin-left: 0; + margin-left: 0!important; } .results { @@ -525,6 +534,33 @@ footer a { display: none; } +#bagit-form { + background: rgba(0,0,0,0.8); + position: fixed; + top: 0; + left: 10em; + z-index: 20; + height: 100%; + width: 100%; + margin: 0; + padding: 2em; + display: none; +} + +#bagit-form form { + background: #FFF; + position: absolute; + top: 50%; + left: 50%; + z-index: 20; + border: 10px solid #000; + width: 600px; + height: 300px; + margin: -150px 0 0 -300px; + padding: 2em; +} + + /* ========================================================================== 3 = Pictos ========================================================================== */ -- cgit v1.2.3 From 6775da70a845a7fa8364dd3bc1a8e7702e9789bf Mon Sep 17 00:00:00 2001 From: Maryana Rozhankivska Date: Wed, 12 Mar 2014 17:36:04 +0200 Subject: feature #505 - it is now possible to add link from bagged article (TODO: redev it to ajax action). Some enhancements to "save a link" popup div --- themes/baggy/css/main.css | 64 +++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 57 insertions(+), 7 deletions(-) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 586501b0..ba4b7c7f 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -534,32 +534,78 @@ footer a { display: none; } +/* ========================================================================== + 2.1 = "save a link" popup div related styles + ========================================================================== */ + #bagit-form { - background: rgba(0,0,0,0.8); - position: fixed; + background: rgba(0,0,0,0.5); + position: absolute; top: 0; left: 10em; z-index: 20; height: 100%; width: 100%; margin: 0; + margin-top: -30%; padding: 2em; display: none; + border-left: 1px #EEE solid; } #bagit-form form { background: #FFF; position: absolute; - top: 50%; - left: 50%; + top: 0; + left: 0; z-index: 20; border: 10px solid #000; - width: 600px; - height: 300px; - margin: -150px 0 0 -300px; + width: 400px; + height: 200px; + /* margin: -150px 0 0 -300px; */ padding: 2em; } +a#bagit-form-close { + background: #000; + color: #FFF; + padding: 0.2em 0.5em; + text-decoration: none; + display: inline-block; + float: right; + font-size: 0.6em; +} +a#bagit-form-close:hover { + background: #999; + color: #000; +} + +.active-current { + background-color: #999; +} + +.active-current:after { + content: ""; + width: 0; + height: 0; + position: absolute; + border-style: solid; + border-width: 10px; + border-color: transparent #EEE transparent transparent; + right: 0; + top: 50%; + margin-top: -10px; +} + +.opacity03 { + opacity: 0.3; +} + +.add-to-wallabag-link-after { + background-color: #000; + color: #fff; + padding: 0 3px 2px 3px; +} /* ========================================================================== 3 = Pictos @@ -920,4 +966,8 @@ blockquote { #display-mode { display: none; } + + #bagit-form { + left: 0; + } } -- cgit v1.2.3 From 3ee27ee6ba8d44182ddeac7b54d75cc54affeec7 Mon Sep 17 00:00:00 2001 From: Maryana Rozhankivska Date: Thu, 13 Mar 2014 18:37:08 +0200 Subject: saving link form now sends ajax request, article view is now justified --- themes/baggy/css/main.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'themes/baggy/css/main.css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index ba4b7c7f..61e0b47e 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -607,6 +607,11 @@ a#bagit-form-close:hover { padding: 0 3px 2px 3px; } +#add-link-result { + font-weight: bold; + margin-top: 10px; +} + /* ========================================================================== 3 = Pictos ========================================================================== */ @@ -741,6 +746,7 @@ a#bagit-form-close:hover { #article { width: 70%; margin-bottom: 3em; + text-align: justify; } #article .tags { -- cgit v1.2.3