shane/rockviewer
1
0
Fork 0
Code Issues 1 Pull Requests Releases 2 Wiki Activity

Style Changes

Browse Source
This commit is contained in:
Shane Frischkorn
2014-03-07 10:07:20 +10:00
parent d6b8f71d58
commit 3b8a2bac4a
14 changed files with 222 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
three_d_viewer/static/three_d_viewer/css/styles.css
View File

@@ -133,10 +133,15 @@ body {
}
#footer {
left: 0;
right: 0;
bottom: 0;
display: block;
position: fixed;
width: 100%;
margin-left: auto;
/*margin-left: auto;*/
background-color: #CCCCCC;
z-index: 900;
z-index: 1000;
}
#footer ul {
@@ -199,11 +204,16 @@ body {
#logo {
width: 20%;
height: 44px;
background-color: #FFFFFF;
text-align: center;
background-color: #CCCCCC;
text-align: left;
float: left;
}
.logoImage {
width: auto;
height: 44px;
}
#logo p {
padding-top: 5%;
}
@@ -270,8 +280,18 @@ body {
}
/* TEXT STYLES */
ul.introList {
list-style-type: none;
}
td.term {
padding-right: 100px;
}
#mainText p {
font-size: 12pt;
font-family: 'quicksandregular', Helvetica, sans-serif;
@@ -280,6 +300,14 @@ body {
color: #000;
}
#theoryText p {
font-size: 12pt;
font-family: 'quicksandregular', Helvetica, sans-serif;
line-height: 16pt;
text-align: left;
color: #000;
}
#mineralContainer p {
font-size: 12pt;
font-family: 'quicksandregular', Helvetica, sans-serif;
@@ -311,6 +339,17 @@ h2.theoryHeadings {
}
h3.headings {
font-size: 14pt;
font-family: 'quicksandbold', Helvetica, sans-serif;
line-height: 18pt;
text-align: left;
color: #000;
padding-top: 5px;
padding-bottom: 5px;
}
img.example {
width: 100%;
height: auto;
@@ -628,7 +667,7 @@ img.example {
margin: 0;
padding: 0;
}
/*CUSTOM CLASS TEST*/
/*CUSTOM CLASS TEST*/
#mineralMenu > ul > li.mainitem {
width: 100%;
}
@@ -644,7 +683,7 @@ img.example {
font-size: 14px;
font-weight: bold;
padding: 15px 20px;
color: #7a8189;
color: #7a8189 ;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
@@ -706,6 +745,7 @@ img.example {
z-index: -2;
}
#mineralMenu ul ul {
width: 84.5%; /* TESTING HERE!!!!!!!!!!!!!! */
position: absolute;
left: -9999px;
top: 70px;
@@ -720,9 +760,11 @@ img.example {
#mineralMenu ul ul ul {
top: 37px;
padding-left: 5px;
width: 100%;
}
#mineralMenu ul ul li {
position: relative;
width: 100%;
}
#mineralMenu > ul > li:hover > ul {
left: auto;
@@ -735,7 +777,7 @@ img.example {
opacity: 1;
}
#mineralMenu ul ul li a {
width: 130px;
width: 100%;
border-bottom: 1px solid #eee;
padding: 10px 20px;
font-size: 10px;
@@ -783,6 +825,7 @@ img.example {
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#mineralMenu {
width: auto;

BIN
three_d_viewer/static/three_d_viewer/images/Thumbs.db Normal file
View File

Binary file not shown.

BIN
three_d_viewer/static/three_d_viewer/images/bowen.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
three_d_viewer/static/three_d_viewer/images/logo_main.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

2
three_d_viewer/templates/three_d_viewer/acknowledgements.html
View File

@@ -3,7 +3,7 @@
{% block content %}
<div id="pushDown"></div>
<div id="mainText">
<h3>Acknowledgements</h3><br><br>
<h3 class="headings">Acknowledgements</h3><br><br>
<p>
3DVOL has been been developed by Shane Frischkorn, Andy Bates, Christoph Shrank, Mark Barry, Linda Nothdurft, and Luke Nothdurft.
</p>

2
three_d_viewer/templates/three_d_viewer/base.html
View File

@@ -18,7 +18,7 @@
<div id="container">
<div id="header">
<div id="logo">
<img src={% static "three_d_viewer/images/logo2.png" %}>
<img src={% static "three_d_viewer/images/logo_main.png" %} class="logoImage">
</div><!-- CLOSE LOGO !-->
<div id="menuContainer">
<div id='cssmenu'>

6
three_d_viewer/templates/three_d_viewer/glossary.html
View File

@@ -1,13 +1,13 @@
{% extends "three_d_viewer/base.html" %}
{% block content %}
<div id="pushDown"></div>
<div id="pushDownTwo"></div>
<div id="mainText">
<p><h3>Glossary</h3><br><br>
<p><h3 class="headings">Glossary</h3><br><br>
<table>
{% for entry in entries %}
<tr>
<td><p>{{ entry.name }}</p></td>
<td class="term"><p>{{ entry.name }}</p></td>
<td><p>{{ entry.definition }}</p></td>
</tr>
{% endfor %}

8
three_d_viewer/templates/three_d_viewer/home.html
View File

@@ -1,18 +1,20 @@
{% extends "three_d_viewer/base.html" %}
{% block content %}
<div id="pushDown"></div>
<div id="pushDownTwo"></div>
<div id="mainText">
<h3>Welcome to 3DVOL – Minerals.</h3><br><br>
<h3 class="headings">Welcome to 3DVOL – Minerals.</h3><br><br>
<p>
This website contains a three-dimensional virtual object library of the most important rock-forming minerals making up planet Earth. You will find information on:<br>
</p>
<ul>
<br/>
<ul class="introList">
<li><p>Which are the most common minerals on Earth?</p></li>
<li><p>What are their most important physical and chemical properties?</p></li>
<li><p>Where in the Earth and under which physical conditions do they form?</p></li>
<li><p>How can they be identified in hand specimen?</p></li>
</ul>
<br/>
<p>A mineral is typically defined as an inorganic solid with a particular chemical composition and a characteristic, periodic atomic structure.
This characteristic atomic make-up is often reflected in the macroscopic crystalline structure of a mineral.
The 3D models presented on this website will help you to visualise, study, and memorise these beautiful and often

6
three_d_viewer/templates/three_d_viewer/minerals_theory.html
View File

@@ -27,10 +27,10 @@
The lithosphere contains the crust, and the upper part of the mantle down to ~100km under oceanic crust, and 200-300km under continental crust (Twiss & Moores, 2007).
The lithosphere-asthenosphere boundary is defined by the 1300K isotherm, which is the temperature where olivine starts to behave viscously.
The rocks in the mesosphere are under more pressure than those in the asthenosphere, so no longer behave viscously.
<figure>
<img src="{% static "three_d_viewer/images/bowen.png" %}">
<figure class="theoryImages">
<img src="{% static "three_d_viewer/images/bowen.png" %}>
<figcaption>Image sourced from <a href="http://pubs.usgs.gov/gip/dynamic/graphics/FigS1-1.gif">USGS</a>.</figcaption>
<figure>
</figure>
</p>
<h2 class="theoryHeadings" id="pressureandtemp">Pressure and temperature</h2>
<p>

3
three_d_viewer/templates/three_d_viewer/theory/bowen.html
View File

@@ -18,7 +18,8 @@
The actual reactions depend on many factors, such as the chemical composition of the melt, temperature, pressure, and amount of fractional crystallisation.
For example, basalts form from the crystallisation of olivine, pyroxene and calcic plagioclase meaning that crystallisation stopped without the series progressing.
If more fractional crystallisation were to occur, more intermediate and felsic minerals can crystallise.
<img src="{% static "three_d_viewer/images/bowen.png" %}">
<br/>
<img src="{% static "three_d_viewer/images/bowen.jpg" %}" style="padding-top:20px; text-align: left;" width="600px" height="auto">
</p>
<div id="pushDownThree"></div>
</div>

12
three_d_viewer/templates/three_d_viewer/theory/structure.html
View File

@@ -3,7 +3,7 @@
{% block content %}
<div id="pushDownTwo"></div>
<div id="mainText">
<div id="mainText">
<h1 class="subHeadings">Theory</h1>
<h2 class="theoryHeadings" id="structureofearth">Structure of Earth</h2>
<p>
@@ -26,12 +26,12 @@
uniform throughout the mantle though, but changes in pressure and temperature determine which polymorphs will exist at different depths.
The lithosphere contains the crust, and the upper part of the mantle down to ~100km under oceanic crust, and 200-300km under continental crust (Twiss & Moores, 2007).
The lithosphere-asthenosphere boundary is defined by the 1300K isotherm, which is the temperature where olivine starts to behave viscously.
The rocks in the mesosphere are under more pressure than those in the asthenosphere, so no longer behave viscously.
The rocks in the mesosphere are under more pressure than those in the asthenosphere, so no longer behave viscously.</p>
<figure>
<img src="{% static "three_d_viewer/images/structure - usgs.gif" %}">
<figcaption>Image sourced from <a href="http://pubs.usgs.gov/gip/dynamic/graphics/FigS1-1.gif">USGS</a>.</figcaption>
<figure>
</p>
<img src="{% static "three_d_viewer/images/structure - usgs.gif" %}" style="padding-top:20px;">
<figcaption><p>Image sourced from <a href="http://pubs.usgs.gov/gip/dynamic/graphics/FigS1-1.gif">USGS</a>.</p></figcaption>
</figure>
</div>
<div id="pushDownThree"></div>
</div>
{% endblock %}

1
three_d_viewer/urls.py
View File

@@ -7,7 +7,6 @@ urlpatterns = patterns(
'',
url(r'^$', views.HomeView.as_view(), name='home'),
url(r'^$', generic.TemplateView.as_view(template_name="three_d_viewer/home.html"), name='home'),
url(r'^minerals_theory/$', generic.TemplateView.as_view(template_name="three_d_viewer/minerals_theory.html"), name='minerals_theory'),
url(r'^theory/structure/$', generic.TemplateView.as_view(template_name="three_d_viewer/theory/structure.html"), name='theory_structure'),
url(r'^theory/bowen/$', generic.TemplateView.as_view(template_name="three_d_viewer/theory/bowen.html"), name='theory_bowen'),
url(r'^theory/pressure_temp/$', generic.TemplateView.as_view(template_name="three_d_viewer/theory/pressure_temp.html"), name='theory_pt'),