ajwillia-ms pushed a commit to branch master. http://git.enlightenment.org/website/extra-server.git/commit/?id=75c218a52ae663d14f5305b46b8f27e898279e09
commit 75c218a52ae663d14f5305b46b8f27e898279e09 Author: Andy Williams <[email protected]> Date: Wed Jan 25 22:33:18 2017 +0000 Update theme to be quite like the new extra app style --- public_html/extra/static/extra.css | 39 ++++++++++++++++++++++++---- public_html/extra/templates/backgrounds.html | 7 ++--- public_html/extra/templates/layout.html | 2 ++ public_html/extra/templates/themes.html | 12 +++------ 4 files changed, 41 insertions(+), 19 deletions(-) diff --git a/public_html/extra/static/extra.css b/public_html/extra/static/extra.css index 2bc7125..8e27429 100644 --- a/public_html/extra/static/extra.css +++ b/public_html/extra/static/extra.css @@ -1,18 +1,47 @@ +li.theme-item a:after { + content: attr(title); + font-family: 'Permanent Marker', cursive; + padding-top: 10pt; + display: block; + color: black; +} + +li.theme-item a { + background-color: white; + display: inline-block; + padding: 10pt; + + text-align: center; + text-shadow: none; + + -webkit-transform: rotate(-1.5deg); + -moz-transform: rotate(-1.5deg); + box-shadow: 0px 0px 25pt rgba(51, 153, 255, 0.5); +} + +li.theme-item:nth-child(even) a { + -webkit-transform: rotate(1.5deg); + -moz-transform: rotate(1.5deg); +} + +li.theme-item:nth-child(3n) a { + -webkit-transform: none; + -moz-transform: none; + position: relative; + top: -5px; +} + ul.theme-list { list-style: none; } ul.theme-list li.theme-item { - clear: both; - + display: inline-flex; padding: 10pt; } ul.theme-list li.theme-item img { - float: left; - width: 210pt; - padding-right: 10pt; } ul.theme-meta { diff --git a/public_html/extra/templates/backgrounds.html b/public_html/extra/templates/backgrounds.html index 251bc0a..96a89fd 100644 --- a/public_html/extra/templates/backgrounds.html +++ b/public_html/extra/templates/backgrounds.html @@ -6,12 +6,9 @@ <ul class="theme-list"> {% for background_id in backgrounds %} <li class="theme-item"> + <a href="{{ background_id }}" title="{{backgrounds[background_id].name }}"> <img src="/backgrounds/preview/{{ background_id }}.png" alt="preview" width="160pt" /> - <ul class="theme-meta"> - <li><a href="{{ background_id }}">{{ backgrounds[background_id].name }}</a></li> - <li>Author: {{ backgrounds[background_id].author }}</li> - <li>Version: {{ backgrounds[background_id].version }}</li> - </ul> + </a> </li> {% endfor %} </ul> diff --git a/public_html/extra/templates/layout.html b/public_html/extra/templates/layout.html index ebf4a7f..093a36f 100644 --- a/public_html/extra/templates/layout.html +++ b/public_html/extra/templates/layout.html @@ -31,6 +31,8 @@ <script src="//www.enlightenment.org/lib/tpl/e/js/modifications.js"></script> <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'> + + <link href="https://fonts.googleapis.com/css?family=Permanent+Marker"; rel="stylesheet"> </head> <body> diff --git a/public_html/extra/templates/themes.html b/public_html/extra/templates/themes.html index d65eef1..ab11e36 100644 --- a/public_html/extra/templates/themes.html +++ b/public_html/extra/templates/themes.html @@ -6,15 +6,9 @@ <ul class="theme-list"> {% for theme_id in themes %} <li class="theme-item"> - <img src="/themes/preview/{{ theme_id }}.png" alt="preview" /> - <ul class="theme-meta"> - <li><a href="{{ theme_id }}">{{ themes[theme_id].name }}</a></li> - <li>Author: {{ themes[theme_id].author }}</li> - <li>Version: {{ themes[theme_id].version }}</li> - {% if themes[theme_id].description %} - <li>Description: {{ themes[theme_id].description }}</li> - {% endif %} - </ul> + <a href="{{ theme_id }}" title="{{ themes[theme_id].name }}"> + <img src="/themes/preview/{{ theme_id }}.png" alt="preview" /> + </a> </li> {% endfor %} </ul> --
