old
/
e-org-extra-server
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update theme to be quite like the new extra app style

This commit is contained in:
Andy Williams 2017-01-25 22:33:18 +00:00
parent c1c3c1a2d8
commit 75c218a52a
4 changed files with 41 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
public_html/extra/static/extra.css
View File

@ -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 {

7
public_html/extra/templates/backgrounds.html
View File

@ -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>

2
public_html/extra/templates/layout.html
View File

@ -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>

12
public_html/extra/templates/themes.html
View File

@ -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>