You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@allura.apache.org by je...@apache.org on 2015/07/30 15:59:36 UTC
[3/7] allura-site git commit: [#7938] finish article text,
article styling. Add into index page
[#7938] finish article text, article styling. Add into index page
Project: http://git-wip-us.apache.org/repos/asf/allura-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/allura-site/commit/869d61a1
Tree: http://git-wip-us.apache.org/repos/asf/allura-site/tree/869d61a1
Diff: http://git-wip-us.apache.org/repos/asf/allura-site/diff/869d61a1
Branch: refs/heads/asf-site
Commit: 869d61a18ee3e02ce2c688a13a266f7c0222e65a
Parents: 825d271
Author: Dave Brondsema <da...@brondsema.net>
Authored: Tue Jul 28 18:09:59 2015 -0400
Committer: Dave Brondsema <da...@brondsema.net>
Committed: Tue Jul 28 18:09:59 2015 -0400
----------------------------------------------------------------------
_src/allura-theme/static/css/flex.min.css | 5 +
_src/allura-theme/static/css/style.css | 26 +++-
_src/allura-theme/templates/article.html | 8 +-
_src/allura-theme/templates/base.html | 7 +-
_src/allura-theme/templates/index.html | 25 +++-
_src/content/2015-cors.md | 9 +-
theme/css/flex.min.css | 5 +
theme/css/style.css | 198 ++++++++++++++-----------
8 files changed, 173 insertions(+), 110 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/_src/allura-theme/static/css/flex.min.css
----------------------------------------------------------------------
diff --git a/_src/allura-theme/static/css/flex.min.css b/_src/allura-theme/static/css/flex.min.css
index 0199695..21c427f 100644
--- a/_src/allura-theme/static/css/flex.min.css
+++ b/_src/allura-theme/static/css/flex.min.css
@@ -1 +1,6 @@
+/*
+https://pmerrity.github.io/Flex/
+
+MIT License
+*/
.no-float,.row{width:100%;zoom:1}.no-float::before,.no-float::after,.row::before,.row::after{content:" ";display:table}.no-float::after,.row::after{clear:both}.col-1,.col-2,.col-3,.col-4,.col-4p8,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23{float:left;position:relative;min-height:1px}.col-1{width:25%}@media only screen and (min-width: 480px){.col-1{width:16.6667%;}}@media only screen and (min-width: 600px){.col-1{width:12.5%;}}@media only screen and (min-width: 992px){.col-1{width:4.1667%;}}.col-2{width:100%}@media only screen and (min-width: 480px){.col-2{width:50%;}}@media only screen and (min-width: 768px){.col-2{width:8.3334%;}}.col-3{width:25%}@media only screen and (min-width: 600px){.col-3{width:12.5%;}}.col-4{width:50%}@media only screen and (min-width: 480px){.col-4{width:25%;}}@media only screen and (min-width: 600px){.col-4{width:16.6667%;}}.col-4p8{width:50%}@media only
screen and (min-width: 600px){.col-4p8{width:20%;}}@media only screen and (min-width: 768px){.col-4p8{width:20%;}}.col-5{width:33.3334%}@media only screen and (min-width: 768px){.col-5{width:20.8334%;}}.col-6{width:100%}@media only screen and (min-width: 480px){.col-6{width:50%;}}@media only screen and (min-width: 768px){.col-6{width:25%;}}.col-7{width:33.3334%}@media only screen and (min-width: 600px){.col-7{width:29.1667%;}}.col-8{width:100%}@media only screen and (min-width: 768px){.col-8{width:33.3334%;}}.col-9{width:50%}@media only screen and (min-width: 600px){.col-9{width:37.5%;}}.col-10{width:50%}@media only screen and (min-width: 600px){.col-10{width:41.6667%;}}.col-11{width:50%}@media only screen and (min-width: 600px){.col-11{width:45.8334%;}}.col-12{width:100%}@media only screen and (min-width: 768px){.col-12{width:50%;}}.col-13{width:50%}@media only screen and (min-width: 600px){.col-13{width:54.1667%;}}.col-14{width:50%}@media only screen and (min-width: 600px){.col-14
{width:58.3334%;}}.col-15{width:50%}@media only screen and (min-width: 600px){.col-15{width:62.5%;}}.col-16{width:100%}@media only screen and (min-width: 768px){.col-16{width:66.6667%;}}.col-17{width:66.6667%}@media only screen and (min-width: 600px){.col-17{width:70.8334%;}}.col-18{width:100%}@media only screen and (min-width: 480px){.col-18{width:50%;}}@media only screen and (min-width: 768px){.col-18{width:75%;}}.col-19{width:66.6667%}@media only screen and (min-width: 768px){.col-19{width:79.1667%;}}.col-20{width:100%}@media only screen and (min-width: 480px){.col-20{width:75%;}}@media only screen and (min-width: 600px){.col-20{width:83.3334%;}}.col-21{width:75%}@media only screen and (min-width: 600px){.col-21{width:87.5%;}}.col-22{width:100%}@media only screen and (min-width: 480px){.col-22{width:50%;}}@media only screen and (min-width: 768px){.col-22{width:91.6667%;}}.col-23{width:75%}@media only screen and (min-width: 480px){.col-23{width:83.3334%;}}@media only screen and (m
in-width: 600px){.col-23{width:87.5%;}}@media only screen and (min-width: 992px){.col-23{width:95.8334%;}}.col-24{min-height:1px;position:relative;width:100%}.no-float{float:none}.auto-margin{display:block;margin:0 auto}.pull-right{float:right !important}
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/_src/allura-theme/static/css/style.css
----------------------------------------------------------------------
diff --git a/_src/allura-theme/static/css/style.css b/_src/allura-theme/static/css/style.css
index a1e3af1..993081f 100644
--- a/_src/allura-theme/static/css/style.css
+++ b/_src/allura-theme/static/css/style.css
@@ -323,6 +323,7 @@ button {
border: 2px solid #FCFCFC;
border-radius: 4px;
color: #FCFCFC;
+ text-decoration: underline #ff9d00;
cursor: pointer;
font-size: 100%;
outline: 0;
@@ -533,7 +534,7 @@ button:hover, button:focus, button:active {
max-width: 800px;
}
-#download {
+#latest {
background-image: url('../img/bg-download-fire.jpg');
border-bottom: 15px inset rgba(32, 32, 32, 0.4);
border-top: 15px inset rgba(32, 32, 32, 0.4);
@@ -544,8 +545,18 @@ button:hover, button:focus, button:active {
-webkit-transition: all 0.05s ease-in-out;
}
-#download ul {
- width: 225px;
+#release button {
+ margin-bottom: 5px;
+}
+#release ul {
+ padding-top: 15px;
+}
+#release li {
+ font-size: .8em;
+ padding: 0;
+}
+#news li {
+ color: white;
}
#development {
@@ -594,3 +605,12 @@ p > a{
margin-left: auto;
margin-right: auto;
}
+
+
+.post-info {
+ margin: 0 auto;
+ width: 200px;
+ width: intrinsic; /* Safari/WebKit uses a non-standard name */
+ width: -moz-max-content; /* Firefox/Gecko */
+ width: -webkit-max-content; /* Chrome */
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/_src/allura-theme/templates/article.html
----------------------------------------------------------------------
diff --git a/_src/allura-theme/templates/article.html b/_src/allura-theme/templates/article.html
index 84a160a..68b8847 100644
--- a/_src/allura-theme/templates/article.html
+++ b/_src/allura-theme/templates/article.html
@@ -13,20 +13,16 @@
{% endblock %}
{% block content %}
-<div class="row bg-white pad-vert-xl">
+<div class="row bg-white pad-vert-lg">
<div class="row">
<h3 class="text-black text-center">{{ article.title }}</h3>
</div>
<div class="post-info">
+ Published:
<abbr class="published" title="{{ article.date.isoformat() }}">
{{ article.locale_date }}
</abbr>
- {% if article.modified %}
- <abbr class="modified" title="{{ article.modified.isoformat() }}">
- {{ article.locale_modified }}
- </abbr>
- {% endif %}
</div>
<div class="row">
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/_src/allura-theme/templates/base.html
----------------------------------------------------------------------
diff --git a/_src/allura-theme/templates/base.html b/_src/allura-theme/templates/base.html
index a9534bc..9233681 100644
--- a/_src/allura-theme/templates/base.html
+++ b/_src/allura-theme/templates/base.html
@@ -40,8 +40,8 @@
{% block header %}
<div id="header" class="row {% if xxl_header %}pad-vert-xxl{% endif %}">
<header id="login_header" class="row">
- <div class="bg-shadow pad-vert-sm">
- <span><h1 class="text-center">Apache <img src="theme/img/logo_white.png" width="94"> Allura<span class="tm">™</span></h1></span>
+ <div class="bg-shadow pad-vert-md">
+ <span><h1 class="text-center"><a href="/">Apache <img src="theme/img/logo_white.png" width="94"> Allura<span class="tm">™</span></a></h1></span>
<span></span>
<h6 class="text-center">Open source project hosting platform</h6>
</div>
@@ -55,7 +55,8 @@
<div class="row">
{% block footer %}
<footer id="footer" class="bg-black text-white col-24">
- <p class="copy pad-top-sm text-center">Copyright © {{ CURRENT_YEAR }} The Apache Software Foundation, Licensed under the Apache License, Version 2.0.</p>
+ <p class="copy pad-top-sm text-center">Copyright © {{ CURRENT_YEAR }} The Apache Software Foundation, Licensed under
+ <a href="http://www.apache.org/licenses/LICENSE-2.0.html">the Apache License, Version 2.0.</a></p>
<p class="copy pad-bot-sm text-center">Apache, Allura, Apache Allura, and the Apache feather logo are trademarks of The Apache Software Foundation.</p>
</footer>
{% endblock footer %}
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/_src/allura-theme/templates/index.html
----------------------------------------------------------------------
diff --git a/_src/allura-theme/templates/index.html b/_src/allura-theme/templates/index.html
index 1e26c5b..dc5e847 100644
--- a/_src/allura-theme/templates/index.html
+++ b/_src/allura-theme/templates/index.html
@@ -34,20 +34,29 @@
</div>
</div>
-<div id="download" class="row pad-vert-xl parallax" style="background-position: 0px 0px;">
+<div id="latest" class="row pad-vert-xl parallax" style="background-position: 0px 0px;">
<div class="col-16 no-float auto-margin">
<div class="row">
<h3 class="text-center">Get the Latest Version of Allura</h3>
<div class="row pad-vert-md">
- <a href="http://www.apache.org/dyn/closer.cgi/allura/allura-{{ RELEASE_VERSION }}.tar.gz"><button class="auto-margin">Download v{{ RELEASE_VERSION }}</button></a>
- <div class="col-24 auto-margin pad-vert-xs" style="max-width: 175px">
- <span class="text-white">{{ RELEASE_DATE }}</span><span class="pull-right"><a href="{{ GIT_URL }}ci/asf_release_{{ RELEASE_VERSION }}/tree/CHANGES">Changelog</a></span>
+ <div id="release" class="col-12 auto-margin pad-vert-xs text-center">
+ <a href="http://www.apache.org/dyn/closer.cgi/allura/allura-{{ RELEASE_VERSION }}.tar.gz"><button class="auto-margin">Download v{{ RELEASE_VERSION }}</button></a>
+ <span class="text-white">{{ RELEASE_DATE }} —</span>
+ <a href="{{ GIT_URL }}ci/asf_release_{{ RELEASE_VERSION }}/tree/CHANGES">Changelog</a>
+ <ul>
+ <li class="text-white"><a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.md5" class="text-white" download="">md5</a>, <a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.sha1" class="text-white" download="">sha1</a>, <a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.sha512" class="text-white" download="">sha512 sums</a></li>
+ <li class="text-white">PGP <a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.asc" class="text-white" download="">signature</a> & <a href="{{ DIST_URL }}KEYS" class="text-white" download="">keys</a></li>
+ </ul>
+ </div>
+ <div id="news" class="col-12 auto-margin pad-vert-xs text-center">
+ <h5>News</h5>
+ <ul>
+ {% for art in articles[:5]%}
+ <li><a href="{{ art.url }}">{{ art.title }}</a></li>
+ {% endfor %}
+ </ul>
</div>
</div>
- <ul class="auto-margin bg-shadow pad-sm">
- <li class="text-white"><a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.md5" class="text-white" download="">md5</a>, <a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.sha1" class="text-white" download="">sha1</a>, <a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.sha512" class="text-white" download="">sha512 sums</a></li>
- <li class="text-white">PGP <a href="{{ DIST_URL }}allura-{{ RELEASE_VERSION }}.tar.gz.asc" class="text-white" download="">signature</a> & <a href="{{ DIST_URL }}KEYS" class="text-white" download="">keys</a></li>
- </ul>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/_src/content/2015-cors.md
----------------------------------------------------------------------
diff --git a/_src/content/2015-cors.md b/_src/content/2015-cors.md
index bf37bf7..f445abb 100644
--- a/_src/content/2015-cors.md
+++ b/_src/content/2015-cors.md
@@ -7,4 +7,11 @@ Summary: Latest revision of Allura now supports CORS http headers.
The latest Allura code now supports CORS http headers. It will be included in the next release of Allura,
or is available now by using the latest code from `git`.
-CORS headers allow...
+[CORS headers](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS) allow JavaScript running on other sites
+to access the Allura APIs. By default, browser's Same Origin Policy would prevent that. CORS is still secure, because Allura's
+authenticate is in place. APIs that require authorization still require it. OAuth or OAuth tokens can be used,
+cookies cannot be used - so nobody could be tricked into doing something accidentally.
+
+To enable this and allow more sites to integrate with Allura, see the `cors.*` settings in your `development.ini` file.
+
+
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/theme/css/flex.min.css
----------------------------------------------------------------------
diff --git a/theme/css/flex.min.css b/theme/css/flex.min.css
index 0199695..21c427f 100644
--- a/theme/css/flex.min.css
+++ b/theme/css/flex.min.css
@@ -1 +1,6 @@
+/*
+https://pmerrity.github.io/Flex/
+
+MIT License
+*/
.no-float,.row{width:100%;zoom:1}.no-float::before,.no-float::after,.row::before,.row::after{content:" ";display:table}.no-float::after,.row::after{clear:both}.col-1,.col-2,.col-3,.col-4,.col-4p8,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23{float:left;position:relative;min-height:1px}.col-1{width:25%}@media only screen and (min-width: 480px){.col-1{width:16.6667%;}}@media only screen and (min-width: 600px){.col-1{width:12.5%;}}@media only screen and (min-width: 992px){.col-1{width:4.1667%;}}.col-2{width:100%}@media only screen and (min-width: 480px){.col-2{width:50%;}}@media only screen and (min-width: 768px){.col-2{width:8.3334%;}}.col-3{width:25%}@media only screen and (min-width: 600px){.col-3{width:12.5%;}}.col-4{width:50%}@media only screen and (min-width: 480px){.col-4{width:25%;}}@media only screen and (min-width: 600px){.col-4{width:16.6667%;}}.col-4p8{width:50%}@media only
screen and (min-width: 600px){.col-4p8{width:20%;}}@media only screen and (min-width: 768px){.col-4p8{width:20%;}}.col-5{width:33.3334%}@media only screen and (min-width: 768px){.col-5{width:20.8334%;}}.col-6{width:100%}@media only screen and (min-width: 480px){.col-6{width:50%;}}@media only screen and (min-width: 768px){.col-6{width:25%;}}.col-7{width:33.3334%}@media only screen and (min-width: 600px){.col-7{width:29.1667%;}}.col-8{width:100%}@media only screen and (min-width: 768px){.col-8{width:33.3334%;}}.col-9{width:50%}@media only screen and (min-width: 600px){.col-9{width:37.5%;}}.col-10{width:50%}@media only screen and (min-width: 600px){.col-10{width:41.6667%;}}.col-11{width:50%}@media only screen and (min-width: 600px){.col-11{width:45.8334%;}}.col-12{width:100%}@media only screen and (min-width: 768px){.col-12{width:50%;}}.col-13{width:50%}@media only screen and (min-width: 600px){.col-13{width:54.1667%;}}.col-14{width:50%}@media only screen and (min-width: 600px){.col-14
{width:58.3334%;}}.col-15{width:50%}@media only screen and (min-width: 600px){.col-15{width:62.5%;}}.col-16{width:100%}@media only screen and (min-width: 768px){.col-16{width:66.6667%;}}.col-17{width:66.6667%}@media only screen and (min-width: 600px){.col-17{width:70.8334%;}}.col-18{width:100%}@media only screen and (min-width: 480px){.col-18{width:50%;}}@media only screen and (min-width: 768px){.col-18{width:75%;}}.col-19{width:66.6667%}@media only screen and (min-width: 768px){.col-19{width:79.1667%;}}.col-20{width:100%}@media only screen and (min-width: 480px){.col-20{width:75%;}}@media only screen and (min-width: 600px){.col-20{width:83.3334%;}}.col-21{width:75%}@media only screen and (min-width: 600px){.col-21{width:87.5%;}}.col-22{width:100%}@media only screen and (min-width: 480px){.col-22{width:50%;}}@media only screen and (min-width: 768px){.col-22{width:91.6667%;}}.col-23{width:75%}@media only screen and (min-width: 480px){.col-23{width:83.3334%;}}@media only screen and (m
in-width: 600px){.col-23{width:87.5%;}}@media only screen and (min-width: 992px){.col-23{width:95.8334%;}}.col-24{min-height:1px;position:relative;width:100%}.no-float{float:none}.auto-margin{display:block;margin:0 auto}.pull-right{float:right !important}
http://git-wip-us.apache.org/repos/asf/allura-site/blob/869d61a1/theme/css/style.css
----------------------------------------------------------------------
diff --git a/theme/css/style.css b/theme/css/style.css
index 98b39d7..993081f 100644
--- a/theme/css/style.css
+++ b/theme/css/style.css
@@ -3,11 +3,11 @@ html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym
margin: 0;
outline: 0;
padding: 0;
- vertical-align: baseline
+ vertical-align: baseline;
}
header, section, footer, aside, nav, article, figure, figcaption {
- display: block
+ display: block;
}
html, body {
@@ -19,30 +19,30 @@ html, body {
hr {
border: 0;
- height: 1px
+ height: 1px;
}
.bg-black {
- background-color: #404040
+ background-color: #404040;
}
.bg-orange {
- background-color: #ff9d00
+ background-color: #ff9d00;
}
a {
- color: #ff9d00
+ color: #ff9d00;
}
.bg-white {
- background-color: #FCFCFC
+ background-color: #FCFCFC;
}
.bg-shadow {
- background-color: rgba(32, 32, 32, 0.6)
+ background-color: rgba(32, 32, 32, 0.6);
}
body, h1, h2, h3, h4, h5, h6, p, a {
- font-family: 'Helvetica Neue', serif
+ font-family: 'Helvetica Neue', serif;
}
h1, h2, h3, h4, h5, h6 {
@@ -55,43 +55,43 @@ h1, h2, h3, h4, h5, h6 {
}
h1, h2 {
- font-family: 'Helvetica Neue', serif
+ font-family: 'Helvetica Neue', serif;
}
h1 a, h2 a {
- border-bottom: 0px
+ border-bottom: 0px;
}
h3, h4, h5, h6, p {
- font-family: 'Helvetica Neue', serif
+ font-family: 'Helvetica Neue', serif;
}
li, span {
- font-family: inherit
+ font-family: inherit;
}
h1 {
- font-size: 4em
+ font-size: 4em;
}
h2 {
- font-size: 2.6em
+ font-size: 2.6em;
}
h3 {
- font-size: 2.1em
+ font-size: 2.1em;
}
h4 {
- font-size: 1.8em
+ font-size: 1.8em;
}
h5 {
- font-size: 1.6em
+ font-size: 1.6em;
}
h6 {
- font-size: 1.4em
+ font-size: 1.4em;
}
p {
@@ -102,11 +102,11 @@ p {
}
ul {
- list-style-type: circle
+ list-style-type: circle;
}
ul li {
- margin-left: 2em
+ margin-left: 2em;
}
a {
@@ -116,7 +116,7 @@ a {
-webkit-box-sizing: border-box;
color: inherit;
cursor: pointer;
- text-decoration: none
+ text-decoration: none;
}
a:hover, a:focus {
@@ -128,7 +128,7 @@ a:visited:hover {
}
b, strong {
- font-weight: bold
+ font-weight: bold;
}
dfn, cite, em, i {
@@ -250,28 +250,28 @@ ul li ul li {
#navbar #menu_title h6 {
display: inline-block;
font-family: 'Cuprum', sans-serif;
- vertical-align: middle
+ vertical-align: middle;
}
#navbar #logo_container {
left: 0;
position: absolute;
top: 0;
- width: 100%
+ width: 100%;
}
#navbar #logo_container #logo {
display: block;
height: 50px;
margin: 3px auto 0px auto;
- width: 50px
+ width: 50px;
}
#navbar #emergency_phone_no {
position: absolute;
right: 25px;
top: 8px;
- text-align: right
+ text-align: right;
}
#nav_menu {
@@ -282,11 +282,11 @@ ul li ul li {
position: fixed;
top: 0;
width: 300px;
- z-index: 10
+ z-index: 10;
}
#nav_menu ul li.active {
- height: 300px
+ height: 300px;
}
#nav_menu ul li {
@@ -297,22 +297,22 @@ ul li ul li {
height: auto;
list-style: none;
margin: 0;
- padding: 10px 0px
+ padding: 10px 0px;
}
#nav_menu ul li a {
border: 0;
- margin-left: 2em
+ margin-left: 2em;
}
footer .copy {
- margin: 0
+ margin: 0;
}
hr {
height: 2px;
margin: 40px auto;
- width: 75%
+ width: 75%;
}
button {
@@ -323,6 +323,7 @@ button {
border: 2px solid #FCFCFC;
border-radius: 4px;
color: #FCFCFC;
+ text-decoration: underline #ff9d00;
cursor: pointer;
font-size: 100%;
outline: 0;
@@ -330,191 +331,191 @@ button {
transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
- -webkit-transition: all 0.15s ease-in-out
+ -webkit-transition: all 0.15s ease-in-out;
}
button:hover, button:focus, button:active {
background: #FCFCFC;
- color: #ff9d00
+ color: #ff9d00;
}
.btn-orange {
border-color: #ff9d00;
- color: #ff9d00
+ color: #ff9d00;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
background: #ff9d00;
- color: #FCFCFC
+ color: #FCFCFC;
}
.clearfix {
- *zoom: 1
+ *zoom: 1;
}
.clearfix::before, .clearfix::after {
content: " ";
- display: table
+ display: table;
}
.clearfix::after {
- clear: both
+ clear: both;
}
.no-float {
- float: none
+ float: none;
}
.pull-right {
- float: right
+ float: right;
}
.pad-xs {
- padding: 10px
+ padding: 10px;
}
.pad-sm {
- padding: 20px
+ padding: 20px;
}
.pad-md {
- padding: 40px
+ padding: 40px;
}
.pad-lg {
- padding: 80px
+ padding: 80px;
}
.pad-xl {
- padding: 120px
+ padding: 120px;
}
.pad-vert-xs {
- padding: 10px 0px
+ padding: 10px 0px;
}
.pad-vert-sm {
- padding: 20px 0px
+ padding: 20px 0px;
}
.pad-vert-md {
- padding: 40px 0px
+ padding: 40px 0px;
}
.pad-vert-lg {
- padding: 80px 0px
+ padding: 80px 0px;
}
.pad-vert-xl {
- padding: 120px 0px
+ padding: 120px 0px;
}
.pad-vert-xxl {
- padding: 160px 0px
+ padding: 160px 0px;
}
.pad-horiz-xs {
- padding: 0px 10px
+ padding: 0px 10px;
}
.pad-horiz-xs {
- padding: 0px 10px
+ padding: 0px 10px;
}
.pad-horiz-sm {
- padding: 0px 20px
+ padding: 0px 20px;
}
.pad-horiz-md {
- padding: 0px 40px
+ padding: 0px 40px;
}
.pad-horiz-lg {
- padding: 0px 80px
+ padding: 0px 80px;
}
.pad-horiz-xl {
- padding: 0px 120px
+ padding: 0px 120px;
}
.pad-top-xs {
- padding-top: 10px
+ padding-top: 10px;
}
.pad-top-sm {
- padding-top: 20px
+ padding-top: 20px;
}
.pad-top-md {
- padding-top: 40px
+ padding-top: 40px;
}
.pad-top-lg {
- padding-top: 80px
+ padding-top: 80px;
}
.pad-top-xl {
- padding-top: 120px
+ padding-top: 120px;
}
.pad-right-xs {
- padding-right: 10px
+ padding-right: 10px;
}
.pad-right-sm {
- padding-right: 20px
+ padding-right: 20px;
}
.pad-right-md {
- padding-right: 40px
+ padding-right: 40px;
}
.pad-right-lg {
- padding-right: 80px
+ padding-right: 80px;
}
.pad-right-xl {
- padding-right: 120px
+ padding-right: 120px;
}
.pad-bot-xs {
- padding-bottom: 10px
+ padding-bottom: 10px;
}
.pad-bot-sm {
- padding-bottom: 20px
+ padding-bottom: 20px;
}
.pad-bot-md {
- padding-bottom: 40px
+ padding-bottom: 40px;
}
.pad-bot-lg {
- padding-bottom: 80px
+ padding-bottom: 80px;
}
.pad-bot-xl {
- padding-bottom: 120px
+ padding-bottom: 120px;
}
.pad-left-xs {
- padding-left: 10px
+ padding-left: 10px;
}
.pad-left-sm {
- padding-left: 20px
+ padding-left: 20px;
}
.pad-left-md {
- padding-left: 40px
+ padding-left: 40px;
}
.pad-left-lg {
- padding-left: 80px
+ padding-left: 80px;
}
.pad-left-xl {
- padding-left: 120px
+ padding-left: 120px;
}
#header {
@@ -530,10 +531,10 @@ button:hover, button:focus, button:active {
#about p {
margin-left: auto;
margin-right: auto;
- max-width: 800px
+ max-width: 800px;
}
-#download {
+#latest {
background-image: url('../img/bg-download-fire.jpg');
border-bottom: 15px inset rgba(32, 32, 32, 0.4);
border-top: 15px inset rgba(32, 32, 32, 0.4);
@@ -541,36 +542,46 @@ button:hover, button:focus, button:active {
transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
- -webkit-transition: all 0.05s ease-in-out
+ -webkit-transition: all 0.05s ease-in-out;
}
-#download ul {
- width: 225px
+#release button {
+ margin-bottom: 5px;
+}
+#release ul {
+ padding-top: 15px;
+}
+#release li {
+ font-size: .8em;
+ padding: 0;
+}
+#news li {
+ color: white;
}
#development {
background: url('../img/bg-developers-fire.jpg');
background-position: center center;
- background-size: cover
+ background-size: cover;
}
#development p {
margin-left: auto;
margin-right: auto;
- max-width: 800px !important
+ max-width: 800px !important;
}
#development ul {
- width: 300px
+ width: 300px;
}
#apache .button-container {
- max-width: 700px
+ max-width: 700px;
}
.icon {
display: block;
- margin: 15px auto 0px auto
+ margin: 15px auto 0px auto;
}
.tm{
@@ -594,3 +605,12 @@ p > a{
margin-left: auto;
margin-right: auto;
}
+
+
+.post-info {
+ margin: 0 auto;
+ width: 200px;
+ width: intrinsic; /* Safari/WebKit uses a non-standard name */
+ width: -moz-max-content; /* Firefox/Gecko */
+ width: -webkit-max-content; /* Chrome */
+}
\ No newline at end of file