Update theme to be quite like the new extra app style
This commit is contained in:
parent
c1c3c1a2d8
commit
75c218a52a
|
@ -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 {
|
ul.theme-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.theme-list li.theme-item {
|
ul.theme-list li.theme-item {
|
||||||
clear: both;
|
display: inline-flex;
|
||||||
|
|
||||||
padding: 10pt;
|
padding: 10pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.theme-list li.theme-item img {
|
ul.theme-list li.theme-item img {
|
||||||
float: left;
|
|
||||||
|
|
||||||
width: 210pt;
|
width: 210pt;
|
||||||
padding-right: 10pt;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.theme-meta {
|
ul.theme-meta {
|
||||||
|
|
|
@ -6,12 +6,9 @@
|
||||||
<ul class="theme-list">
|
<ul class="theme-list">
|
||||||
{% for background_id in backgrounds %}
|
{% for background_id in backgrounds %}
|
||||||
<li class="theme-item">
|
<li class="theme-item">
|
||||||
|
<a href="{{ background_id }}" title="{{backgrounds[background_id].name }}">
|
||||||
<img src="/backgrounds/preview/{{ background_id }}.png" alt="preview" width="160pt" />
|
<img src="/backgrounds/preview/{{ background_id }}.png" alt="preview" width="160pt" />
|
||||||
<ul class="theme-meta">
|
</a>
|
||||||
<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>
|
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -31,6 +31,8 @@
|
||||||
<script src="//www.enlightenment.org/lib/tpl/e/js/modifications.js"></script>
|
<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=Open+Sans' rel='stylesheet' type='text/css'>
|
||||||
<link href='//fonts.googleapis.com/css?family=Source+Code+Pro' 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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -6,15 +6,9 @@
|
||||||
<ul class="theme-list">
|
<ul class="theme-list">
|
||||||
{% for theme_id in themes %}
|
{% for theme_id in themes %}
|
||||||
<li class="theme-item">
|
<li class="theme-item">
|
||||||
<img src="/themes/preview/{{ theme_id }}.png" alt="preview" />
|
<a href="{{ theme_id }}" title="{{ themes[theme_id].name }}">
|
||||||
<ul class="theme-meta">
|
<img src="/themes/preview/{{ theme_id }}.png" alt="preview" />
|
||||||
<li><a href="{{ theme_id }}">{{ themes[theme_id].name }}</a></li>
|
</a>
|
||||||
<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>
|
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
Loading…
Reference in New Issue