Some eyecandy
This commit is contained in:
parent
4d80983eea
commit
6439a0d974
|
@ -14,18 +14,21 @@
|
||||||
<div id="prompt">
|
<div id="prompt">
|
||||||
<!-- if IE without GCF, prompt goes here -->
|
<!-- if IE without GCF, prompt goes here -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1>All public pastes</h1>
|
<h1>All public pastes</h1>
|
||||||
<div class="pure-g-r">
|
<div class="pure-g-r">
|
||||||
<div class="pure-u-2-3">
|
<div class="pure-u-2-3">
|
||||||
<div class="textcontainer">
|
<div class="textcontainer">
|
||||||
|
|
||||||
<table class="pure-table pure-table-bordered">
|
<table class="pure-table pure-table-bordered">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Uploader</th>
|
<th>Uploader</th>
|
||||||
<th>Size (w x h x d)</th>
|
<th>
|
||||||
|
Size<br/>
|
||||||
|
(w x h x d)
|
||||||
|
</th>
|
||||||
<th>Polygons</th>
|
<th>Polygons</th>
|
||||||
<th>Expires</th>
|
<th>Expires</th>
|
||||||
<th>Date</th>
|
<th>Date</th>
|
||||||
|
@ -41,7 +44,10 @@
|
||||||
Anonymous
|
Anonymous
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td>
|
</td>
|
||||||
<td>{{geometry.get_width}} x {{geometry.get_height}} x {{geometry.get_depth}}</td>
|
<td>{{geometry.get_width | floatformat}}
|
||||||
|
x {{geometry.get_height | floatformat}}
|
||||||
|
x {{geometry.get_depth | floatformat}}
|
||||||
|
</td>
|
||||||
<td>{{geometry.get_polycount}}</td>
|
<td>{{geometry.get_polycount}}</td>
|
||||||
<td>
|
<td>
|
||||||
{% if geometry.get_expiration_date %}
|
{% if geometry.get_expiration_date %}
|
||||||
|
@ -75,4 +81,3 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
|
@ -4,9 +4,9 @@
|
||||||
{% for geometry in latest_geometries %}
|
{% for geometry in latest_geometries %}
|
||||||
<li>
|
<li>
|
||||||
<i class="icon-file"></i>
|
<i class="icon-file"></i>
|
||||||
<a href="{{geometry.get_absolute_url}}">{{geometry.name}}</a>
|
<a href="{{geometry.get_absolute_url}}">{{geometry.name}}</a><br/>
|
||||||
- {{geometry.date}}
|
{{geometry.date}}
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -6,7 +6,8 @@
|
||||||
font-style: normal; }
|
font-style: normal; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "DejaVu Sans"; }
|
font-family: "DejaVu Sans";
|
||||||
|
font-size: 14px; }
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
@ -22,7 +23,7 @@ body {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
border-width: 6px;
|
border-width: 6px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #eeeeee;
|
border-color: #eee;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
height: 60%; }
|
height: 60%; }
|
||||||
|
@ -36,7 +37,7 @@ body {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
border-width: 6px;
|
border-width: 6px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #eeeeee;
|
border-color: #eee;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
min-height: 60%; }
|
min-height: 60%; }
|
||||||
|
@ -48,7 +49,7 @@ body {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
border-width: 6px;
|
border-width: 6px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #eeeeee;
|
border-color: #eee;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
|
@ -62,6 +63,8 @@ body {
|
||||||
color: #7E98E5; }
|
color: #7E98E5; }
|
||||||
.textcontainer table {
|
.textcontainer table {
|
||||||
background-color: #ffffff; }
|
background-color: #ffffff; }
|
||||||
|
.textcontainer table td {
|
||||||
|
font-size: 13px; }
|
||||||
.textcontainer table .odd-row {
|
.textcontainer table .odd-row {
|
||||||
background-color: #e4eef2; }
|
background-color: #e4eef2; }
|
||||||
.textcontainer .uploads-list {
|
.textcontainer .uploads-list {
|
||||||
|
@ -79,25 +82,25 @@ body {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
#fileinfos .button-green, .textcontainer .button-green {
|
#fileinfos .button-green, .textcontainer .button-green {
|
||||||
color: white;
|
color: #ffffff;
|
||||||
background-color: #1CB841; }
|
background-color: #1CB841; }
|
||||||
#fileinfos .button-green:visited, .textcontainer .button-green:visited {
|
#fileinfos .button-green:visited, .textcontainer .button-green:visited {
|
||||||
color: white; }
|
color: #ffffff; }
|
||||||
#fileinfos .button-green:hover, .textcontainer .button-green:hover {
|
#fileinfos .button-green:hover, .textcontainer .button-green:hover {
|
||||||
color: white; }
|
color: #ffffff; }
|
||||||
|
|
||||||
#fileinfos .button-red, .textcontainer .button-red {
|
#fileinfos .button-red, .textcontainer .button-red {
|
||||||
color: white;
|
color: #ffffff;
|
||||||
background-color: #ca3c3c; }
|
background-color: #ca3c3c; }
|
||||||
#fileinfos .button-red:visited, .textcontainer .button-red:visited {
|
#fileinfos .button-red:visited, .textcontainer .button-red:visited {
|
||||||
color: white; }
|
color: #ffffff; }
|
||||||
#fileinfos .button-red:hover, .textcontainer .button-red:hover {
|
#fileinfos .button-red:hover, .textcontainer .button-red:hover {
|
||||||
color: white; }
|
color: #ffffff; }
|
||||||
|
|
||||||
#fileinfos .button-lightblue, .textcontainer .button-lightblue {
|
#fileinfos .button-lightblue, .textcontainer .button-lightblue {
|
||||||
color: white;
|
color: #ffffff;
|
||||||
background-color: #42B8DD; }
|
background-color: #42B8DD; }
|
||||||
#fileinfos .button-lightblue:visited, .textcontainer .button-lightblue:visited {
|
#fileinfos .button-lightblue:visited, .textcontainer .button-lightblue:visited {
|
||||||
color: white; }
|
color: #ffffff; }
|
||||||
#fileinfos .button-lightblue:hover, .textcontainer .button-lightblue:hover {
|
#fileinfos .button-lightblue:hover, .textcontainer .button-lightblue:hover {
|
||||||
color: white; }
|
color: #ffffff; }
|
||||||
|
|
|
@ -11,6 +11,7 @@
|
||||||
|
|
||||||
body{
|
body{
|
||||||
font-family: "DejaVu Sans";
|
font-family: "DejaVu Sans";
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -38,7 +39,7 @@ body{
|
||||||
border: {
|
border: {
|
||||||
width: $radius;
|
width: $radius;
|
||||||
style: solid;
|
style: solid;
|
||||||
color: $color;
|
color: $color;
|
||||||
radius: $radius/2;
|
radius: $radius/2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -103,6 +104,10 @@ body{
|
||||||
table {
|
table {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|
||||||
|
td {
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
.odd-row {
|
.odd-row {
|
||||||
background-color: #e4eef2;
|
background-color: #e4eef2;
|
||||||
}
|
}
|
||||||
|
@ -148,5 +153,3 @@ body{
|
||||||
@include fixlinkcolor(#ffffff);
|
@include fixlinkcolor(#ffffff);
|
||||||
background-color: #42B8DD;
|
background-color: #42B8DD;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue