From 39676caf83a3d85203a769295d65c8ce32953883 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Tue, 14 Apr 2020 16:01:14 +0200 Subject: Removed old, not so maintained and buggy baggy theme --- app/Resources/static/themes/baggy/css/article.scss | 165 --- app/Resources/static/themes/baggy/css/guide.scss | 263 ---- app/Resources/static/themes/baggy/css/index.scss | 13 - app/Resources/static/themes/baggy/css/layout.scss | 309 ----- app/Resources/static/themes/baggy/css/login.scss | 26 - app/Resources/static/themes/baggy/css/main.css | 1353 -------------------- .../static/themes/baggy/css/media_queries.scss | 178 --- .../static/themes/baggy/css/messages.scss | 50 - app/Resources/static/themes/baggy/css/pictos.scss | 210 --- app/Resources/static/themes/baggy/css/print.scss | 63 - .../static/themes/baggy/css/ratatouille.scss | 226 ---- app/Resources/static/themes/baggy/css/save.scss | 115 -- app/Resources/static/themes/baggy/img/blank.png | Bin 141 -> 0 bytes app/Resources/static/themes/baggy/img/down.png | Bin 216 -> 0 bytes app/Resources/static/themes/baggy/img/list.png | Bin 201 -> 0 bytes app/Resources/static/themes/baggy/img/table.png | Bin 229 -> 0 bytes app/Resources/static/themes/baggy/img/top.png | Bin 212 -> 0 bytes app/Resources/static/themes/baggy/index.js | 266 ---- .../static/themes/baggy/js/autoCompleteTags.js | 8 - .../static/themes/baggy/js/shortcuts/entry.js | 26 - .../static/themes/baggy/js/shortcuts/main.js | 10 - app/Resources/static/themes/baggy/js/uiTools.js | 35 - 22 files changed, 3316 deletions(-) delete mode 100644 app/Resources/static/themes/baggy/css/article.scss delete mode 100644 app/Resources/static/themes/baggy/css/guide.scss delete mode 100644 app/Resources/static/themes/baggy/css/index.scss delete mode 100644 app/Resources/static/themes/baggy/css/layout.scss delete mode 100644 app/Resources/static/themes/baggy/css/login.scss delete mode 100755 app/Resources/static/themes/baggy/css/main.css delete mode 100755 app/Resources/static/themes/baggy/css/media_queries.scss delete mode 100755 app/Resources/static/themes/baggy/css/messages.scss delete mode 100644 app/Resources/static/themes/baggy/css/pictos.scss delete mode 100755 app/Resources/static/themes/baggy/css/print.scss delete mode 100644 app/Resources/static/themes/baggy/css/ratatouille.scss delete mode 100644 app/Resources/static/themes/baggy/css/save.scss delete mode 100755 app/Resources/static/themes/baggy/img/blank.png delete mode 100644 app/Resources/static/themes/baggy/img/down.png delete mode 100755 app/Resources/static/themes/baggy/img/list.png delete mode 100755 app/Resources/static/themes/baggy/img/table.png delete mode 100644 app/Resources/static/themes/baggy/img/top.png delete mode 100755 app/Resources/static/themes/baggy/index.js delete mode 100755 app/Resources/static/themes/baggy/js/autoCompleteTags.js delete mode 100644 app/Resources/static/themes/baggy/js/shortcuts/entry.js delete mode 100644 app/Resources/static/themes/baggy/js/shortcuts/main.js delete mode 100644 app/Resources/static/themes/baggy/js/uiTools.js (limited to 'app/Resources/static/themes/baggy') diff --git a/app/Resources/static/themes/baggy/css/article.scss b/app/Resources/static/themes/baggy/css/article.scss deleted file mode 100644 index d203ce31..00000000 --- a/app/Resources/static/themes/baggy/css/article.scss +++ /dev/null @@ -1,165 +0,0 @@ - -#article { - width: 70%; - margin-bottom: 3em; - text-align: justify; - - .tags { - margin-bottom: 1em; - } - - i { - font-style: normal; - } - - h1 { - text-align: left; - } - - h2::after { - content: none; - } - - h2, - h3, - h4 { - text-transform: none; - } -} - -blockquote { - border: 1px solid #999; - background-color: #fff; - padding: 1em; - margin: 0; -} - -.topPosF { - position: fixed; - right: 20%; - bottom: 2em; - font-size: 1.5em; -} - -#article_toolbar { - margin-bottom: 1em; - - li { - display: inline-block; - margin: 3px auto; - } - - a { - background-color: #000; - padding: 0.3em 0.5em 0.2em; - color: #fff; - text-decoration: none; - - &:hover, - &:focus { - background-color: #999; - } - } -} - -#nav-btn-add-tag { - cursor: pointer; -} - -.shaarli::before { - content: "*"; -} - -.return { - text-decoration: none; - margin-top: 1em; - display: block; -} - -.return::before { - margin-right: 0.5em; -} - -.notags { - font-style: italic; - color: #999; -} - -.icon-feed { - background-color: #000; - color: #fff; - padding: 0.2em 0.5em; - - &::before { - position: relative; - top: 2px; - } -} - -.list-tags { - li { - margin-bottom: 0.5em; - } - - .icon-feed:hover, - .icon-feed:focus { - background-color: #fff; - color: #000; - text-decoration: none; - } - - a { - text-decoration: none; - - &:hover, - &:focus { - text-decoration: underline; - } - } -} - -pre code { - font-family: "Courier New", Courier, monospace; -} - -#filters { - position: fixed; - width: 20%; - height: 100%; - top: 0; - right: 0; - background-color: #fff; - padding: 30px 30px 15px 15px; - border-left: 1px #333 solid; - z-index: 12; - min-width: 300px; - - form .filter-group { - margin: 5px; - } -} - -#download-form { - position: fixed; - width: 10%; - height: 100%; - top: 0; - right: 0; - background-color: #fff; - padding: 30px 30px 15px 15px; - border-left: 1px #333 solid; - z-index: 12; - min-width: 200px; - - li { - display: block; - padding: 0.5em 2em 0.5em 1em; - color: #fff; - position: relative; - text-transform: uppercase; - text-decoration: none; - font-weight: 400; - font-family: PT Sans, sans-serif; - transition: all 0.5s ease; - } -} diff --git a/app/Resources/static/themes/baggy/css/guide.scss b/app/Resources/static/themes/baggy/css/guide.scss deleted file mode 100644 index afb47c4a..00000000 --- a/app/Resources/static/themes/baggy/css/guide.scss +++ /dev/null @@ -1,263 +0,0 @@ - -::selection { - color: #fff; - background-color: #000; -} - -.desktopHide { - display: none; -} - -.logo { - position: fixed; - z-index: 20; - top: 0.4em; - left: 0.6em; -} - -h2, -h3, -h4 { - font-family: "PT Sans", sans-serif; - text-transform: uppercase; -} - -p, -li, -label { - color: #666; -} - -a { - color: #000; - font-weight: bold; - - &.nostyle { - text-decoration: none; - } - - &:hover, - &:focus { - text-decoration: none; - } -} - -form fieldset { - border: 0; - padding: 0; - margin: 0; -} - -form input[type="text"], -form input[type="number"], -select, -form input[type="password"], -form input[type="url"], -form input[type="email"] { - border: 1px solid #999; - padding: 0.5em 1em; - min-width: 12em; - color: #666; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - select { - -webkit-appearance: none; - border-radius: 0; - background: #fff url("../../_global/img/bg-select.png") no-repeat right center; - } -} - -.inline { - .row { - display: inline-block; - margin-right: 0.5em; - } - - label { - min-width: 6em; - } -} - -fieldset label { - display: inline-block; - min-width: 12.5em; - color: #666; -} - -label { - margin-right: 0.5em; -} - -form .row { - margin-bottom: 0.5em; -} - -form button, -input[type="submit"] { - cursor: pointer; - background-color: #000; - color: #fff; - padding: 0.5em 1em; - display: inline-block; - border: 1px solid #000; -} - -form button:hover, -form button:focus, -input[type="submit"]:hover, -input[type="submit"]:focus { - background-color: #fff; - color: #000; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -#bookmarklet { - cursor: move; -} - -h2::after { - content: ""; - height: 4px; - width: 20%; - background-color: #000; - display: block; -} - -.links { - padding: 0; - margin: 0; - - li { - list-style: none; - margin: 0; - padding: 0; - } -} - -#links { - position: fixed; - top: 0; - width: 10em; - left: 0; - text-align: right; - background-color: #333; - padding-top: 9.5em; - height: 100%; - box-shadow: inset -4px 0 20px rgba(0, 0, 0, 0.6); - z-index: 15; - - > li > a { - display: block; - padding: 0.5em 2em 0.5em 1em; - color: #fff; - position: relative; - text-transform: uppercase; - text-decoration: none; - font-weight: normal; - font-family: "PT Sans", sans-serif; - transition: all 0.5s ease; - - &:hover, - &:focus { - background-color: #999; - color: #000; - } - } - - .current::after { - content: ""; - width: 0; - height: 0; - position: absolute; - border: 10px solid transparent; - border-right-color: #eee; - right: 0; - top: 50%; - margin-top: -10px; - } - - li:last-child { - position: fixed; - bottom: 1em; - width: 10em; - - a::before { - font-size: 1.2em; - position: relative; - top: 2px; - } - } -} - -#main { - margin-left: 12em; - position: relative; - z-index: 10; - padding-right: 5%; - padding-bottom: 1em; -} - -#sort { - padding: 0; - list-style-type: none; - opacity: 0.5; - display: inline-block; - - li { - display: inline; - font-size: 0.9em; - - & + li { - margin-left: 10px; - } - } - - a { - padding: 2px 2px 0; - vertical-align: middle; - } - - img { - vertical-align: baseline; - - :hover { - cursor: pointer; - } - } -} - -#display-mode { - float: right; - margin-top: 10px; - margin-bottom: 10px; - opacity: 0.5; -} - -#listmode { - width: 16px; - display: inline-block; - text-decoration: none; - - &.tablemode { - background: url("../../_global/img/table.png") no-repeat bottom; - } - - .listmode { - background: url("../../_global/img/list.png") no-repeat bottom; - } -} - -#warning_message { - position: fixed; - background-color: #ff6347; - z-index: 1000; - bottom: 0; - left: 0; - width: 100%; - color: #000; -} diff --git a/app/Resources/static/themes/baggy/css/index.scss b/app/Resources/static/themes/baggy/css/index.scss deleted file mode 100644 index e7a11963..00000000 --- a/app/Resources/static/themes/baggy/css/index.scss +++ /dev/null @@ -1,13 +0,0 @@ -/* Style */ -@import 'guide'; -@import 'layout'; -@import 'article'; -@import 'pictos'; -@import 'login'; -@import 'save'; -@import 'messages'; - -/* Tools */ -@import 'media_queries'; -@import 'print'; -@import 'ratatouille'; diff --git a/app/Resources/static/themes/baggy/css/layout.scss b/app/Resources/static/themes/baggy/css/layout.scss deleted file mode 100644 index 0293ebe5..00000000 --- a/app/Resources/static/themes/baggy/css/layout.scss +++ /dev/null @@ -1,309 +0,0 @@ -#content { - margin-top: 2em; - min-height: 30em; -} - -footer { - text-align: right; - position: relative; - bottom: 0; - right: 5em; - color: #999; - font-size: 0.8em; - font-style: italic; - z-index: 20; - - a { - color: #999; - font-weight: normal; - } -} - -.list-entries { - letter-spacing: -5px; -} - -.listmode.entry { - width: 100%; - height: inherit; -} - -.card-entry-tags { - max-height: 2em; - overflow-y: hidden; - padding: 0; - margin: 0; -} - -.card-entry-tags li, -.card-entry-tags span { - display: inline-block; - margin: 0 5px; - padding: 5px 12px; - background-color: rgba(0, 0, 0, 0.6); - border-radius: 3px; - max-height: 2em; - overflow: hidden; - text-overflow: ellipsis; -} - -.card-entry-tags a, -.card-entry-labels a { - text-decoration: none; - font-weight: normal; - color: #fff; -} - -.nav-panel-add-tag { - margin-top: 10px; -} - -.list-entries + .results { - margin-bottom: 2em; -} - -.reading-time, -.created-at { - color: #999; - font-style: italic; - font-weight: normal; - font-size: 0.9em; -} - -.estimatedTime small { - position: relative; - top: -1px; -} - -.entry { - background-color: #fff; - letter-spacing: normal; - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - display: inline-block; - width: 32%; - margin-bottom: 1.5em; - vertical-align: top; - margin-right: 1%; - position: relative; - overflow: hidden; - padding: 1.5em 0 3em; - height: 440px; - - img.preview { - width: 100%; - object-fit: cover; - height: 100%; - } - - &::before { - content: ""; - width: 0; - height: 0; - border: 10px solid transparent; - border-bottom-color: #000; - position: absolute; - bottom: 0.7em; - z-index: 10; - right: 1.5em; - transition: all 0.5s ease; - } - - &::after { - content: ""; - position: absolute; - height: 7px; - width: 100%; - bottom: 0; - left: 0; - background-color: #000; - transition: all 0.5s ease; - } - - &:hover { - box-shadow: 0 3px 10px rgba(0, 0, 0, 1); - - &::after { - height: 40px; - } - - &::before { - bottom: 2.3em; - } - - h2 a { - color: #666; - } - - .tools { - bottom: 0; - } - } - - h2 { - text-transform: none; - margin-bottom: 0; - line-height: 1.2; - margin-left: 5px; - } - - &::after { - content: none; - } - - a { - display: block; - text-decoration: none; - color: #000; - word-wrap: break-word; - transition: all 0.5s ease; - } - - p { - color: #666; - font-size: 0.9em; - line-height: 1.7; - margin: 5px 5px auto; - } - - h2 a::first-letter { - text-transform: uppercase; - } - - .tools { - position: absolute; - bottom: -40px; - left: 0; - background: #000; - width: 100%; - z-index: 10; - padding-right: 0.5em; - text-align: right; - transition: all 0.5s ease; - - a { - color: #666; - text-decoration: none; - display: block; - padding: 0.4em; - - &:hover { - color: #fff; - } - } - - li { - display: inline-block; - margin-top: 10px; - } - - li:first-child { - float: left; - font-size: 0.9em; - max-width: calc(100% - 40px * 4); - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-height: 2em; - margin-left: 10px; - } - } - - .card-entry-labels { - position: absolute; - top: 100px; - left: -1em; - z-index: 90; - max-width: 50%; - padding-left: 0; - - li { - margin: 10px 10px 10px auto; - padding: 5px 12px 5px 25px; - background-color: rgba(0, 0, 0, 0.6); - border-radius: 0 3px 3px 0; - color: #fff; - cursor: default; - max-height: 2em; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - - a { - color: #fff; - } - } - } -} - -.entry:nth-child(3n+1) { - margin-left: 0; -} - -.results { - letter-spacing: -5px; - padding: 0 0 0.5em; - - > * { - display: inline-block; - vertical-align: top; - letter-spacing: normal; - width: 50%; - text-align: right; - } -} - -div.pagination ul { - text-align: right; -} - -.nb-results { - text-align: left; - font-style: italic; - color: #999; - display: inline-flex; -} - -div.pagination ul { - a { - color: #999; - text-decoration: none; - - &:hover, - &:focus { - text-decoration: underline; - } - } - - > * { - display: inline-block; - margin-left: 0.5em; - } - - .prev.disabled, - .next.disabled { - display: none; - } - - .current { - height: 25px; - padding: 4px 8px; - border: 1px solid #d5d5d5; - text-decoration: none; - font-weight: bold; - color: #000; - background-color: #ccc; - } -} - -.card-tag-form { - display: inline-block; -} - -.card-tag-form input[type="text"] { - min-width: 20em; -} - -.hide, -.hidden { - display: none; -} diff --git a/app/Resources/static/themes/baggy/css/login.scss b/app/Resources/static/themes/baggy/css/login.scss deleted file mode 100644 index 312df670..00000000 --- a/app/Resources/static/themes/baggy/css/login.scss +++ /dev/null @@ -1,26 +0,0 @@ -.login { - background-color: #333; - - #main { - padding: 0; - margin: 0; - } - - form { - background-color: #fff; - padding: 1.5em; - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9); - width: 20em; - position: absolute; - top: 8em; - left: 50%; - margin-left: -10em; - } - - .logo { - position: absolute; - top: 2em; - left: 50%; - margin-left: -55px; - } -} diff --git a/app/Resources/static/themes/baggy/css/main.css b/app/Resources/static/themes/baggy/css/main.css deleted file mode 100755 index f82c6bee..00000000 --- a/app/Resources/static/themes/baggy/css/main.css +++ /dev/null @@ -1,1353 +0,0 @@ -/* ========================================================================== - Sommaire - - 1 = Style Guide - 2 = Layout - 3 = Pictos - 4 = Messages - 5 = Article - 6 = Media queries - - ========================================================================== */ - -html { - min-height: 100%; -} - -body { - background-color: #eee; -} - -.login { - background-color: #333; -} - -.login #main { - padding: 0; - margin: 0; -} - -.login form { - background-color: #fff; - padding: 1.5em; - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9); - width: 20em; - position: absolute; - top: 8em; - left: 50%; - margin-left: -10em; -} - -.login .logo { - position: absolute; - top: 2em; - left: 50%; - margin-left: -55px; -} - -/* ========================================================================== - 1 = Style Guide - ========================================================================== */ - -::selection { - color: #fff; - background-color: #000; -} - -.desktopHide { - display: none; -} - -.logo { - position: fixed; - z-index: 20; - top: 0.4em; - left: 0.6em; -} - -h2, -h3, -h4 { - font-family: "PT Sans", sans-serif; - text-transform: uppercase; -} - -p, -li, -label { - color: #666; -} - -a { - color: #000; - font-weight: bold; -} - -a.nostyle { - text-decoration: none; -} - -a:hover, -a:focus { - text-decoration: none; -} - -form fieldset { - border: 0; - padding: 0; - margin: 0; -} - -form input[type="text"], -form input[type="number"], -select, -form input[type="password"], -form input[type="url"], -form input[type="email"] { - border: 1px solid #999; - padding: 0.5em 1em; - min-width: 12em; - color: #666; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - select { - -webkit-appearance: none; - border-radius: 0; - background: #fff url("../../_global/img/bg-select.png") no-repeat right center; - } -} - -.inline .row { - display: inline-block; - margin-right: 0.5em; -} - -.inline label { - min-width: 6em; -} - -fieldset label { - display: inline-block; - min-width: 12.5em; - color: #666; -} - -label { - margin-right: 0.5em; -} - -form .row { - margin-bottom: 0.5em; -} - -form button, -input[type="submit"] { - cursor: pointer; - background-color: #000; - color: #fff; - padding: 0.5em 1em; - display: inline-block; - border: 1px solid #000; -} - -form button:hover, -form button:focus, -input[type="submit"]:hover, -input[type="submit"]:focus { - background-color: #fff; - color: #000; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -#bookmarklet { - cursor: move; -} - -h2::after { - content: ""; - height: 4px; - width: 70px; - background-color: #000; - display: block; -} - -.links { - padding: 0; - margin: 0; -} - -.links li { - list-style: none; - margin: 0; - padding: 0; -} - -#links { - position: fixed; - top: 0; - width: 10em; - left: 0; - text-align: right; - background-color: #333; - padding-top: 9.5em; - height: 100%; - box-shadow: inset -4px 0 20px rgba(0, 0, 0, 0.6); - z-index: 15; -} - -#main { - margin-left: 12em; - position: relative; - z-index: 10; - padding-right: 5%; - padding-bottom: 1em; -} - -#links > li > a { - display: block; - padding: 0.5em 2em 0.5em 1em; - color: #fff; - position: relative; - text-transform: uppercase; - text-decoration: none; - font-weight: normal; - font-family: "PT Sans", sans-serif; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -#links > li > a:hover, -#links > li > a:focus { - background-color: #999; - color: #000; -} - -#links .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; -} - -#links li:last-child { - position: fixed; - bottom: 1em; - width: 10em; -} - -#links li:last-child a::before { - font-size: 1.2em; - position: relative; - top: 2px; -} - -#sort { - padding: 0; - list-style-type: none; - opacity: 0.5; - display: inline-block; -} - -#sort li { - display: inline; - font-size: 0.9em; -} - -#sort li + li { - margin-left: 10px; -} - -#sort a { - padding: 2px 2px 0; - vertical-align: middle; -} - -#sort img { - vertical-align: baseline; -} - -#sort img:hover { - cursor: pointer; -} - -#display-mode { - float: right; - margin-top: 10px; - margin-bottom: 10px; - opacity: 0.5; -} - -#listmode { - width: 16px; - display: inline-block; - text-decoration: none; -} - -#listmode.tablemode { - background-image: url("../../_global/img/table.png"); - background-repeat: no-repeat; - background-position: bottom; -} - -#listmode.listmode { - background-image: url("../../_global/img/list.png"); - background-repeat: no-repeat; - background-position: bottom; -} - -#warning_message { - position: fixed; - background-color: #ff6347; - z-index: 1000; - bottom: 0; - left: 0; - width: 100%; - color: #000; -} - -/* ========================================================================== - 2 = Layout - ========================================================================== */ - -#content { - margin-top: 2em; - min-height: 30em; -} - -footer { - text-align: right; - position: relative; - bottom: 0; - right: 5em; - color: #999; - font-size: 0.8em; - font-style: italic; - z-index: 20; -} - -footer a { - color: #999; - font-weight: normal; -} - -.list-entries { - letter-spacing: -5px; -} - -.listmode.entry { - width: 100%; - height: inherit; -} - -.card-entry-labels { - position: absolute; - top: 100px; - left: -1em; - z-index: 90; - max-width: 50%; - padding-left: 0; -} - -.card-entry-labels li { - margin: 10px 10px 10px auto; - padding: 5px 12px 5px 25px; - background-color: rgba(0, 0, 0, 0.6); - border-radius: 0 3px 3px 0; - color: #fff; - cursor: default; - max-height: 2em; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.card-entry-tags { - max-height: 2em; - overflow-y: hidden; - padding: 0; - margin: 0; -} - -.card-entry-tags li, -.card-entry-tags span { - display: inline-block; - margin: 0 5px; - padding: 5px 12px; - background-color: rgba(0, 0, 0, 0.6); - border-radius: 3px; - max-height: 2em; - overflow: hidden; - text-overflow: ellipsis; -} - -.card-entry-tags a, -.card-entry-labels a { - text-decoration: none; - font-weight: normal; - color: #fff; -} - -.nav-panel-add-tag { - margin-top: 10px; -} - -.list-entries + .results { - margin-bottom: 2em; -} - -.reading-time, -.created-at { - color: #999; - font-style: italic; - font-weight: normal; - font-size: 0.9em; -} - -.estimatedTime small { - position: relative; - top: -1px; -} - -.entry { - background-color: #fff; - letter-spacing: normal; - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - display: inline-block; - width: 32%; - margin-bottom: 1.5em; - vertical-align: top; - margin-right: 1%; - position: relative; - overflow: hidden; - padding: 1.5em 1.5em 3em; - height: 440px; -} - -.entry::before { - content: ""; - width: 0; - height: 0; - border-style: solid; - border-color: transparent transparent #000; - border-width: 10px; - position: absolute; - bottom: 0.3em; - z-index: 10; - right: 1.5em; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -.entry::after { - content: ""; - position: absolute; - height: 7px; - width: 100%; - bottom: 0; - left: 0; - background-color: #000; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -.entry:hover { - box-shadow: 0 3px 10px rgba(0, 0, 0, 1); -} - -.entry:hover::after { - height: 40px; -} - -.entry:hover::before { - bottom: 2.4em; -} - -.entry:hover h2 a { - color: #666; -} - -.entry h2 { - text-transform: none; - margin-bottom: 0; - line-height: 1.2; -} - -.entry h2::after { - content: none; -} - -.entry h2 a { - display: block; - text-decoration: none; - color: #000; - word-wrap: break-word; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -img.preview { - max-width: calc(100% + 3em); - left: -1.5em; - position: relative; -} - -.entry p { - color: #666; - font-size: 0.9em; - line-height: 1.7; - margin-top: 5px; -} - -.entry h2 a::first-letter { - text-transform: uppercase; -} - -.entry:hover .tools { - bottom: 0; -} - -.entry .tools { - position: absolute; - bottom: -50px; - left: 0; - width: 100%; - z-index: 10; - padding-right: 0.5em; - text-align: right; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; -} - -.entry .tools a { - color: #666; - text-decoration: none; - display: block; - padding: 0.4em; -} - -.entry .tools a:hover { - color: #fff; -} - -.entry .tools li { - display: inline-block; -} - -.entry:nth-child(3n+1) { - margin-left: 0; -} - -.results { - letter-spacing: -5px; - padding: 0 0 0.5em; -} - -.results > * { - display: inline-block; - vertical-align: top; - letter-spacing: normal; - width: 50%; - text-align: right; -} - -div.pagination ul { - text-align: right; -} - -.nb-results { - text-align: left; - font-style: italic; - color: #999; - display: inline-flex; -} - -div.pagination ul > * { - display: inline-block; - margin-left: 0.5em; -} - -div.pagination ul a { - color: #999; - text-decoration: none; -} - -div.pagination ul a:hover, -div.pagination ul a:focus { - text-decoration: underline; -} - -div.pagination ul .prev.disabled, -div.pagination ul .next.disabled { - display: none; -} - -div.pagination ul .current { - height: 25px; - padding: 4px 8px; - border: 1px solid #d5d5d5; - text-decoration: none; - font-weight: bold; - color: #000; - background-color: #ccc; -} - -.hide { - display: none; -} - -/* ========================================================================== - 2.1 = "save a link" related styles - ========================================================================== */ - -.popup-form { - 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% !important; - padding: 2em; - display: none; - border-left: 1px #eee solid; -} - -.popup-form form { - background-color: #fff; - position: absolute; - top: 0; - left: 0; - z-index: 20; - border: 10px solid #000; - width: 400px; - height: 200px; - padding: 2em; -} - -#bagit-form-form .addurl { - margin-left: 0; -} - -.closeMessage, -.close-button { - background-color: #000; - color: #fff; - font-size: 1.2em; - line-height: 1.6; - width: 1.6em; - height: 1.6em; - text-align: center; - text-decoration: none; -} - -.closeMessage:hover, -.closeMessage:focus, -.close-button:hover, -.close-button:focus { - background-color: #999; - color: #000; -} - -.close-button--popup { - display: inline-block; - position: absolute; - top: 0; - right: 0; - font-size: 1.4em; -} - -.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; -} - -a.add-to-wallabag-link-after { - visibility: hidden; - position: absolute; - opacity: 0; - transition-duration: 2s; - transition-timing-function: ease-out; -} - -#article article a:hover + a.add-to-wallabag-link-after, -a.add-to-wallabag-link-after:hover { - opacity: 1; - visibility: visible; - transition-duration: 0.3s; - transition-timing-function: ease-in; -} - -a.add-to-wallabag-link-after::after { - content: "w"; -} - -#add-link-result { - font-weight: bold; - font-size: 0.9em; -} - -.btn-clickable { - cursor: pointer; -} - -/* ========================================================================== - 3 = Pictos - ========================================================================== */ - -@font-face { - font-family: icomoon; - src: url("../fonts/IcoMoon-Free.ttf"); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: url(../fonts/MaterialIcons-Regular.eot); - - /* For IE6-8 */ - src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); -} - -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1em; /* Preferred icon size */ - width: 1em; - height: 1em; - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.material-icons.md-18 { font-size: 18px; } -.material-icons.md-24 { font-size: 24px; } -.material-icons.md-36 { font-size: 36px; } -.material-icons.md-48 { font-size: 48px; } - -.icon span, -.icon-image span { - position: absolute; - top: -9999px; -} - -[class^="icon-"]::before, -[class*=" icon-"]::before { - font-family: icomoon; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - - /* Enable Ligatures ================ */ - letter-spacing: 0; - -webkit-font-feature-settings: "liga"; - -moz-font-feature-settings: "liga=1"; - -moz-font-feature-settings: "liga"; - -ms-font-feature-settings: "liga" 1; - -o-font-feature-settings: "liga"; - font-feature-settings: "liga"; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-flattr::before { - content: "\ead4"; -} - -.icon-mail::before { - content: "\ea86"; -} - -.icon-up-open::before { - content: "\e80b"; -} - -.icon-star::before { - content: "\e9d9"; -} - -.icon-check::before { - content: "\ea10"; -} - -.icon-link::before { - content: "\e9cb"; -} - -.icon-reply::before { - content: "\e806"; -} - -.icon-menu::before { - content: "\e9bd"; -} - -.icon-clock::before { - content: "\e803"; -} - -.icon-twitter::before { - content: "\ea96"; -} - -.icon-down-open::before { - content: "\e809"; -} - -.icon-trash::before { - content: "\e9ac"; -} - -.icon-delete::before { - content: "\ea0d"; -} - -.icon-power::before { - content: "\ea14"; -} - -.icon-arrow-up-thick::before { - content: "\ea3a"; -} - -.icon-rss::before { - content: "\e808"; -} - -.icon-print::before { - content: "\e954"; -} - -.icon-reload::before { - content: "\ea2e"; -} - -.icon-price-tags::before { - content: "\e936"; -} - -.icon-eye::before { - content: "\e9ce"; -} - -.icon-no-eye::before { - content: "\e9d1"; -} - -.icon-calendar::before { - content: "\e953"; -} - -.icon-pencil2::before { - content: "\e906"; -} - -.icon-users::before { - content: "\e972"; -} - -.icon-time::before { - content: "\e952"; -} - -/* .icon-image class, for image-based icons - ========================================================================== */ - -.icon-image { - background-size: 16px 16px; - background-repeat: no-repeat; - background-position: center; - padding-right: 1em !important; - padding-left: 1em !important; -} - -/* Carrot (http://carrot.org) */ -.icon-image--carrot { - background-image: url("../../_global/img/icons/carrot-icon--white.png"); -} - -/* Diaspora */ -.icon-image--diaspora { - background-image: url("../../_global/img/icons/diaspora-icon--black.png"); -} - -/* Unmark.it */ -.icon-image--unmark { - background-image: url("../../_global/img/icons/unmark-icon--black.png"); -} - -/* shaarli */ -.icon-image--shaarli { - background-image: url("../../_global/img/icons/shaarli.png"); -} - -/* scuttle */ -.icon-image--scuttle { - background-image: url("../../_global/img/icons/scuttle.png"); -} - -/* ========================================================================== - Icon selected - ========================================================================== */ - -.icon-star.fav::before { - color: #fff; -} - -.icon-check.archive::before { - color: #fff; -} - -/* ========================================================================== - 4 = Messages - ========================================================================== */ - -.messages { - text-align: left; - margin-top: 1em; -} - -.messages > * { - display: inline-block; -} - -.warning { - font-weight: bold; - display: block; - width: 100%; -} - -.more-info { - font-size: 0.85em; - line-height: 1.5; - color: #aaa; -} - -.more-info a { - color: #aaa; -} - -/* ========================================================================== - 5 = Article - ========================================================================== */ - -#article { - width: 70%; - margin-bottom: 3em; - text-align: justify; -} - -#article .tags { - margin-bottom: 1em; -} - -#article i { - font-style: normal; -} - -blockquote { - border: 1px solid #999; - background-color: #fff; - padding: 1em; - margin: 0; -} - -#article h1 { - text-align: left; -} - -#article h2, -#article h3, -#article h4 { - text-transform: none; -} - -#article h2::after { - content: none; -} - -.topPosF { - position: fixed; - right: 20%; - bottom: 2em; - font-size: 1.5em; -} - -#article_toolbar { - margin-bottom: 1em; -} - -#article_toolbar li { - display: inline-block; - margin: 3px auto; -} - -#article_toolbar a { - background-color: #000; - padding: 0.3em 0.5em 0.2em; - color: #fff; - text-decoration: none; -} - -#article_toolbar a:hover, -#article_toolbar a:focus { - background-color: #999; -} - -#nav-btn-add-tag { - cursor: pointer; -} - -.shaarli::before { - content: "*"; -} - -.scuttle::before { - content: "*"; -} - -.return { - text-decoration: none; - margin-top: 1em; - display: block; -} - -.return::before { - margin-right: 0.5em; -} - -.notags { - font-style: italic; - color: #999; -} - -.icon-rss { - background-color: #000; - color: #fff; - padding: 0.2em 0.5em; -} - -.icon-rss::before { - position: relative; - top: 2px; -} - -.list-tags li { - margin-bottom: 0.5em; -} - -.list-tags .icon-rss:hover, -.list-tags .icon-rss:focus { - background-color: #fff; - color: #000; - text-decoration: none; -} - -.list-tags a { - text-decoration: none; -} - -.list-tags a:hover, -.list-tags a:focus { - text-decoration: underline; -} - -pre code { - font-family: "Courier New", Courier, monospace; -} - -#filters { - position: fixed; - width: 20%; - height: 100%; - top: 0; - right: 0; - background-color: #fff; - padding: 15px; - padding-right: 30px; - padding-top: 30px; - border-left: 1px #333 solid; - z-index: 12; - min-width: 300px; -} - -#filters form .filter-group { - margin: 5px; -} - -#download-form { - position: fixed; - width: 10%; - height: 100%; - top: 0; - right: 0; - background-color: #fff; - padding: 15px; - padding-right: 30px; - padding-top: 30px; - border-left: 1px #333 solid; - z-index: 12; - min-width: 200px; -} - -#download-form li { - display: block; - padding: 0.5em 2em 0.5em 1em; - color: #fff; - position: relative; - text-transform: uppercase; - text-decoration: none; - font-weight: 400; - font-family: PT Sans, sans-serif; - transition: all 0.5s ease; -} - -/* ========================================================================== - 6 = Media Queries - ========================================================================== */ - -@media screen and (max-width: 1050px) { - .entry { - width: 49%; - } - - .entry:nth-child(3n+1) { - margin-left: 1.5%; - } - - .entry:nth-child(2n+1) { - margin-left: 0; - } -} - -@media screen and (max-width: 900px) { - #article { - width: 80%; - } - - .topPosF { - right: 2.5em; - } -} - -@media screen and (max-width: 700px) { - .entry { - width: 100%; - margin-left: 0; - } - - #display-mode { - display: none; - } -} - -@media screen and (max-height: 770px) { - .menu.users, - .menu.internal, - .menu.developer { - display: none; - } -} - -@media screen and (max-width: 500px) { - .entry { - width: 100%; - margin-left: 0; - } - - body > header { - background-color: #333; - position: fixed; - top: 0; - width: 100%; - height: 3em; - z-index: 11; - } - - #links li:last-child { - position: static; - width: auto; - } - - #links li:last-child a::before { - content: none; - } - - .logo { - width: 1.25em; - height: 1.25em; - left: 0; - top: 0; - } - - .login > header { - position: static; - } - - .login form { - width: 100%; - position: static; - margin-left: 0; - } - - .login .logo { - height: auto; - top: 0.5em; - width: 75px; - margin-left: -37.5px; - } - - .desktopHide { - display: block; - position: fixed; - z-index: 20; - top: 0; - right: 0; - border: 0; - width: 2.5em; - height: 2.5em; - cursor: pointer; - background-color: #999; - font-size: 1.2em; - } - - .desktopHide:hover, - .desktopHide:focus { - background-color: #fff; - } - - #links { - display: none; - width: 100%; - height: auto; - padding-top: 3em; - } - - #links.menu--open { - display: block; - } - - footer { - position: static; - margin-right: 3em; - } - - #main { - margin-left: 1.5em; - padding-right: 1.5em; - position: static; - margin-top: 3em; - } - - .card-entry-labels { - display: none; - } - - #article_toolbar .topPosF { - display: none; - } - - #article { - width: 100%; - } - - #article h1 { - font-size: 1.5em; - } - - #article_toolbar a { - padding: 0.3em 0.4em 0.2em; - } - - #display-mode { - display: none; - } - - .popup-form, - #bagit-form, - #search-form { - left: 0; - width: 100%; - border-left: none; - } - - .popup-form form, - #bagit-form form, - #search-form form { - width: 100%; - } -} diff --git a/app/Resources/static/themes/baggy/css/media_queries.scss b/app/Resources/static/themes/baggy/css/media_queries.scss deleted file mode 100755 index a08f369f..00000000 --- a/app/Resources/static/themes/baggy/css/media_queries.scss +++ /dev/null @@ -1,178 +0,0 @@ - -@media screen and (max-width: 1050px) { - .entry { - width: 49%; - } - - .entry:nth-child(3n+1) { - margin-left: 1.5%; - } - - .entry:nth-child(2n+1) { - margin-left: 0; - } -} - -@media screen and (max-width: 900px) { - #article { - width: 80%; - } - - .topPosF { - right: 2.5em; - } -} - -@media screen and (max-width: 700px) { - .entry { - width: 100%; - margin-left: 0; - } - - #display-mode { - display: none; - } -} - -@media screen and (max-height: 770px) { - .menu.users, - .menu.internal, - .menu.developer { - display: none; - } -} - -@media screen and (max-width: 500px) { - .entry { - width: 100%; - margin-left: 0; - } - - body > header { - background-color: #333; - position: fixed; - top: 0; - width: 100%; - height: 3em; - z-index: 11; - } - - #links li:last-child { - position: static; - width: auto; - } - - #links li:last-child a::before { - content: none; - } - - .logo { - width: 1.25em; - height: 1.25em; - left: 0; - top: 0; - } - - .login > header { - position: static; - } - - .login form { - width: 100%; - position: static; - margin-left: 0; - } - - .login .logo { - height: auto; - top: 0.5em; - width: 75px; - margin-left: -37.5px; - } - - .desktopHide { - display: block; - position: fixed; - z-index: 20; - top: 0; - right: 0; - border: 0; - width: 2.5em; - height: 2.5em; - cursor: pointer; - background-color: #999; - font-size: 1.2em; - } - - .desktopHide:hover, - .desktopHide:focus { - background-color: #fff; - } - - #links { - display: none; - width: 100%; - height: auto; - padding-top: 3em; - } - - #links.menu--open { - display: block; - } - - footer { - position: static; - margin-right: 3em; - } - - #main { - margin-left: 1.5em; - padding-right: 1.5em; - position: static; - margin-top: 3em; - } - - .card-entry-labels { - display: none; - } - - #article_toolbar .topPosF { - display: none; - } - - #article { - width: 100%; - } - - #article h1 { - font-size: 1.5em; - } - - #article_toolbar a { - padding: 0.3em 0.4em 0.2em; - } - - #display-mode { - display: none; - } - - .popup-form, - #bagit-form, - #search-form { - left: 0; - width: 100%; - border-left: none; - } - - .popup-form form, - #bagit-form form, - #search-form form { - width: 100%; - } -} - -@media only print { - header h1.logo { - display: none; - } -} diff --git a/app/Resources/static/themes/baggy/css/messages.scss b/app/Resources/static/themes/baggy/css/messages.scss deleted file mode 100755 index a388419e..00000000 --- a/app/Resources/static/themes/baggy/css/messages.scss +++ /dev/null @@ -1,50 +0,0 @@ -/* ========================================================================== - Messages - ========================================================================== */ - -.messages { - text-align: left; - width: 60%; - margin: auto 17%; - - > * { - display: inline-block; - } - - .install { - text-align: left; - - &.error { - border: 1px solid #c42608; - color: #c00 !important; - background: #fff0ef; - } - - &.notice { - border: 1px solid #ebcd41; - color: #000; - background: #fffcd3; - } - - &.success { - border: 1px solid #6dc70c; - background: #e0fbcc !important; - } - } -} - -.warning { - font-weight: bold; - display: block; - width: 100%; -} - -.more-info { - font-size: 0.85em; - line-height: 1.5; - color: #aaa; - - a { - color: #aaa; - } -} diff --git a/app/Resources/static/themes/baggy/css/pictos.scss b/app/Resources/static/themes/baggy/css/pictos.scss deleted file mode 100644 index b6ebf311..00000000 --- a/app/Resources/static/themes/baggy/css/pictos.scss +++ /dev/null @@ -1,210 +0,0 @@ -/* ========================================================================== - Pictos - ========================================================================== */ - -@font-face { - font-family: icomoon; - src: url('~icomoon-free-npm/Font/IcoMoon-Free.ttf'); - font-weight: normal; - font-style: normal; -} - -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1em; /* Preferred icon size */ - width: 1em; - height: 1em; - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - - /* Support for IE. */ - font-feature-settings: 'liga'; - - .md-18 { font-size: 18px; } - .md-24 { font-size: 24px; } - .md-36 { font-size: 36px; } - .md-48 { font-size: 48px; } - - .vertical-align-middle { - vertical-align: middle !important; - } -} - -.icon span, -.icon-image span { - position: absolute; - top: -9999px; -} - -[class^="icon-"]::before, -[class*=" icon-"]::before { - font-family: icomoon; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - - /* Enable Ligatures ================ */ - letter-spacing: 0; - -webkit-font-feature-settings: "liga"; - -moz-font-feature-settings: "liga=1"; - -moz-font-feature-settings: "liga"; - -ms-font-feature-settings: "liga" 1; - -o-font-feature-settings: "liga"; - font-feature-settings: "liga"; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-flattr::before { - content: "\ead4"; -} - -.icon-mail::before { - content: "\ea86"; -} - -.icon-up-open::before { - content: "\e80b"; -} - -.icon-star::before { - content: "\e9d9"; -} - -.icon-check::before { - content: "\ea10"; -} - -.icon-link::before { - content: "\e9cb"; -} - -.icon-reply::before { - content: "\e806"; -} - -.icon-menu::before { - content: "\e9bd"; -} - -.icon-clock::before { - content: "\e803"; -} - -.icon-twitter::before { - content: "\ea96"; -} - -.icon-down-open::before { - content: "\e809"; -} - -.icon-trash::before { - content: "\e9ac"; -} - -.icon-delete::before { - content: "\ea0d"; -} - -.icon-power::before { - content: "\ea14"; -} - -.icon-arrow-up-thick::before { - content: "\ea3a"; -} - -.icon-feed::before { - content: "\e808"; -} - -.icon-print::before { - content: "\e954"; -} - -.icon-reload::before { - content: "\ea2e"; -} - -.icon-price-tags::before { - content: "\e936"; -} - -.icon-eye::before { - content: "\e9ce"; -} - -.icon-no-eye::before { - content: "\e9d1"; -} - -.icon-calendar::before { - content: "\e953"; -} - -.icon-time::before { - content: "\e952"; -} - -/* .icon-image class, for image-based icons - ========================================================================== */ - -.icon-image { - background: no-repeat center/80%; - padding-right: 1em !important; - padding-left: 1em !important; -} - -/* Carrot (http://carrot.org) */ -.icon-image--carrot { - background-image: url("../../_global/img/icons/carrot-icon--white.png"); -} - -/* Diaspora */ -.icon-image--diaspora { - background-image: url("../../_global/img/icons/Diaspora-asterisk.svg"); -} - -/* Unmark.it */ -.icon-image--unmark { - background-image: url("../../_global/img/icons/unmark-icon--black.png"); -} - -/* shaarli */ -.icon-image--shaarli { - background-image: url("../../_global/img/icons/shaarli.png"); -} - -/* ========================================================================== - Icon selected - ========================================================================== */ - -.icon-star.fav::before { - color: #fff; -} - -.icon-check.archive::before { - color: #fff; -} diff --git a/app/Resources/static/themes/baggy/css/print.scss b/app/Resources/static/themes/baggy/css/print.scss deleted file mode 100755 index a63f62e9..00000000 --- a/app/Resources/static/themes/baggy/css/print.scss +++ /dev/null @@ -1,63 +0,0 @@ -@media print { - /* ### Layout ### */ - - body { - font-family: Serif; - background-color: #fff; - } - - @page { - margin: 1cm; - } - - img { - max-width: 100% !important; - } - - /* ### Content ### */ - - /* Hide useless blocks */ - body > .logo, - #article_toolbar, - #links, - #sort, - body > footer, - .top_link, - div.tools, - header div, - .messages, - .entrie + .results, - #article .mbm a, - #article-informations { - display: none !important; - } - - article { - border: none !important; - } - - /* Add URL after links */ - .vieworiginal a::after { - content: " (" attr(href) ")"; - } - - /* Add explanation after abbr */ - abbr[title]::after { - content: " (" attr(title) ")"; - } - - /* Change border on current pager item */ - .pagination span.current { - border-style: dashed; - } - - #main { - width: 100%; - margin: 0; - padding: 0; - } - - #article { - width: 100%; - } -} diff --git a/app/Resources/static/themes/baggy/css/ratatouille.scss b/app/Resources/static/themes/baggy/css/ratatouille.scss deleted file mode 100644 index a6167f34..00000000 --- a/app/Resources/static/themes/baggy/css/ratatouille.scss +++ /dev/null @@ -1,226 +0,0 @@ -/* - Ratatouille mini Framework css by Thomas LEBEAU - Base on KNACSS => www.KNACSS.com (2013-10) @author: Raphael Goetter, Alsacreations - and normalize.css -*/ - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -body { - font-size: 1em; - line-height: 1.5; - margin: 0; -} - -/* ========================================================================== - Mise en forme - ========================================================================== */ - -h1:first-child, -h2:first-child, -h3:first-child, -h4:first-child, -h5:first-child, -h6:first-child, -p:first-child, -ul:first-child, -ol:first-child, -dl:first-child { - margin-top: 0; -} - -code, -kbd, -pre, -samp { - font-family: monospace, serif; -} - -pre { - white-space: pre-wrap; -} - -.upper { - text-transform: uppercase; -} - -.bold { - font-weight: bold; -} - -.inner { - margin: 0 auto; - max-width: 61.25em; /* 980px */ -} - -table, -img, -figure { - max-width: 100%; - height: auto; -} - -iframe { - max-width: 100%; -} - -.fl { - float: left; -} - -.fr { - float: right; -} - -table { - border-collapse: collapse; -} - -figure { - margin: 0; -} - -button, -input, -select, -textarea { - font-family: inherit; - font-size: 100%; - margin: 0; -} - -input[type="search"] { - -webkit-appearance: textfield; -} - -/* ========================================================================== - Mise en page - ========================================================================== */ - -.dib { - display: inline-block; - vertical-align: middle; -} - -.dnone { - display: none; -} - -.dtable { - display: table; -} - -.dtable > * { - display: table-row; -} - -.dtable > * > * { - display: table-cell; -} - -.element-invisible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.small { - font-size: 0.8em; -} - -.big { - font-size: 1.2em; -} - -/* Width */ - -.w100 { - width: 100%; -} - -.w90 { - width: 90%; -} - -.w80 { - width: 80%; -} - -.w70 { - width: 70%; -} - -.w60 { - width: 60%; -} - -.w50 { - width: 50%; -} - -.w40 { - width: 40%; -} - -.w30 { - width: 30%; -} - -.w20 { - width: 20%; -} - -.w10 { - width: 10%; -} - -/* ========================================================================== - Internet Explorer - ========================================================================== */ - -/* IE8 and IE9 */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -/* IE8 and IE9 */ - -audio, -canvas, -video { - display: inline-block; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - select { - -webkit-appearance: none; - border-radius: 0; - } -} diff --git a/app/Resources/static/themes/baggy/css/save.scss b/app/Resources/static/themes/baggy/css/save.scss deleted file mode 100644 index ade77b40..00000000 --- a/app/Resources/static/themes/baggy/css/save.scss +++ /dev/null @@ -1,115 +0,0 @@ -/* ========================================================================== - "save a link" related styles - ========================================================================== */ - -.popup-form { - 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% !important; - padding: 2em; - display: none; - border-left: 1px #eee solid; - - form { - background-color: #fff; - position: absolute; - top: 0; - left: 0; - z-index: 20; - border: 10px solid #000; - width: 400px; - height: 200px; - padding: 2em; - } -} - -#bagit-form-form .addurl { - margin-left: 0; -} - -.closeMessage, -.close-button { - background-color: #000; - color: #fff; - font-size: 1.2em; - line-height: 1.6; - width: 1.6em; - height: 1.6em; - text-align: center; - text-decoration: none; - - &:hover, - &:focus { - background-color: #999; - color: #000; - } -} - -.close-button--popup { - display: inline-block; - position: absolute; - top: 0; - right: 0; - font-size: 1.4em; -} - -.active-current { - background-color: #999; - - &::after { - content: ""; - width: 0; - height: 0; - position: absolute; - border: 10px solid transparent; - border-right-color: #eee; - 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; -} - -a.add-to-wallabag-link-after { - visibility: hidden; - position: absolute; - opacity: 0; - transition-duration: 2s; - transition-timing-function: ease-out; -} - -#article article a:hover + a.add-to-wallabag-link-after, -a.add-to-wallabag-link-after:hover { - opacity: 1; - visibility: visible; - transition-duration: 0.3s; - transition-timing-function: ease-in; -} - -a.add-to-wallabag-link-after::after { - content: "w"; -} - -#add-link-result { - font-weight: bold; - font-size: 0.9em; -} - -.btn-clickable { - cursor: pointer; -} diff --git a/app/Resources/static/themes/baggy/img/blank.png b/app/Resources/static/themes/baggy/img/blank.png deleted file mode 100755 index 63e09844..00000000 Binary files a/app/Resources/static/themes/baggy/img/blank.png and /dev/null differ diff --git a/app/Resources/static/themes/baggy/img/down.png b/app/Resources/static/themes/baggy/img/down.png deleted file mode 100644 index b9d536a7..00000000 Binary files a/app/Resources/static/themes/baggy/img/down.png and /dev/null differ diff --git a/app/Resources/static/themes/baggy/img/list.png b/app/Resources/static/themes/baggy/img/list.png deleted file mode 100755 index bd5aff5a..00000000 Binary files a/app/Resources/static/themes/baggy/img/list.png and /dev/null differ diff --git a/app/Resources/static/themes/baggy/img/table.png b/app/Resources/static/themes/baggy/img/table.png deleted file mode 100755 index 859c4cd8..00000000 Binary files a/app/Resources/static/themes/baggy/img/table.png and /dev/null differ diff --git a/app/Resources/static/themes/baggy/img/top.png b/app/Resources/static/themes/baggy/img/top.png deleted file mode 100644 index 954a8c0a..00000000 Binary files a/app/Resources/static/themes/baggy/img/top.png and /dev/null differ diff --git a/app/Resources/static/themes/baggy/index.js b/app/Resources/static/themes/baggy/index.js deleted file mode 100755 index 39ad49aa..00000000 --- a/app/Resources/static/themes/baggy/index.js +++ /dev/null @@ -1,266 +0,0 @@ -import $ from 'jquery'; - -/* Global imports */ -import '../_global/index'; - -/* Shortcuts */ -import './js/shortcuts/main'; -import './js/shortcuts/entry'; - -/* Tools */ -import toggleSaveLinkForm from './js/uiTools'; - -/* Theme style */ -import './css/index.scss'; - -$(document).ready(() => { - /* ========================================================================== - Menu - ========================================================================== */ - - $('#menu').click(() => { - $('#links').toggleClass('menu--open'); - const content = $('#content'); - if (content.hasClass('opacity03')) { - content.removeClass('opacity03'); - } - }); - - /* ========================================================================== - Add tag panel - ========================================================================== */ - - $('#nav-btn-add-tag').on('click', () => { - $('.baggy-add-tag').toggle(100); - $('.nav-panel-menu').addClass('hidden'); - $('#tag_label').focus(); - return false; - }); - - /** - * Filters & Export - */ - // no display if filters not available - if ($('div').is('#filters')) { - $('#button_filters').show(); - $('#clear_form_filters').on('click', () => { - $('#filters input').val(''); - $('#filters :checked').removeAttr('checked'); - return false; - }); - } - - /** - * Close window after adding entry if popup - */ - const currentUrl = window.location.href; - if (currentUrl.match('&closewin=true')) { - window.close(); - } - - /** - if ($('article').size() > 0) { - const waypoint = new Waypoint({ - element: $('.wallabag-title').get(0), - handler: (direction) => { - console.log(direction); - if (direction === 'down') { - $('aside.tags').fadeIn('slow'); - } else { - $('aside.tags').fadeOut('slow'); - } - }, - offset: 250, - }); - } - */ - - /** - * Tags autocomplete - */ - /** - * Not working on v2 - * - - $('#value').bind('keydown', (event) => { - if (event.keyCode === $.ui.keyCode.TAB && $(this).data('ui-autocomplete').menu.active) { - event.preventDefault(); - } - }).autocomplete({ - source: function source(request, response) { - $.getJSON('./?view=tags', { - term: extractLast(request.term), - //id: $(':hidden#entry_id').val() - }, response); - }, - search: function search() { - // custom minLength - const term = extractLast(this.value); - return term.length >= 1; - }, - focus: function focus() { - // prevent value inserted on focus - return false; - }, - select: function select(event, ui) { - const terms = split(this.value); - // remove the current input - terms.pop(); - // add the selected item - terms.push(ui.item.value); - // add placeholder to get the comma-and-space at the end - terms.push(''); - this.value = terms.join(', '); - return false; - }, - }); - */ - - //--------------------------------------------------------------------------- - // Close the message box when the user clicks the close icon - //--------------------------------------------------------------------------- - $('a.closeMessage').on('click', () => { - $(this).parents('div.messages').slideUp(300, () => { $(this).remove(); }); - return false; - }); - - $('#search-form').hide(); - $('#bagit-form').hide(); - $('#filters').hide(); - $('#download-form').hide(); - - //--------------------------------------------------------------------------- - // Toggle the 'Search' popup in the sidebar - //--------------------------------------------------------------------------- - function toggleSearch() { - $('#search-form').toggle(); - $('#search').toggleClass('current'); - $('#search').toggleClass('active-current'); - $('#search-arrow').toggleClass('arrow-down'); - if ($('#search').hasClass('current')) { - $('#content').addClass('opacity03'); - } else { - $('#content').removeClass('opacity03'); - } - } - - //--------------------------------------------------------------------------- - // Toggle the 'Filter' popup on entries list - //--------------------------------------------------------------------------- - function toggleFilter() { - $('#filters').toggle(); - } - - //--------------------------------------------------------------------------- - // Toggle the 'Download' popup on entries list - //--------------------------------------------------------------------------- - function toggleDownload() { - $('#download-form').toggle(); - } - - //--------------------------------------------------------------------------- - // Toggle the 'Save a Link' popup in the sidebar - //--------------------------------------------------------------------------- - function toggleBagit() { - $('#bagit-form').toggle(); - $('#bagit').toggleClass('current'); - $('#bagit').toggleClass('active-current'); - $('#bagit-arrow').toggleClass('arrow-down'); - if ($('#bagit').hasClass('current')) { - $('#content').addClass('opacity03'); - } else { - $('#content').removeClass('opacity03'); - } - } - - //--------------------------------------------------------------------------- - // Close all #links popups in the sidebar - //--------------------------------------------------------------------------- - function closePopups() { - $('#links .messages').hide(); - $('#links > li > a').removeClass('active-current'); - $('#links > li > a').removeClass('current'); - $('[id$=-arrow]').removeClass('arrow-down'); - $('#content').removeClass('opacity03'); - } - - $('#search').click(() => { - closePopups(); - toggleSearch(); - $('#searchfield').focus(); - }); - - $('.filter-btn').click(() => { - closePopups(); - toggleFilter(); - }); - - $('.download-btn').click(() => { - closePopups(); - toggleDownload(); - }); - - $('#bagit').click(() => { - closePopups(); - toggleBagit(); - $('#plainurl').focus(); - }); - - $('#search-form-close').click(() => { - toggleSearch(); - }); - - $('#filter-form-close').click(() => { - toggleFilter(); - }); - - $('#download-form-close').click(() => { - toggleDownload(); - }); - - $('#bagit-form-close').click(() => { - toggleBagit(); - }); - - const bagitFormForm = $('#bagit-form-form'); - - /* ========================================================================== - bag it link and close button - ========================================================================== */ - - // send 'bag it link' form request via ajax - bagitFormForm.submit((event) => { - $('body').css('cursor', 'wait'); - $('#add-link-result').empty(); - - $.ajax({ - type: bagitFormForm.attr('method'), - url: bagitFormForm.attr('action'), - data: bagitFormForm.serialize(), - success: function success() { - $('#add-link-result').html('Done!'); - $('#plainurl').val('').blur(''); - $('body').css('cursor', 'auto'); - }, - error: function error() { - $('#add-link-result').html('Failed!'); - $('body').css('cursor', 'auto'); - }, - }); - - event.preventDefault(); - }); - - /* ========================================================================== - Process all links inside an article - ========================================================================== */ - - $('article a[href^="http"]').after( - () => ``, - ); - - $('.add-to-wallabag-link-after').click((event) => { - toggleSaveLinkForm($(this).attr('href'), event); - event.preventDefault(); - }); -}); diff --git a/app/Resources/static/themes/baggy/js/autoCompleteTags.js b/app/Resources/static/themes/baggy/js/autoCompleteTags.js deleted file mode 100755 index 64fdaa92..00000000 --- a/app/Resources/static/themes/baggy/js/autoCompleteTags.js +++ /dev/null @@ -1,8 +0,0 @@ -function split(val) { - return val.split(/,\s*/); -} -function extractLast(term) { - return split(term).pop(); -} - -export default { split, extractLast }; diff --git a/app/Resources/static/themes/baggy/js/shortcuts/entry.js b/app/Resources/static/themes/baggy/js/shortcuts/entry.js deleted file mode 100644 index c87408b9..00000000 --- a/app/Resources/static/themes/baggy/js/shortcuts/entry.js +++ /dev/null @@ -1,26 +0,0 @@ -import Mousetrap from 'mousetrap'; -import $ from 'jquery'; - -$(document).ready(() => { - if ($('#article').length > 0) { - /* Article view */ - Mousetrap.bind('o', () => { - $('div#article_toolbar ul.links a.original')[0].click(); - }); - - /* mark as favorite */ - Mousetrap.bind('f', () => { - $('div#article_toolbar ul.links a.favorite')[0].click(); - }); - - /* mark as read */ - Mousetrap.bind('a', () => { - $('div#article_toolbar ul.links a.markasread')[0].click(); - }); - - /* delete */ - Mousetrap.bind('del', () => { - $('div#article_toolbar ul.links a.delete')[0].click(); - }); - } -}); diff --git a/app/Resources/static/themes/baggy/js/shortcuts/main.js b/app/Resources/static/themes/baggy/js/shortcuts/main.js deleted file mode 100644 index 43ebf3be..00000000 --- a/app/Resources/static/themes/baggy/js/shortcuts/main.js +++ /dev/null @@ -1,10 +0,0 @@ -import $ from 'jquery'; -import Mousetrap from 'mousetrap'; - -$(document).ready(() => { - Mousetrap.bind('s', () => { - $('#search').trigger('click'); - $('#search_entry_term').focus(); - return false; - }); -}); diff --git a/app/Resources/static/themes/baggy/js/uiTools.js b/app/Resources/static/themes/baggy/js/uiTools.js deleted file mode 100644 index 713c53f7..00000000 --- a/app/Resources/static/themes/baggy/js/uiTools.js +++ /dev/null @@ -1,35 +0,0 @@ -import $ from 'jquery'; - -function toggleSaveLinkForm(url, event) { - $('#add-link-result').empty(); - - const $bagit = $('#bagit'); - const $bagitForm = $('#bagit-form'); - - $bagit.toggleClass('active-current'); - - // only if bag-it link is not presented on page - if ($bagit.length === 0) { - if (event !== 'undefined' && event) { - $bagitForm.css({ position: 'absolute', top: event.pageY, left: event.pageX - 200 }); - } else { - $bagitForm.css({ position: 'relative', top: 'auto', left: 'auto' }); - } - } - - const searchForm = $('#search-form'); - const plainUrl = $('#plainurl'); - if (searchForm.length !== 0) { - $('#search').removeClass('current'); - $('#search-arrow').removeClass('arrow-down'); - searchForm.hide(); - } - $bagitForm.toggle(); - $('#content').toggleClass('opacity03'); - if (url !== 'undefined' && url) { - plainUrl.val(url); - } - plainUrl.focus(); -} - -export default toggleSaveLinkForm; -- cgit v1.2.3