diff options
Diffstat (limited to 'p/themes/Swage')
27 files changed, 2532 insertions, 0 deletions
diff --git a/p/themes/Swage/icons/add.svg b/p/themes/Swage/icons/add.svg new file mode 100644 index 000000000..49ca39bb4 --- /dev/null +++ b/p/themes/Swage/icons/add.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<g transform="translate(-60 -726)"> +<path class="st0" d="m67 729.5v3c0 0.3-0.2 0.5-0.5 0.5h-3c-0.3 0-0.5 0.2-0.5 0.5v1c0 0.3 0.2 0.5 0.5 0.5h3c0.3 0 0.5 0.2 0.5 0.5v3c0 0.3 0.2 0.5 0.5 0.5h1c0.3 0 0.5-0.2 0.5-0.5v-3c0-0.3 0.2-0.5 0.5-0.5h3c0.3 0 0.5-0.2 0.5-0.5v-1c0-0.3-0.2-0.5-0.5-0.5h-3c-0.3 0-0.5-0.2-0.5-0.5v-3c0-0.3-0.2-0.5-0.5-0.5h-1c-0.3 0-0.5 0.2-0.5 0.5z"/> +</g> +</svg> diff --git a/p/themes/Swage/icons/all.svg b/p/themes/Swage/icons/all.svg new file mode 100644 index 000000000..df7d903b1 --- /dev/null +++ b/p/themes/Swage/icons/all.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css"> .st0{fill:#FFFFFF;}</style> +<rect class="st0" width="16" height="2.6"/> +<rect class="st0" y="6.7" width="16" height="2.6"/> +<rect class="st0" y="13.4" width="16" height="2.6"/> +</svg> diff --git a/p/themes/Swage/icons/bookmark-add.svg b/p/themes/Swage/icons/bookmark-add.svg new file mode 100644 index 000000000..ee23bff9b --- /dev/null +++ b/p/themes/Swage/icons/bookmark-add.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<polygon class="st0" points="16 5.3 13.7 5.3 13.7 3 12 3 12 5.3 9.8 5.3 9.8 6.9 12 6.9 12 9.2 13.7 9.2 13.7 6.9 16 6.9"/> +<path class="st0" d="M11,10.2V7.9H8.8V4.3H11V2h1.8V1.7c0-1-0.8-1.7-1.7-1.7H2.5c-1,0-1.7,0.8-1.7,1.7l0,13.9L6.8,13l6.1,2.6v-5.4 H11z"/> +</svg> diff --git a/p/themes/Swage/icons/bookmark.svg b/p/themes/Swage/icons/bookmark.svg new file mode 100644 index 000000000..09bf263fd --- /dev/null +++ b/p/themes/Swage/icons/bookmark.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFD255;}</style> +<path class="st0" d="M8,12.6l4.9,3L11.6,10L16,6.2l-5.7-0.5L8,0.4L5.8,5.7L0,6.2L4.4,10l-1.3,5.6L8,12.6z"/> +</svg> + diff --git a/p/themes/Swage/icons/category.svg b/p/themes/Swage/icons/category.svg new file mode 100644 index 000000000..f0b57d5a1 --- /dev/null +++ b/p/themes/Swage/icons/category.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;} +</style> +<rect class="st0" y="5.9" width="3.8" height="3.8"/> +<rect class="st0" x="5.9" y="5.9" width="10.1" height="3.8"/> +<rect class="st0" width="3.8" height="3.8"/> +<rect class="st0" x="5.9" width="10.1" height="3.8"/> +<rect class="st0" y="11.8" width="3.8" height="3.8"/> +<rect class="st0" x="5.9" y="11.8" width="10.1" height="3.8"/> +</svg> + diff --git a/p/themes/Swage/icons/configure.svg b/p/themes/Swage/icons/configure.svg new file mode 100644 index 000000000..a1a87180e --- /dev/null +++ b/p/themes/Swage/icons/configure.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css"> + .st0{fill:none;} + .st1{fill:#FFFFFF;} +</style> +<path class="st0" d="M-2-1h20v20H-2V-1z"/> +<path class="st1" d="M13.9,8.8C14,8.5,14,8.3,14,8s0-0.5-0.1-0.8l1.7-1.3c0.1-0.1,0.2-0.3,0.1-0.5l-1.6-2.8 c-0.1-0.2-0.3-0.2-0.5-0.2l-2,0.8c-0.4-0.3-0.9-0.6-1.4-0.8L10,0.3C10,0.1,9.8,0,9.6,0H6.4C6.2,0,6,0.1,6,0.3L5.7,2.5 +C5.2,2.7,4.8,2.9,4.4,3.2l-2-0.8C2.2,2.4,2,2.4,1.9,2.6L0.3,5.4C0.2,5.6,0.2,5.8,0.4,5.9l1.7,1.3C2,7.5,2,7.7,2,8s0,0.5,0.1,0.8 l-1.7,1.3c-0.2,0.1-0.2,0.3-0.1,0.5l1.6,2.8c0.1,0.2,0.3,0.2,0.5,0.2l2-0.8c0.4,0.3,0.9,0.6,1.3,0.8L6,15.7C6,15.9,6.2,16,6.4,16 +h3.2c0.2,0,0.4-0.1,0.4-0.3l0.3-2.1c0.5-0.2,0.9-0.5,1.4-0.8l2,0.8c0.2,0.1,0.4,0,0.5-0.2l1.6-2.8c0.1-0.2,0.1-0.4-0.1-0.5 C15.6,10.1,14,8.8,13.9,8.8z M8,11c-1.6,0-3-1.4-3-3s1.4-3,3-3s3,1.4,3,3S9.6,11,8,11z"/> +</svg> + diff --git a/p/themes/Swage/icons/down.svg b/p/themes/Swage/icons/down.svg new file mode 100644 index 000000000..6450ee37e --- /dev/null +++ b/p/themes/Swage/icons/down.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="m12.2 5.3l-4.2 6.6-4.2-6.6h8.4m3.6-2h-15.6l7.8 12.3 7.8-12.3z"/> +</svg> + diff --git a/p/themes/Swage/icons/error.svg b/p/themes/Swage/icons/error.svg new file mode 100644 index 000000000..840c8c57b --- /dev/null +++ b/p/themes/Swage/icons/error.svg @@ -0,0 +1,5 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#B0425B;}</style> +<path class="st0" d="M0,16h16L8,2.2L0,16z M8.7,13.8H7.3v-1.5h1.5V13.8z M8.7,10.9H7.3V8h1.5V10.9z"/> +</svg> diff --git a/p/themes/Swage/icons/icon.svg b/p/themes/Swage/icons/icon.svg new file mode 100644 index 000000000..c6bbd08bd --- /dev/null +++ b/p/themes/Swage/icons/icon.svg @@ -0,0 +1,14 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 256 256" version="1.1" viewBox="0 0 256 256" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css"> +.st0{fill:#FFFFFF;} +.st1{fill:none;stroke:#FFFFFF;stroke-width:24;stroke-opacity:0.3;} +.st2{fill:none;stroke:#FFFFFF;stroke-width:24;} +</style> +<title>Logo FreshRSS</title> +<circle class="st0" cx="128" cy="128" r="33"/> +<path class="st1" d="m12 128c0-64.1 51.9-116 116-116s116 51.9 116 116-51.9 116-116 116"/> +<path class="st1" d="m54 128c0-40.9 33.1-74 74-74s74 33.1 74 74-33.1 74-74 74"/> +<path class="st2" d="m128 12c64.1 0 116 51.9 116 116"/> +<path class="st2" d="m128 54c40.9 0 74 33.1 74 74"/> +</svg> diff --git a/p/themes/Swage/icons/import.svg b/p/themes/Swage/icons/import.svg new file mode 100644 index 000000000..1f26448ff --- /dev/null +++ b/p/themes/Swage/icons/import.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="M15,16v-2H1v2H15z M15,6h-4V0H5v6H1l7,7L15,6z"/> +</svg> + diff --git a/p/themes/Swage/icons/next.svg b/p/themes/Swage/icons/next.svg new file mode 100644 index 000000000..056e70f3c --- /dev/null +++ b/p/themes/Swage/icons/next.svg @@ -0,0 +1,5 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> + <path class="st0" d="m5.2 7l4 2.5-4 2.5v-5m-2-3.7v12.3l9.7-6.1-9.7-6.2z"/> +</svg> diff --git a/p/themes/Swage/icons/non-starred.svg b/p/themes/Swage/icons/non-starred.svg new file mode 100644 index 000000000..714697060 --- /dev/null +++ b/p/themes/Swage/icons/non-starred.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#DDDDDD;}</style> +<path class="st0" d="m16 6.2l-5.7-0.5-2.3-5.3-2.2 5.3-5.8 0.5 4.4 3.8-1.3 5.6 4.9-3 4.9 3-1.3-5.6 4.4-3.8zm-8 4.9l-3 1.8 0.8-3.4-2.7-2.3 3.5-0.3 1.4-3.2 1.4 3.2 3.5 0.3-2.7 2.3 0.8 3.4-3-1.8z"/> +</svg> + diff --git a/p/themes/Swage/icons/prev.svg b/p/themes/Swage/icons/prev.svg new file mode 100644 index 000000000..2f6ed886c --- /dev/null +++ b/p/themes/Swage/icons/prev.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="m10.8 6.9v5l-3.9-2.5 3.9-2.5m2-3.6l-9.6 6.1 9.6 6.2v-12.3z"/> +</svg> + diff --git a/p/themes/Swage/icons/read.svg b/p/themes/Swage/icons/read.svg new file mode 100644 index 000000000..86f3e60f3 --- /dev/null +++ b/p/themes/Swage/icons/read.svg @@ -0,0 +1,5 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#DDDDDD;}</style> +<path class="st0" d="M15.9,6c0-0.6-0.3-1.1-0.7-1.4L8,0.4L0.8,4.6C0.3,4.9,0,5.4,0,6v8c0,0.9,0.7,1.6,1.6,1.6h12.8,c0.9,0,1.6-0.7,1.6-1.6L15.9,6z M8,10L1.4,5.9L8,2l6.6,3.9L8,10z"/> +</svg> diff --git a/p/themes/Swage/icons/refresh.svg b/p/themes/Swage/icons/refresh.svg new file mode 100644 index 000000000..858a1f50f --- /dev/null +++ b/p/themes/Swage/icons/refresh.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="M13.5,2.4C12.1,1,10.1,0.1,8,0.1c-4.3,0-7.7,3.5-7.7,7.7s3.5,7.7,7.7,7.7c3.6,0,6.6-2.5,7.5-5.8h-2,c-0.8,2.3-2.9,3.9-5.5,3.9c-3.2,0-5.8-2.6-5.8-5.8S4.8,2.1,8,2.1c1.6,0,3,0.7,4.1,1.7L9,6.9h6.8V0.1L13.5,2.4z"/> +</svg> + diff --git a/p/themes/Swage/icons/rss.svg b/p/themes/Swage/icons/rss.svg new file mode 100644 index 000000000..0be960048 --- /dev/null +++ b/p/themes/Swage/icons/rss.svg @@ -0,0 +1,7 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<circle class="st0" cx="2.4" cy="13.4" r="2.2"/> +<path class="st0" d="m0.2 0v2.8c7 0 12.7 5.7 12.7 12.7h2.8c0.1-8.5-6.9-15.5-15.5-15.5zm0 5.7v2.8c3.9 0 7.1 3.2 7.1 7.1h2.8c0-5.5-4.4-9.9-9.9-9.9z"/> +</svg> + diff --git a/p/themes/Swage/icons/starred.svg b/p/themes/Swage/icons/starred.svg new file mode 100644 index 000000000..09bf263fd --- /dev/null +++ b/p/themes/Swage/icons/starred.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFD255;}</style> +<path class="st0" d="M8,12.6l4.9,3L11.6,10L16,6.2l-5.7-0.5L8,0.4L5.8,5.7L0,6.2L4.4,10l-1.3,5.6L8,12.6z"/> +</svg> + diff --git a/p/themes/Swage/icons/unread.svg b/p/themes/Swage/icons/unread.svg new file mode 100644 index 000000000..28c654176 --- /dev/null +++ b/p/themes/Swage/icons/unread.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FF6633;}</style> +<path class="st0" d="m14.4 2.8h-12.8c-0.9 0-1.6 0.6-1.6 1.5v9.7c0 0.9 0.7 1.6 1.6 1.6h12.8c0.9 0 1.6-0.7 1.6-1.6v-9.7c0.1-0.9-0.7-1.5-1.6-1.5zm0 3.1l-6.4 4.1-6.4-4v-1.7l6.4 4 6.4-4v1.6z"/> +</svg> + diff --git a/p/themes/Swage/icons/up.svg b/p/themes/Swage/icons/up.svg new file mode 100644 index 000000000..2b89c550c --- /dev/null +++ b/p/themes/Swage/icons/up.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="M8,7l4.2,6.6H3.8L8,7 M8,3.3L0.2,15.6h15.6L8,3.3L8,3.3z"/> +</svg> + diff --git a/p/themes/Swage/icons/view-global.svg b/p/themes/Swage/icons/view-global.svg new file mode 100644 index 000000000..c289498e6 --- /dev/null +++ b/p/themes/Swage/icons/view-global.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="M0.2,8.7h6.9V0H0.2V8.7z M0.2,15.6h6.9v-5.2H0.2V15.6z M8.9,15.6h6.9V6.9H8.9V15.6z M8.9,0v5.2h6.9V0H8.9z"/> +</svg> + diff --git a/p/themes/Swage/icons/view-normal.svg b/p/themes/Swage/icons/view-normal.svg new file mode 100644 index 000000000..9135c070f --- /dev/null +++ b/p/themes/Swage/icons/view-normal.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<rect class="st0" width="16" height="2.6"/> +<rect class="st0" y="6.5" width="16" height="2.6"/> +<rect class="st0" y="13" width="16" height="2.6"/> +</svg> + diff --git a/p/themes/Swage/icons/view-reader.svg b/p/themes/Swage/icons/view-reader.svg new file mode 100644 index 000000000..f8f9e7af5 --- /dev/null +++ b/p/themes/Swage/icons/view-reader.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> +<style type="text/css">.st0{fill:#FFFFFF;}</style> +<path class="st0" d="M8.7,7.3h5.1v1.4H8.7V7.3z M8.7,5h5.1v1.4H8.7V5z M8.7,9.6h5.1V11H8.7V9.6z M14.5,0H1.5C0.7,0,0,0.8,0,1.8v11.9,c0,1,0.7,1.8,1.5,1.8h13.1c0.8,0,1.5-0.8,1.5-1.8V1.8C16,0.8,15.3,0,14.5,0z M14.5,13.8H8V1.8h6.5V13.8z"/> +</svg> + diff --git a/p/themes/Swage/loader.gif b/p/themes/Swage/loader.gif Binary files differnew file mode 100644 index 000000000..b7c6647cd --- /dev/null +++ b/p/themes/Swage/loader.gif diff --git a/p/themes/Swage/metadata.json b/p/themes/Swage/metadata.json new file mode 100644 index 000000000..a81c10cfd --- /dev/null +++ b/p/themes/Swage/metadata.json @@ -0,0 +1,7 @@ +{ + "name": "Swage", + "author": "Patrick Crandol", + "description": "A Fresh take on the interface, inspired by the Flat Theme.", + "version": 1.0, + "files": ["_template.css", "swage.css"] +} diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css new file mode 100644 index 000000000..5cab13bd7 --- /dev/null +++ b/p/themes/Swage/swage.css @@ -0,0 +1,1211 @@ +textarea,input,select { +min-height:25px; +margin-top:4px; +line-height:25px; +vertical-align:middle; +background:#FCFCFC; +border:none; +padding-left:5px +} + +input:invalid,select:invalid { +color:#B0425B; +border-color:#B0425B; +box-shadow:none +} + +.nav-list .nav-header,.nav-list .item { +height:2.5em; +line-height:2.5em; +font-size:.9rem +} + +.dropdown-menu > .item,.dropdown-menu > .item > a,.dropdown-menu > .item > span,.dropdown-menu > .item > as-link,.dropdown-menu > .item button { +padding:0 22px; +line-height:2.5em; +font-size:.8rem; +color:#FCFCFC +} + +.form-group::after,.flux::after { +content:""; +display:block; +clear:both +} + +html,body { +height:100%; +font-family:Helvetica,Arial,sans-serif +} + +a { +color:#00488b; +outline:none +} + +a.btn { +min-height:25px; +line-height:25px; +text-decoration:none +} + +a.btn:hover { +background:#00488b +} + +img.icon:hover { +background:none +} + +div#stream { +margin-top:35px +} + +sup { +top:-.3em +} + +legend { +display:inline-block; +width:auto; +margin:20px 0 5px; +padding:5px 20px; +font-size:1.4em; +clear:both; +background:#e3e3e3 +} + +label { +min-height:25px +} + +textarea { +width:360px; +height:100px; +background:#e3e3e3 +} + +textarea:focus { +border-color:#00488b +} + +input:focus,select:focus { +border-color:#00488b +} + +input:disabled,select:disabled { +background:#FCFCFC +} + +select { +background:#e3e3e3 +} + +input.extend { +transition:width 200ms linear +} + +option { +padding:0 .5em +} + +table { +border-collapse:collapse +} + +tr,td,th { +padding:.5em; +border:1px solid #e3e3e3 +} + +th { +background:#FCFCFC +} + +form td,form th { +font-weight:400; +text-align:center +} + +.category .title.error::before { +display:inline-block; +padding-right:7px; +width:16px; +content:url(../Swage/icons/error.svg) +} + +.form-group { +padding:5px; +border:1px solid transparent +} + +.form-group:hover { +background:#FCFCFC; +border:1px solid #FCFCFC +} + +.form-group.form-actions { +margin:15px 0 25px; +padding:5px 0; +background:#e3e3e3; +border-top:3px solid #e3e3e3 +} + +.form-group.form-actions .btn { +margin:0 10px +} + +.form-group .group-name { +padding:10px 0; +text-align:right +} + +.form-group .group-controls { +min-height:25px; +padding:5px 0 +} + +.form-group .group-controls .control { +line-height:2em +} + +.form-group table { +margin:10px 0 0 220px +} + +.stick { +vertical-align:middle; +font-size:0 +} + +.btn { +display:inline-block; +min-height:35px; +min-width:15px; +margin:0; +padding:5px 10px; +font-size:.9rem; +vertical-align:middle; +cursor:pointer; +overflow:hidden; +background:#0062be; +border:none; +color:#FCFCFC +} + +.btn.active,.btn :active,.btn :hover { +background:#00488b; +text-decoration:none +} + +.btn-important,.btn-attention { +font-weight:400; +background:#FA8052; +color:#FCFCFC +} + +.btn-important:hover,.btn-important :active,.btn-attention:hover,.btn-attention :active { +background:#f95c20!important +} + +.nav-list .nav-header { +padding:0 10px; +font-weight:700; +background:#22303d; +color:#FCFCFC; +cursor:default +} + +.nav-list .item:hover,.nav-list .item .active { +background:#00488b; +color:#FCFCFC +} + +.nav-list .item:hover a,.nav-list .item .active a { +color:#FCFCFC +} + +.nav-list .item:hover.empty a,.nav-list .item:hover .error a,.nav-list .item .active.empty a,.nav-list .item .active .error a { +color:#FCFCFC +} + +.nav-list .item:hover.empty a,.nav-list .item .active.empty a { +background:#FA8052 +} + +.nav-list .item:hover.error a,.nav-list .item .active.error a { +background:#c46178 +} + +.nav-list .item > a { +padding:0 10px +} + +.nav-list .item.empty a { +color:#FA8052 +} + +.nav-list .item.error a { +color:#c46178 +} + +.nav-list .disable { +text-align:center; +background:#FCFCFC; +color:#969696 +} + +.nav-list .nav-form { +padding:3px; +text-align:center +} + +.nav-list a:hover { +text-decoration:none +} + +.nav-head { +margin:0; +text-align:right; +background:#22303d; +color:#FCFCFC +} + +.nav-head a { +color:#FCFCFC +} + +.nav-head .item { +padding:5px 10px; +font-size:.9rem; +line-height:1.5rem +} + +.horizontal-list { +margin:0; +padding:0 +} + +.horizontal-list .item { +vertical-align:middle +} + +.dropdown-menu { +padding:5px 0; +font-size:.8rem; +text-align:left; +border:none; +background-color:#00488b +} + +.dropdown-menu .dropdown-header { +cursor:default +} + +.dropdown-menu > .item { +padding:0; +margin-left:10px +} + +.dropdown-menu > .item > a { +min-width:initial; +white-space:nowrap +} + +.dropdown-menu > .item:hover { +background:#0062be; +color:#FCFCFC +} + +.dropdown-menu > .item:hover > a { +text-decoration:none; +color:#FCFCFC +} + +.dropdown-menu > .item[aria-checked="true"] > a::before { +font-weight:700; +margin:0 0 0 -14px +} + +.dropdown-menu .input select,.dropdown-menu .input input { +margin:0 auto 5px; +padding:2px 5px +} + +.dropdown-header { +padding:0 5px 5px; +font-weight:700; +text-align:left; +color:#FCFCFC +} + +.separator { +margin:5px 0; +border-bottom:1px solid #e3e3e3; +cursor:default +} + +.alert { +margin:5px auto; +padding:10px 15px; +font-size:.9em; +background:#FCFCFC; +border:none; +color:#969696; +text-shadow:0 0 1px #FCFCFC +} + +.alert > a { +text-decoration:underline; +color:inherit +} + +.alert-head { +font-size:1.15em +} + +.alert-warn,.alert-success,.alert-error { +border:none +} + +.alert-warn { +background:#FCFCFC; +color:#FA8052 +} + +.alert-success { +background:#FCFCFC; +color:#5EAABF +} + +.alert-error { +background:#FCFCFC; +color:#B0425B +} + +.pagination { +text-align:center; +font-size:.8em; +background:#e3e3e3; +color:#181621 +} + +.pagination .item.pager-current { +font-weight:700; +font-size:1.5em; +background:#22303d; +color:#e3e3e3 +} + +.pagination .item a { +display:block; +font-style:italic; +line-height:3em; +text-decoration:none; +color:#181621 +} + +.pagination .item a:hover { +background:#22303d; +color:#e3e3e3 +} + +.pagination .loading,.pagination a:hover.loading { +font-size:0; +background:url(loader.gif) center center no-repeat #22303d +} + +.content { +padding:20px 10px +} + +.content .pagination { +margin:0; +padding:0 +} + +.content hr { +margin:30px 10px; +height:1px; +background:#e3e3e3; +border:0; +box-shadow:0 2px 5px #e3e3e3 +} + +.content pre { +margin:10px auto; +padding:10px 20px; +overflow:auto; +background:#181621; +color:#FCFCFC; +font-size:.9rem +} + +.content pre code { +background:transparent; +color:#FCFCFC; +border:none +} + +.content code { +padding:2px 5px; +color:#B0425B; +background:#FCFCFC; +border:1px solid #FCFCFC +} + +.content blockquote { +display:block; +margin:0; +padding:5px 20px; +border-top:1px solid #e3e3e3; +border-bottom:1px solid #e3e3e3; +background:#FCFCFC; +color:#969696 +} + +.content blockquote p { +margin:0 +} + +.content > h1.title > a { +color:#181621 +} + +.box { +border:1px solid #e3e3e3 +} + +.box .box-title { +margin:0; +padding:5px 10px; +background:#e3e3e3; +color:#969696; +border-bottom:1px solid #e3e3e3 +} + +.box .box-content { +max-height:260px +} + +.box .box-content .item { +padding:0 10px; +font-size:.9rem; +line-height:2.5em +} + +.box .box-content .item .configure { +visibility:hidden +} + +.box .box-content .item .configure .icon { +vertical-align:middle; +background-color:#e3e3e3 +} + +.box .box-content .item:hover .configure { +visibility:visible +} + +.box.category .box-title .title { +font-weight:400; +text-decoration:none; +text-align:left +} + +.box.category:not([data-unread="0"]) .box-title { +background:#0062be +} + +.box.category:not([data-unread="0"]) .box-title:active { +background:#00488b +} + +.box.category:not([data-unread="0"]) .box-title .title { +font-weight:700; +color:#FCFCFC +} + +.box.category .title:not([data-unread="0"])::after { +position:absolute; +top:5px; +right:10px; +border:0; +background:none; +font-weight:700; +box-shadow:none; +text-shadow:none +} + +.box.category .item.feed { +padding:2px 10px; +font-size:.8rem +} + +.tree { +margin:10px 0 +} + +.tree-folder-title { +position:relative; +padding:0 10px; +background:#22303d; +line-height:2.3rem; +font-size:1rem; +height:35px +} + +.tree-folder-title .title { +background:inherit; +color:#FCFCFC +} + +.tree-folder-title .title:hover { +text-decoration:none +} + +.tree-folder-items { +background:#22303d +} + +.tree-folder-items > .item { +padding:0 10px; +line-height:2.5rem; +font-size:.8rem +} + +.tree-folder-items > .item.active { +background:#00488b +} + +.tree-folder-items > .item > a { +text-decoration:none; +color:#FCFCFC +} + +.header > .item { +vertical-align:middle +} + +.header > .item.title { +width:231px; +position:absolute +} + +.header > .item.title h1 { +margin:0; +display:block +} + +.header > .item.title h1 a { +text-decoration:none; +color:#FCFCFC +} + +.header > .item.title .logo { +display:inline-block; +height:26px; +vertical-align:top; +position:relative; +top:5px +} + +.header > .item.search input { +width:230px +} + +.header .item.search input:focus { +width:350px +} + +.header .item.search { +display:none +} + +.header .item.configure { +position:fixed; +right:0; +z-index:1000; +width:35px +} + +.header h1 { +text-align:center; +font-size:1.5em +} + +.aside { +background:#22303d; +padding:35px 0; +width:231px +} + +.aside.aside_feed .tree { +margin:0 0 50px +} + +.aside.aside_feed .nav-form input,.aside.aside_feed .nav-form select { +width:140px +} + +.aside.aside_feed .nav-form .dropdown .dropdown-menu { +right:-20px +} + +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { +right:33px +} + +.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { +position:absolute; +right:0; +margin:6px 0; +padding:0 10px; +font-size:.9rem; +line-height:1.5rem; +background:inherit +} + +.aside_feed .tree-folder-items .dropdown-menu::after { +left:2px +} + +.post { +padding:10px 50px; +font-size:.9em +} + +.post input { +background:#e3e3e3 +} + +.post form { +margin:10px 0 +} + +.post.content { +max-width:550px +} + +.prompt { +text-align:center +} + +.prompt label { +text-align:left +} + +.prompt form { +margin:10px auto 20px; +width:200px +} + +.prompt input { +margin:5px auto; +width:100% +} + +.prompt p { +margin:20px 0 +} + +#new-article { +text-align:center; +font-size:1em; +background:#0062be; +position:fixed; +bottom:48px; +z-index:900; +left:0; +width:231px; +line-height:1.5em +} + +#new-article:hover { +background:#00488b +} + +#new-article > a { +line-height:1.5em; +font-weight:700; +color:#FCFCFC +} + +#new-article > a:hover { +text-decoration:none +} + +.day { +padding:0 10px; +font-weight:700; +line-height:3em; +text-align:center +} + +.day .name { +display:none +} + +.nav a { +color:#FCFCFC +} + +.nav_menu { +font-size:0; +background-color:#0062be; +position:fixed; +width:100%; +z-index:900 +} + +.nav_menu .item.search { +display:inline-block; +position:fixed; +right:40px +} + +.flux { +padding-right:10px; +background:#FCFCFC +} + +.flux::after { +margin:0 auto; +width:90%; +border-top:1px solid #e3e3e3 +} + +.flux:hover,.flux .current { +background:#FFF +} + +.flux:hover:not(.current):hover .item.title,.flux .current:not(.current):hover .item.title { +background:#FFF +} + +.flux.not_read { +background:#FFF3ED +} + +.flux.not_read:not(.current):hover .item.title { +background:#FFF3ED +} + +.flux.favorite { +background:#FFF6DA +} + +.flux.favorite:not(.current):hover .item.title { +background:#FFF6DA +} + +.flux .date { +font-size:.7rem; +color:#969696 +} + +.flux .bottom { +font-size:.8rem; +text-align:center +} + +.flux .website .favicon { +padding:5px +} + +.flux label { +color:#FCFCFC; +cursor:pointer +} + +.flux_header { +font-size:.8rem; +cursor:pointer +} + +.flux_header .title { +font-size:.9rem +} + +.notification { +text-align:center; +font-weight:700; +font-size:1em; +padding:10px 0; +z-index:10; +vertical-align:middle; +background:#e3e3e3; +color:#969696; +border:none; +position:fixed; +bottom:48px; +left:0; +top:auto; +width:231px; +height:auto +} + +.notification.good,.notification .bad { +color:#FCFCFC +} + +.notification.good { +background:#5EAABF +} + +.notification.good a.close:hover { +background:#5EAABF +} + +.notification.bad { +background:#c46178 +} + +.notification.bad a.close:hover { +background:#c46178 +} + +.notification#actualizeProgress { +line-height:2em +} + +.notification a.close { +display:none +} + +#bigMarkAsRead { +text-align:center; +text-decoration:none; +background:#e3e3e3; +padding:20px!important +} + +#bigMarkAsRead:hover { +background:#22303d; +color:#FCFCFC +} + +#nav_entries { +margin:0; +text-align:center; +line-height:3em; +table-layout:fixed; +width:231px; +background:#22303d +} + +.stat { +margin:10px 0 20px +} + +.stat th,.stat td,.stat tr { +border:none +} + +.stat > table td,.stat > table th { +border-bottom:1px solid #e3e3e3 +} + +.stat > .horizontal-list { +margin:0 0 5px +} + +.stat > .horizontal-list .item { +overflow:hidden; +white-space:nowrap; +text-overflow:ellipsis +} + +.stat > .horizontal-list .item:first-child { +width:270px +} + +.loglist { +overflow:hidden; +border:1px solid #969696 +} + +.log { +padding:5px 2%; +overflow:auto; +font-size:.8rem; +background:#FCFCFC +} + +.log > .date { +margin:0 10px 0 0; +padding:5px 10px +} + +.log.error > .date { +background:#c46178; +color:#FCFCFC +} + +.log.warning > .date { +background:#FA8052; +color:#FCFCFC +} + +.log.notice > .date { +background:#e3e3e3; +color:#FCFCFC +} + +.log.debug > .date { +background:#181621; +color:#FCFCFC +} + +@media (max-width: 840px) { +.dropdown-header,.dropdown-menu > .item { +padding:12px +} + +#new-article { +width:100%; +bottom:initial +} + +.header { +display:table +} + +.header .item.title .logo { +display:none +} + +.header > .item.title h1 a { +display:block; +position:absolute; +top:-35px; +left:10px; +font-size:.6em +} + +.header .item.configure,button.read_all.btn { +display:none +} + +.flux .item.manage,.flux_header .item.website { +width:35px; +text-align:center +} + +.aside { +width:0; +transition:width 200ms linear +} + +.aside .toggle_aside { +display:block; +height:50px; +line-height:50px; +text-align:right; +padding-right:10px; +background:#22303d +} + +.aside.aside_feed { +padding:0 +} + +.aside:target { +width:78% +} + +.nav_menu { +position:initial; +height:71px +} + +.nav_menu .btn { +margin:5px 10px +} + +.nav_menu .stick { +margin:0 10px +} + +.nav_menu .stick .btn { +margin:5px 0 +} + +.nav_menu .search { +position:absolute!important; +top:35px; +left:55px +} + +.nav_menu .search input { +width:85% +} + +.pagination { +margin:0 0 3.5em +} + +#panel .close { +display:block; +height:50px; +line-height:50px; +text-align:right; +padding-right:10px; +background:#22303d +} + +.day .name { +font-size:1.1rem +} + +.notification { +width:100% +} + +.notification a.close { +display:block; +left:0; +background:transparent +} + +.notification a.close:hover { +opacity:.5 +} + +.notification a.close .icon { +display:none +} + +#nav_entries { +width:100%!important +} + +div#stream { +margin-top:0 +} + +a.btn.toggle_aside { +position:absolute; +top:29px +} + +form#mark-read-menu,a#actualize,a#toggle-order,div#nav_menu_actions,div#nav_menu_views { +position:absolute +} + +form#mark-read-menu { +right:46px; +top:30px; +z-index:1100 +} + +a#actualize,a#toggle-order { +right:0 +} + +a#actualize { +top:29px +} + +a#toggle-order,div#nav_menu_actions,div#nav_menu_views { +top:65px +} + +div#nav_menu_actions { +left:0 +} + +div#nav_menu_views { +right:50px +} +} + +@media (max-width: 410px) { +.nav_menu .stick { +margin:0 +} +} + +@media (max-width: 374px) { +#nav_menu_views { +display:none +} +} + +button.as-link { +color:#FCFCFC; +outline:none +} + +.dropdown-target:target ~ .btn.dropdown-toggle { +background:#00488b +} + +.tree-folder.active .tree-folder-title { +background:#00488b; +font-weight:700 +} + +.feed.item.empty { +color:#FA8052 +} + +.feed.item.empty.active { +background:#FA8052; +color:#FCFCFC +} + +.feed.item.empty.active > a { +color:#FCFCFC +} + +.feed.item.empty > a { +color:#FA8052 +} + +.feed.item.error { +color:#c46178 +} + +.feed.item.error.active { +background:#c46178; +color:#FCFCFC +} + +.feed.item.error.active > a { +color:#FCFCFC +} + +.feed.item.error > a { +color:#c46178 +} + +#dropdown-query ~ .dropdown-menu .dropdown-header .icon { +vertical-align:middle; +float:right +} + +#stream.reader .flux { +padding:0 0 50px; +background:#FCFCFC; +color:#22303d; +border:none +} + +#stream.reader .flux .author { +margin:0 0 10px; +font-size:90%; +color:#969696 +} + +#nav_menu_actions ul.dropdown-menu,#nav_menu_read_all ul.dropdown-menu { +left:0 +} + +#slider label { +min-height:initial +} + +#slider .form-group:hover { +background:inital +}
\ No newline at end of file diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss new file mode 100644 index 000000000..9bd0326d9 --- /dev/null +++ b/p/themes/Swage/swage.scss @@ -0,0 +1,1160 @@ +@charset "UTF-8"; +//colors + +$color_text: #181621; +$color_light: #FCFCFC; +$color_nav: #0062be; +$color_aside: #22303d; +$color_alert: #FA8052; +$color_good: #5EAABF; +$color_bad: #B0425B; +$color_stared: #FFF6DA; +$color_unread: #FFF3ED; +$color_hover: #FFFFFF; + +// @extend-elements +%input { + min-height: 25px; + margin-top: 4px; + line-height: 25px; + vertical-align: middle; + background: $color_light; + border: none; + padding-left: 5px; +} + +%invalid { + color: $color_bad; + border-color: $color_bad; + box-shadow: none; +} + +%nav-list { + height: 2.5em; + line-height: 2.5em; + font-size: 0.9rem; +} + +%dropdown { + padding: 0 22px; + line-height: 2.5em; + font-size: 0.8rem; + color: $color_light; +} + +%after { + content: ""; + display: block; + clear: both; +} + +// /@extend-elements +html, +body { + height: 100%; + font-family: Helvetica, Arial, sans-serif; +} + +a { + color: darken( $color_nav, 10%); + outline: none; + &.btn { + min-height: 25px; + line-height: 25px; + text-decoration: none; + &:hover { + background: darken( $color_nav, 10%); + } + } +} + +img { + &.icon:hover { + background: none; + } +} + +div#stream { + margin-top: 35px; +} + +sup { + top: -0.3em; +} + +legend { + display: inline-block; + width: auto; + margin: 20px 0 5px; + padding: 5px 20px; + font-size: 1.4em; + clear: both; + background: darken( $color_light, 10%); +} + +label { + min-height: 25px; +} + +textarea { + width: 360px; + height: 100px; + @extend %input; + background: darken( $color_light, 10% ); + &:focus { + border-color: darken( $color_nav, 10%); + } +} + +input, +select { + @extend %input; + &:focus { + border-color: darken( $color_nav, 10%); + } + &:invalid { + @extend %invalid; + } + &:disabled { + background: $color_light; + } +} + +select { + background: darken( $color_light, 10% ); +} + +input { + &.extend { + transition: width 200ms linear; + } +} + +option { + padding: 0 .5em; +} + +table { + border-collapse: collapse; +} + +tr, +td, +th { + padding: 0.5em; + border: 1px solid darken( $color_light, 10%); +} + +th { + background: $color_light; +} + +form { + td, + th { + font-weight: normal; + text-align: center; + } +} +.category { + .title.error::before { + display: inline-block; + padding-right: 7px; + width: 16px; + content: url(../Swage/icons/error.svg); + } +} + + +.form-group { + padding: 5px; + border: 1px solid transparent; + &:hover { + background: $color_light; + border: 1px solid $color_light; + } + &.form-actions { + margin: 15px 0 25px; + padding: 5px 0; + background: darken( $color_light, 10%); + border-top: 3px solid darken( $color_light, 10%); + .btn { + margin: 0 10px; + } + } + .group-name { + padding: 10px 0; + text-align: right; + } + .group-controls { + min-height: 25px; + padding: 5px 0; + .control { + line-height: 2.0em; + } + } + table { + margin: 10px 0 0 220px; + } +} + +.form-group::after { + @extend %after; +} + +.stick { + vertical-align: middle; + font-size: 0; +} + +.btn { + display: inline-block; + min-height: 35px; + min-width: 15px; + margin: 0; + padding: 5px 10px; + font-size: 0.9rem; + vertical-align: middle; + cursor: pointer; + overflow: hidden; + background: $color_nav; + border: none; + color: $color_light; + &.active, + :active, + :hover { + background: darken( $color_nav, 10%); + text-decoration: none; + } +} + +.btn-important, .btn-attention { + font-weight: normal; + background: $color_alert; + color: $color_light; + &:hover, + :active { + background: darken( $color_alert, 10%) !important; + } +} + +.nav-list { + .nav-header { + @extend %nav-list; + padding: 0 10px; + font-weight: bold; + background: $color_aside; + color: $color_light; + cursor: default; + } + .item { + @extend %nav-list; + &:hover, + .active { + background: darken( $color_nav, 10%); + color: $color_light; + a { + color: $color_light; + } + &.empty a, + .error a { + color: $color_light; + } + &.empty a { + background: $color_alert; + } + &.error a { + background: lighten( $color_bad, 10%); + } + } + > a { + padding: 0 10px; + } + &.empty a { + color: $color_alert; + } + &.error a { + color: lighten( $color_bad, 10%); + } + } + .disable { + text-align: center; + background: $color_light; + color: darken( $color_light, 40% ); + } + .nav-form { + padding: 3px; + text-align: center; + } + a:hover { + text-decoration: none; + } +} + +.nav-head { + margin: 0; + text-align: right; + background: $color_aside; + color: $color_light; + a { + color: $color_light; + } + .item { + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; + } +} + +.horizontal-list { + margin: 0; + padding: 0; + .item { + vertical-align: middle; + } +} + +.dropdown-menu { + padding: 5px 0; + font-size: 0.8rem; + text-align: left; + border: none; + background-color: darken( $color_nav, 10%); + .dropdown-header { + cursor: default; + } + > { + .item { + @extend %dropdown; + padding: 0; + margin-left: 10px; + > a, + > span, + > as-link, + button { + @extend %dropdown; + } + > a { + min-width: initial; + white-space: nowrap; + } + &:hover { + background: $color_nav; + color: $color_light; + > a { + text-decoration: none; + color: $color_light; + } + } + } + .item[aria-checked="true"] > a::before { + font-weight: bold; + margin: 0 0 0 -14px; + } + } + .input { + select, + input { + margin: 0 auto 5px; + padding: 2px 5px; + } + } +} + +.dropdown-header { + padding: 0 5px 5px; + font-weight: bold; + text-align: left; + color: $color_light; +} + +.separator { + margin: 5px 0; + border-bottom: 1px solid darken( $color_light, 10%); + cursor: default; +} + +.alert { + margin: 5px auto; + padding: 10px 15px; + font-size: 0.9em; + background: $color_light; + border: none; + color: darken( $color_light, 40% ); + text-shadow: 0 0 1px $color_light; + > a { + text-decoration: underline; + color: inherit; + } +} + +.alert-head { + font-size: 1.15em; +} + +.alert-warn, +.alert-success, +.alert-error { + border: none; +} + +.alert-warn { + background: $color_light; + color: $color_alert; +} + +.alert-success { + background: $color_light; + color: $color_good; +} + +.alert-error { + background: $color_light; + color: $color_bad; +} + +.pagination { + text-align: center; + font-size: 0.8em; + background: darken( $color_light, 10%); + color: $color_text; + .item { + &.pager-current { + font-weight: bold; + font-size: 1.5em; + background: $color_aside; + color: darken( $color_light, 10%); + } + a { + display: block; + font-style: italic; + line-height: 3em; + text-decoration: none; + color: $color_text; + &:hover { + background: $color_aside; + color: darken( $color_light, 10%); + } + } + } + .loading, + a:hover.loading { + font-size: 0; + background: url(loader.gif) center center no-repeat $color_aside; + } +} + +.content { + padding: 20px 10px; + .pagination { + margin: 0; + padding: 0; + } + hr { + margin: 30px 10px; + height: 1px; + background: darken( $color_light, 10%); + border: 0; + box-shadow: 0 2px 5px darken( $color_light, 10%); + } + pre { + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: $color_text; + color: $color_light; + font-size: 0.9rem; + code { + background: transparent; + color: $color_light; + border: none; + } + } + code { + padding: 2px 5px; + color: $color_bad; + background: $color_light; + border: 1px solid $color_light; + } + blockquote { + display: block; + margin: 0; + padding: 5px 20px; + border-top: 1px solid darken( $color_light, 10%); + border-bottom: 1px solid darken( $color_light, 10%); + background: $color_light; + color: darken( $color_light, 40% ); + p { + margin: 0; + } + } + > h1.title > a { + color: $color_text; + } +} + +.box { + border: 1px solid darken( $color_light, 10%); + .box-title { + margin: 0; + padding: 5px 10px; + background: darken( $color_light, 10%); + color: darken( $color_light, 40% ); + border-bottom: 1px solid darken( $color_light, 10%); + } + .box-content { + max-height: 260px; + .item { + padding: 0 10px; + font-size: 0.9rem; + line-height: 2.5em; + .configure { + visibility: hidden; + .icon { + vertical-align: middle; + background-color: darken( $color_light, 10%); + } + } + &:hover .configure { + visibility: visible; + } + } + } + &.category { + .box-title .title { + font-weight: normal; + text-decoration: none; + text-align: left; + } + &:not([data-unread="0"]) .box-title { + background: $color_nav; + &:active { + background: darken( $color_nav, 10%); + } + .title { + font-weight: bold; + color: $color_light; + } + } + .title:not([data-unread="0"])::after { + position: absolute; + top: 5px; + right: 10px; + border: 0; + background: none; + font-weight: bold; + box-shadow: none; + text-shadow: none; + } + .item.feed { + padding: 2px 10px; + font-size: 0.8rem; + } + } +} + +.tree { + margin: 10px 0; +} + +.tree-folder-title { + position: relative; + padding: 0 10px; + background: $color_aside; + line-height: 2.3rem; + font-size: 1rem; + height: 35px; + .title { + background: inherit; + color: $color_light; + &:hover { + text-decoration: none; + } + } +} + +.tree-folder-items { + background: $color_aside; + > .item { + padding: 0 10px; + line-height: 2.5rem; + font-size: 0.8rem; + &.active { + background: darken( $color_nav, 10%); + } + > a { + text-decoration: none; + color: $color_light; + } + } +} + +.header { + > .item { + vertical-align: middle; + &.title { + width: 231px; + position: absolute; + h1 { + margin: 0; + display: block; + a { + text-decoration: none; + color: $color_light; + } + } + .logo { + display: inline-block; + height: 26px; + vertical-align: top; + position: relative; + top: 5px; + } + } + &.search input { + width: 230px; + } + } + .item.search input:focus { + width: 350px; + } + .item.search { + display: none; + } + .item.configure { + position: fixed; + right: 0px; + z-index: 1000; + width: 35px; + } + h1 { + text-align: center; + font-size: 1.5em; + } +} + +.aside { + background: $color_aside; + padding: 35px 0; + width: 231px; + &.aside_feed { + .tree { + margin: 0 0 50px; + } + .nav-form { + input, + select { + width: 140px; + } + .dropdown { + .dropdown-menu { + right: -20px; + } + .dropdown-menu::after { + right: 33px; + } + } + } + } +} + +.aside_feed { + .tree-folder-title > .title:not([data-unread="0"])::after { + position: absolute; + right: 0; + margin: 6px 0; + padding: 0 10px; + font-size: 0.9rem; + line-height: 1.5rem; + background: inherit; + } + .tree-folder-items .dropdown-menu::after { + left: 2px; + } +} + +.post { + padding: 10px 50px; + font-size: 0.9em; + input { + background: darken( $color_light, 10% ); + } + form { + margin: 10px 0; + } + &.content { + max-width: 550px; + } +} + +.prompt { + text-align: center; + label { + text-align: left; + } + form { + margin: 10px auto 20px auto; + width: 200px; + } + input { + margin: 5px auto; + width: 100%; + } + p { + margin: 20px 0; + } +} + +#new-article { + text-align: center; + font-size: 1em; + background: $color_nav; + position: fixed; + bottom: 48px; + z-index: 900; + left: 0; + width: 231px; + line-height: 1.5em; + &:hover { + background: darken( $color_nav, 10%); + } + > a { + line-height: 1.5em; + font-weight: bold; + color: $color_light; + &:hover { + text-decoration: none; + } + } +} + +.day { + padding: 0 10px; + font-weight: bold; + line-height: 3em; + text-align: center; + .name { + display: none; + } +} + +.nav { + a { + color: $color_light; + } +} + + +.nav_menu { + font-size: 0; + background-color: $color_nav; + position: fixed; + width: 100%; + z-index: 900; + .item.search { + display: inline-block; + position: fixed; + right: 40px; + } +} + +.flux { + padding-right: 10px; + background: $color_light; + &::after { + @extend %after; + margin: 0 auto; + width: 90%; + border-top: 1px solid darken( $color_light, 10%); + } + &:hover, + .current { + background: $color_hover; + &:not(.current):hover .item.title { + background: $color_hover; + } + } + &.not_read { + background: $color_unread; + &:not(.current):hover .item.title { + background: $color_unread; + } + } + &.favorite,{ + background: $color_stared; + &:not(.current):hover .item.title { + background: $color_stared; + } + } + .date { + font-size: 0.7rem; + color: darken( $color_light, 40% ); + } + .bottom { + font-size: 0.8rem; + text-align: center; + } + .website .favicon { + padding: 5px; + } + label { + color: $color_light; + cursor: pointer; + } +} + +.flux_header { + font-size: 0.8rem; + cursor: pointer; + .title { + font-size: 0.9rem; + } +} + +.notification { + text-align: center; + font-weight: bold; + font-size: 1em; + padding: 10px 0; + z-index: 10; + vertical-align: middle; + background: darken( $color_light, 10%); + color: darken( $color_light, 40% ); + border: none; + position: fixed; + bottom: 48px; + left: 0; + top: auto; + width: 231px; + height: auto; + &.good, + .bad { + color: $color_light; + } + &.good { + background: $color_good; + a.close:hover { + background: $color_good; + } + } + &.bad { + background: lighten( $color_bad, 10%); + a.close:hover { + background: lighten( $color_bad, 10%); + } + } + &#actualizeProgress { + line-height: 2em; + } + a.close { + display: none; + } +} + +#bigMarkAsRead { + text-align: center; + text-decoration: none; + background: darken( $color_light, 10%); + padding: 20px !IMPORTANT; + &:hover { + background: $color_aside; + color: $color_light; + } +} + +#nav_entries { + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + width: 231px; + background: $color_aside; +} + +.stat { + margin: 10px 0 20px; + th, + td, + tr { + border: none; + } + > table { + td, + th { + border-bottom: 1px solid darken( $color_light, 10%); + } + } + > .horizontal-list { + margin: 0 0 5px; + .item { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + &:first-child { + width: 270px; + } + } + } +} + +.loglist { + overflow: hidden; + border: 1px solid darken( $color_light, 40% ); +} + +.log { + padding: 5px 2%; + overflow: auto; + font-size: 0.8rem; + background: $color_light; + > .date { + margin: 0 10px 0 0; + padding: 5px 10px; + } + &.error > .date { + background: lighten( $color_bad, 10%); + color: $color_light; + } + &.warning > .date { + background: $color_alert; + color: $color_light; + } + &.notice > .date { + background: darken( $color_light, 10%); + color: $color_light; + } + &.debug > .date { + background: $color_text; + color: $color_light; + } +} + +@media(max-width: 840px) { + .dropdown-header, .dropdown-menu > .item { + padding: 12px; + } + + #new-article { + width: 100%; + bottom: initial; + } + .header { + display: table; + .item.title .logo { + display: none; + } + } + .header > .item.title h1 a { + display: block; + position: absolute; + top: -35px; + left: 10px; + font-size: 0.6em; + } + .header .item.configure, + button.read_all.btn { + display: none; + } + .flux .item.manage, + .flux_header .item.website { + width: 35px; + text-align: center; + } + .aside { + width: 0; + transition: width 200ms linear; + .toggle_aside { + display: block; + height: 50px; + line-height: 50px; + text-align: right; + padding-right: 10px; + background: $color_aside; + } + &.aside_feed { + padding: 0; + } + &:target { + width: 78%; + } + } + .nav_menu { + position: initial; + height: 71px; + .btn { + margin: 5px 10px; + } + .stick { + margin: 0 10px; + .btn { + margin: 5px 0; + } + } + .search { + position: absolute !important; + top: 35px; + left: 55px; + input { + width: 85%; + } + } + } + .pagination { + margin: 0 0 3.5em; + } + #panel .close { + display: block; + height: 50px; + line-height: 50px; + text-align: right; + padding-right: 10px; + background: $color_aside; + } + .day .name { + font-size: 1.1rem; + } + .notification { + width: 100%; + a.close { + display: block; + left: 0; + background: transparent; + &:hover { + opacity: 0.5; + } + .icon { + display: none; + } + } + } + #nav_entries { + width: 100% !important; + } + div#stream { + margin-top: 0px; + } + a.btn.toggle_aside { + position: absolute; + top: 29px; + } + form#mark-read-menu, + a#actualize, + a#toggle-order, + div#nav_menu_actions, + div#nav_menu_views { + position: absolute; + } + form#mark-read-menu { + right: 46px; + top: 30px; + z-index: 1100; + } + a#actualize, + a#toggle-order { + right: 0px; + } + a#actualize { + top: 29px; + } + a#toggle-order, + div#nav_menu_actions, + div#nav_menu_views { + top: 65px; + } + div#nav_menu_actions { + left: 0px; + } + div#nav_menu_views { + right: 50px; + } +} + +@media(max-width: 410px) { + .nav_menu .stick { + margin: 0; + } +} + +@media(max-width: 374px) { + #nav_menu_views { + display: none; + } +} + +button.as-link { + color: $color_light; + outline: none; +} + +.dropdown-target:target ~ .btn.dropdown-toggle { + background: darken( $color_nav, 10%); +} + +.tree-folder.active .tree-folder-title { + background: darken( $color_nav, 10%); + font-weight: bold; +} + +.feed.item { + &.empty { + color: $color_alert; + &.active { + background: $color_alert; + color: $color_light; + > a { + color: $color_light; + } + } + > a { + color: $color_alert; + } + } + &.error { + color: lighten( $color_bad, 10%); + &.active { + background: lighten( $color_bad, 10%); + color: $color_light; + > a { + color: $color_light; + } + } + > a { + color: lighten( $color_bad, 10%); + } + } +} + +#dropdown-query ~ .dropdown-menu .dropdown-header .icon { + vertical-align: middle; + float: right; +} + +#stream.reader .flux { + padding: 0 0 50px; + background: $color_light; + color: $color_aside; + border: none; + .author { + margin: 0 0 10px; + font-size: 90%; + color: darken( $color_light, 40% ); + } +} + +#nav_menu_actions, #nav_menu_read_all { + ul.dropdown-menu { + left: 0px; + } +} + +#slider { + label { + min-height: initial; + } + .form-group { + &:hover { + background: inital; + } + } + +}
\ No newline at end of file diff --git a/p/themes/Swage/thumbs/original.png b/p/themes/Swage/thumbs/original.png Binary files differnew file mode 100644 index 000000000..1b4df3963 --- /dev/null +++ b/p/themes/Swage/thumbs/original.png |
