Starting to build out two switchable themes.

This commit is contained in:
Dorian 2013-07-02 13:01:38 -04:00
parent dc8d026f6f
commit 228668cc79
4 changed files with 44 additions and 47 deletions

View File

@ -0,0 +1,31 @@
/*
* Penguin Evening
*
* @author: Dorian Pula
* @company: Amber Penguin Software
* @note: A soothing grey and amber theme.
* @version: 0.7
*/
/* TODO Comment and clean up. */
/*** Messages ***/
div.error_message {
color: #FF0000;
font-weight: bold;
}
div.notification_message {
color: #00FF00;
font-weight: bold;
}
form > ul > li {
display: list-item;
list-style: none;
padding: 5px 15px;
}
/*form > ul > li > input {*/
/*text-align: right;*/
/*}*/

View File

@ -7,6 +7,8 @@
* @version: 0.7
*/
/* TODO Comment and clean up. */
/*** General elements ***/
body {
background-color: #FFFFFF;
@ -211,24 +213,3 @@ nav > ul > li > ul > li:hover {
nav > ul > li > ul > li:hover > a {
color: #6932ff;
}
/*** Messages ***/
div.error_message {
color: #FF0000;
font-weight: bold;
}
div.notification_message {
color: #00FF00;
font-weight: bold;
}
form > ul > li {
display: list-item;
list-style: none;
padding: 5px 15px;
}
/*form > ul > li > input {*/
/*text-align: right;*/
/*}*/

View File

@ -7,6 +7,8 @@
* @version: 0.7
*/
/* TODO Comment and clean up. */
/*** General elements ***/
body {
background-color: #292929;
@ -211,24 +213,3 @@ nav > ul > li > ul > li:hover {
nav > ul > li > ul > li:hover > a {
color: #6932ff;
}
/*** Messages ***/
div.error_message {
color: #FF0000;
font-weight: bold;
}
div.notification_message {
color: #00FF00;
font-weight: bold;
}
form > ul > li {
display: list-item;
list-style: none;
padding: 5px 15px;
}
/*form > ul > li > input {*/
/*text-align: right;*/
/*}*/

View File

@ -6,9 +6,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/bootstrap-responsive.css') }}" />
{# TODO Consider creating a white and blue theme or at least changeable themes for the site... #}
{# <link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/penguin-evening-theme.css') }}" />#}
<link rel="stylesheet" type="text/css" media="screen" href="{{ url_for('static', filename='css/penguin-daytime-theme.css') }}" />
{# TODO: Add in ability to switch between themes seamlessly. #}
<link rel="stylesheet" title="evening" type="text/css" media="screen" href="{{ url_for('static', filename='css/penguin-common-theme.css') }}" />
<link rel="stylesheet" title="evening" type="text/css" media="screen" href="{{ url_for('static', filename='css/penguin-evening-theme.css') }}" />
<link rel="stylesheet" title="daytime" type="text/css" media="screen" href="{{ url_for('static', filename='css/penguin-daytime-theme.css') }}" />
<link rel="stylesheet" type="text/css" media="screen" href="http://openfontlibrary.org/face/Lavoir" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway" />
</head>