Merge pull request #2 from kirsle/bootstrap

Bootstrap
rophako
Noah 2014-12-04 16:14:02 -08:00
commit 1ca063858b
167 changed files with 16624 additions and 352 deletions

View File

@ -1,63 +0,0 @@
--- config-sample.py 2014-07-23 21:24:31.762730111 +0000
+++ config.py 2014-08-27 01:38:34.466730111 +0000
@@ -10,7 +10,7 @@
DEBUG = True
# Unique name of your site, e.g. "kirsle.net"
-SITE_NAME = "example.com"
+SITE_NAME = "kirsle.net"
# Path to your site's HTML root. Whenever Rophako tries to render a template,
# it will check in your site's root for the template first before defaulting to
@@ -18,14 +18,14 @@
# Rophako pages, e.g. for account, blog, photo albums and so on, have templates
# in the default site. You can override those templates by creating files with
# the same paths in your site's HTML folder.
-SITE_ROOT = os.path.join(_basedir, "site", "www")
+SITE_ROOT = "/home/kirsle/git/kirsle.net/www"
# E-mail addresses for site notifications (i.e. new comments).
-NOTIFY_ADDRESS = ["root@localhost"]
+NOTIFY_ADDRESS = ["root@kirsle.net"]
# Set this to true if you want your app to force use of SSL. This will also turn
# on Flask's secure-only session cookies.
-FORCE_SSL = False
+FORCE_SSL = True
# Secret key used for session cookie signing. Make this long and hard to guess.
#
@@ -50,14 +50,14 @@
DB_ROOT = "db"
REDIS_HOST = "localhost"
REDIS_PORT = 6379
-REDIS_DB = 0
+REDIS_DB = 1
REDIS_PREFIX = "rophako:"
# Mail settings
MAIL_METHOD = "smtp" # or "sendmail", not yet implemented
MAIL_SERVER = "localhost"
MAIL_PORT = 25
-MAIL_SENDER = "Rophako CMS <no-reply@rophako.kirsle.net>"
+MAIL_SENDER = "Kirsle.net <no-reply@kirsle.net>"
# Emoticon theme used for blog posts and comments. Should exist at the URL
# "/static/smileys" from your document root, and have a file named
@@ -97,7 +97,7 @@
# The path to where uploaded photos will be stored.
# The PRIVATE path is from the perspective of the server file system.
# The PUBLIC path is from the perspective of the web browser via HTTP.
-PHOTO_ROOT_PRIVATE = os.path.join(_basedir, "site", "www", "static", "photos")
+PHOTO_ROOT_PRIVATE = "/home/kirsle/www/static/photos"
PHOTO_ROOT_PUBLIC = "/static/photos"
PHOTO_DEFAULT_ALBUM = "My Photos" # Default/fallback album name.
@@ -135,3 +135,6 @@
load_plugin("rophako.modules.comment")
load_plugin("rophako.modules.emoticons")
load_plugin("rophako.modules.contact")
\ No newline at end of file
+
+# Kirsle legacy endpoints
+load_plugin("kirsle_legacy", as_blueprint=False)

22
settings.ini Normal file
View File

@ -0,0 +1,22 @@
[DEFAULT]
_admin_email = root@kirsle.net
[site]
site_name = kirsle.net
site_root = /home/kirsle/git/kirsle.net/www
[security]
force_ssl = true
secret_key = make me something random
[db]
redis_db = 1
[mail]
sender = Kirsle.net <no-reply@kirsle.net>
[photo]
root_private = /home/kirsle/www/static/photos
[plugins]
custom = kirsle_legacy

View File

@ -4,9 +4,8 @@
<h1>About Me</h1>
<table border="0" cellspacing="0" cellpadding="8">
<tr>
<td align="left" valign="top">
<div class="row">
<div class="col-md-2">
<img src="/static/photos/ff7ec4f5.jpg" width="256" height="256" alt="Kirsle" class="portrait"><p>
<table border="0" cellspacing="0" cellpadding="4">
@ -46,8 +45,9 @@
</table><p>
&#0164; <a href="/contact">Send me an e-mail</a>
</td>
<td align="left" valign="top">
</div>
<div class="col-md-10">
<h2>Hello world!</h2>
My name is <strong>Noah</strong> and this is my website. I am a software engineer who lives in
@ -111,8 +111,7 @@
The CMS supports a web blog, photo albums, comments, and subscriptions to comments
(so that your guests can watch a comment thread for future posts by others). I'm
always improving it and adding new features.
</td>
</tr>
</table>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,25 @@
{# Custom category list for kirsle.net <ul>-based design #}
{% for tag in tags %}
{% if not tag["small"] %}
<li>&#0187; <a href="{{ url_for('blog.category', category=tag['category']) }}">{{ tag['category'] }}</a>
<small>({{ tag['count'] }})</small></li>
{% endif %}
{% endfor %}
{% if has_small %}
</ul><!-- end list from layout.html -->
<div id="blog_show_more" style="display: none">
<ul>
{% for tag in tags %}
{% if tag["small"] %}
<li>&#0187; <a href="{{ url_for('blog.category', category=tag['category']) }}">{{ tag['category'] }}</a>
<small>({{ tag['count'] }})</small></li>
{% endif %}
{% endfor %}
</ul>
</div>
<div id="blog_show_less" style="display: block">
<ul>
<li>&#0164; <a href="#" onClick="$('#blog_show_less').hide(); $('#blog_show_more').show(1000); return false">Show more...</a></li>
</ul>
</div>
{% endif %}

View File

@ -8,7 +8,7 @@ You can use the form below to send me an e-mail. Alternatively you can contact
me on an instant messenger:
<blockquote>
<table border="0" cellspacing="0" cellpadding="4">
<table class="table" style="width: auto" border="0" cellspacing="4" cellpadding="4">
<tr>
<td>
<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
@ -43,7 +43,7 @@ me on an instant messenger:
</td>
</tr>
</table>
</blockquote><p>
</blockquote>
Things that you <strong>SHOULD NOT</strong> use this form for:
@ -55,44 +55,31 @@ Things that you <strong>SHOULD NOT</strong> use this form for:
For anything else:<p>
<form name="contact" action="{{ url_for('contact.send') }}" method="POST">
<blockquote>
<input type="hidden" name="token" value="{{ csrf_token() }}">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="50%" align="left" valign="middle">
<strong>Your name:</strong><br>
<small>(so I know who you are)</small><br>
<input type="text" size="40" name="name">
</td>
<td width="50%" align="left" valign="middle">
<input type="text" class="form-control" size="40" name="name"><p>
<strong>Your email:</strong><br>
<small>(if you want a response)</small><br>
<input type="email" size="40" name="email">
</td>
</tr>
<tr>
<td colspan="2" align="left" valign="middle">
<input type="email" class="form-control" size="40" name="email"><p>
<strong>Message subject:</strong><br>
<small>(optional)</small><br>
<input type="text" size="40" name="subject" style="width: 100%"><p>
<input type="text" class="form-control" size="40" name="subject" style="width: 100%"><p>
<strong>Message:</strong><br>
<small>(required)</small><br>
<textarea cols="40" rows="12" name="message" style="width: 100%"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="right" valign="middle">
<button type="submit">Send Message</button>
</td>
</tr>
</table>
<textarea class="form-control" cols="40" rows="12" name="message" style="width: 100%"></textarea><p>
<button type="submit" class="btn btn-primary">Send Message</button>
<div style="display: none">
If you can see these boxes, don't touch them.<br>
<input type="text" size="40" name="contact" value=""><br>
<input type="text" size="40" name="website" value="http://">
</div>
</blockquote>
</form>
{% endblock %}

442
www/css/bootstrap-theme.css Normal file
View File

@ -0,0 +1,442 @@
/*!
* Bootstrap v3.2.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:active,
.btn.active {
background-image: none;
}
.btn-default {
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-default:disabled,
.btn-default[disabled] {
background-color: #e0e0e0;
background-image: none;
}
.btn-primary {
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2));
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #2d6ca2;
background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
background-color: #2d6ca2;
border-color: #2b669a;
}
.btn-primary:disabled,
.btn-primary[disabled] {
background-color: #2d6ca2;
background-image: none;
}
.btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #419641;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-success:disabled,
.btn-success[disabled] {
background-color: #419641;
background-image: none;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.btn-info:disabled,
.btn-info[disabled] {
background-color: #2aabd2;
background-image: none;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-warning:disabled,
.btn-warning[disabled] {
background-color: #eb9316;
background-image: none;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.btn-danger:disabled,
.btn-danger[disabled] {
background-color: #c12e2a;
background-image: none;
}
.thumbnail,
.img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #357ebd;
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: -o-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3));
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
background-image: -o-linear-gradient(top, #222 0%, #282828 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#282828));
background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x;
border-color: #b2dba1;
}
.alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x;
border-color: #9acfea;
}
.alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x;
border-color: #f5e79e;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x;
border-color: #dca7a7;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: -o-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.list-group {
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
text-shadow: 0 -1px 0 #3071a9;
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: -o-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3));
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x;
border-color: #3278b3;
}
.panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd));
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x;
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x;
}
.well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
/*# sourceMappingURL=bootstrap-theme.css.map */

File diff suppressed because one or more lines are too long

5
www/css/bootstrap-theme.min.css vendored Normal file

File diff suppressed because one or more lines are too long

6203
www/css/bootstrap.css Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

5
www/css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 377 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 619 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 348 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 B

View File

@ -0,0 +1,149 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Cuvou.com</title>
<link rel="StyleSheet" type="text/css" media="screen" href="/designs/cosmos/screen.css">
</head>
<body>
<div class="cv-content-wrapper">
<div class="cv-content-eyecandy">
<div class="cv-content-topedge">
<div class="cv-content-brdrne"></div>
</div>
<div class="cv-content-left">
<div class="cv-content-right">
<div class="cv-content-botedge">
<div class="cv-content-brdrsw">
<div class="cv-content-brdrse">
<div class="cv-content-body">
<h1 class="top">Cuvou.com Cosmos</h1>
This was the final web design for Cuvou.com, after
<a href="/designs/storm">Storm</a> and before
<a href="/designs/solar">Kirsle.net Solar</a> (the first iteration, anyway).
<p>
<h2>Heading Level 2</h2>
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. <a href="#">Fusce consectetuer</a>, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<pre>Preformatted
T e x t . i</pre>
<h3>Heading Level 3</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<h4>Heading Level 4</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cv-starburst">
<div class="cv-logo">
<a href="#"><img src="/designs/cosmos/logo.jpg" width="403" height="145"></a>
</div>
</div>
<div class="cv-leftnav-wrapper">
<div class="cv-leftnav-panel">
<div class="cv-leftnav-body">
<div class="cv-nav-section">Cuvou.com</div>
&#0187; <a href="#">Homepage</a><br>
&#0187; <a href="#">About Me</a>
<div class="cv-nav-section">Nav Section</div>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a>
<div class="cv-nav-section">Nav Section</div>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a>
<div class="cv-nav-section">Nav Section</div>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a>
<div class="cv-nav-section">Nav Section</div>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a>
<div class="cv-nav-section">Nav Section</div>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a>
<div class="cv-nav-section">Nav Section</div>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a><br>
&#0187; <a href="#">Links</a>
</div>
</div>
<div class="cv-leftnav-foot"></div>
</div>
</body>
</html>

BIN
www/designs/cosmos/logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -0,0 +1,268 @@
body {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
}
a:link, a:visited {
color: #0000FF;
text-decoration: underline;
}
a:hover, a:active {
color: #FF0000
}
.cv-leftnav-body a:link, .cv-leftnav-body a:visited {
display: none
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
color: #FFFFFF
}
h1.top, h2.top, h3.top, h4.top {
margin-top: 0px;
}
h1 {
margin-top: 0px;
font-size: 24pt
}
h2 {
font-size: 18pt
}
h3 {
font-size: 18pt;
font-style: italic
}
h4 {
font-size: 16pt;
font-style: italic
}
pre {
display: inline;
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bistream Vera Sans Mono",monospace;
font-size: 10pt;
color: #006666
}
pre.notes {
/* No special styles needed */
}
code {
display: inline;
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bistream Vera Sans Mono",monospace;
font-size: 9pt;
color: #006666
}
/* A logo for the printed page */
.logo-printed {
display: block;
text-align: center;
font-family: "Trebuchet MS","Verdana","Arial",sans-serif;
font-size: 36pt;
font-weight: bold;
border-bottom: 2px solid #000000;
margin-bottom: 24px
}
.logo-printed small {
font-size: 12pt
}
/* Copyright block */
.copyright {
text-align: center;
font-size: x-small;
font-weight: bold;
color: #000000;
margin-top: 50px
}
/******************************************************************************
* Software Design Styles *
******************************************************************************/
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
.sw-tab-wrapper {
display: block
}
.sw-tab-top {
padding-left: 16px;
}
.sw-tab-frame {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999
}
.sw-tab-content {
padding: 5px
}
.sw-tab-active {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
margin-right: 10px
}
.sw-tab-normal {
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
margin-right: 10px
}
.sw-tab-active span, .sw-tab-normal span {
padding-left: 4px;
padding-right: 4px
}
.sw-tab-active a:link, .sw-tab-active a:visited,
.sw-tab-normal a:link, .sw-tab-normal a:visited {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
font-weight: normal;
text-decoration: none;
}
/******************************************************************************
* Starburst CMS Mandated Style Classes for the Web Blog *
******************************************************************************/
.sblog-title {
display: block;
margin-bottom: 0px;
margin-top: 15px;
font-size: 24pt;
font-weight: bold
}
.sblog-title a:link, .sblog-title a:visited {
color: #000000;
text-decoration: none
}
.sblog-title a:hover, .sblog-title a:active {
color: #000000;
text-decoration: underline
}
/******************************************************************************
* Cuvou.com Web Design Styles *
******************************************************************************/
/*-------------------------------------*
* Background and Logo Styles *
*-------------------------------------*/
/* The main starburst BG image */
.cv-starburst {
display: none
}
/* The container for the logo */
.cv-logo {
display: none
}
/*-------------------------------------*
* Left Navigation Bar *
*-------------------------------------*/
/* The wrapper that holds the left navigation panel */
.cv-leftnav-wrapper {
display: none
}
/* This has the BG image for the top part of the nav bar */
.cv-leftnav-panel {
display: none
}
/* This div holds the actual text of the navigation bar */
.cv-leftnav-body {
display: none
}
/* This is the footer of the nav bar */
.cv-leftnav-foot {
display: none
}
/* Header sections on the navigation bar */
.cv-nav-section {
display: none
}
.subsection {
display: none
}
/*-------------------------------------*
* Main Content Panel *
*-------------------------------------*/
/* The overall wrapper for the content panel */
.cv-content-wrapper {
display: inline
}
/* Provide the eye candy background image */
.cv-content-eyecandy {
display: inline
}
/* Top edge of the window */
.cv-content-topedge {
display: inline
}
/* Abs positioned top right border corner */
.cv-content-brdrne {
display: inline
}
/* Provides the left border to the content area */
.cv-content-left {
display: inline
}
/* Adds the right border to the content area */
.cv-content-right {
display: inline
}
/* The wrapper for the actual body area */
.cv-content-body {
display: inline
}
/* Bottom edge of the window */
.cv-content-botedge {
display: inline
}
/* Abs position the bottom left border corner */
.cv-content-brdrsw {
display: inline
}
/* Abs position the bottom right border corner */
.cv-content-brdrse {
display: inline
}

View File

@ -0,0 +1,344 @@
body {
background-color: #000000;
background-image: url("starrysky.jpg");
background-repeat: repeat;
background-position: top left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #CCCCCC;
margin: 0px;
margin-bottom: 20px
}
a:link, a:visited {
color: #99CCFF;
text-decoration: underline;
}
a:hover, a:active {
color: #FFCCFF
}
.cv-leftnav-body a:link, .cv-leftnav-body a:visited {
font-weight: bold;
font-size: x-small
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
color: #FFFFFF
}
h1.top, h2.top, h3.top, h4.top {
margin-top: 0px;
}
h1 {
margin-top: 0px;
font-size: 24pt;
font-weight: bold
}
h2 {
font-size: 18pt
}
h3 {
font-size: 18pt;
font-style: italic
}
h4 {
font-size: 16pt;
font-style: italic
}
pre {
display: block;
border: 1px dashed #CCCCCC;
padding: 5px;
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bistream Vera Sans Mono",monospace;
font-size: 10pt;
color: #00CCCC
}
pre.notes {
height: 300px;
overflow: auto
}
code {
display: inline;
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bistream Vera Sans Mono",monospace;
font-size: 9pt;
color: #00CCCC
}
/* A logo for the printed page */
.logo-printed {
display: none
}
/* Copyright block */
.copyright {
text-align: center;
font-size: x-small;
font-weight: bold;
color: #999999;
margin-top: 50px
}
/******************************************************************************
* Software Design Styles *
******************************************************************************/
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
.sw-tab-wrapper {
display: block
}
.sw-tab-top {
padding-left: 16px;
}
.sw-tab-frame {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999
}
.sw-tab-content {
padding: 5px
}
.sw-tab-active {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
margin-right: 10px
}
.sw-tab-normal {
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
margin-right: 10px
}
.sw-tab-active span, .sw-tab-normal span {
padding-left: 4px;
padding-right: 4px
}
.sw-tab-active a:link, .sw-tab-active a:visited,
.sw-tab-normal a:link, .sw-tab-normal a:visited {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
font-weight: normal;
text-decoration: none;
}
/******************************************************************************
* Starburst CMS Mandated Style Classes for the Web Blog *
******************************************************************************/
.sblog-title {
display: block;
margin-bottom: 0px;
margin-top: 15px;
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 24pt;
font-weight: bold
}
.sblog-title a:link, .sblog-title a:visited {
color: #FFFFFF;
text-decoration: none
}
.sblog-title a:hover, .sblog-title a:active {
color: #FFFFFF;
text-decoration: underline
}
/******************************************************************************
* Cuvou.com Web Design Styles *
******************************************************************************/
/*-------------------------------------*
* Background and Logo Styles *
*-------------------------------------*/
/* The main starburst BG image */
.cv-starburst {
z-index: 100;
position: absolute;
top: 0px;
left: 0px;
width: 750px;
height: 579px;
background-image: url("starburst.jpg");
background-repeat: no-repeat;
background-position: top left
}
/* The container for the logo */
.cv-logo {
z-index: 150;
position: absolute;
top: 0px;
left: 236px;
width: 403px;
height: 145px;
padding: 0px
}
/*-------------------------------------*
* Left Navigation Bar *
*-------------------------------------*/
/* The wrapper that holds the left navigation panel */
.cv-leftnav-wrapper {
z-index: 200;
position: absolute;
top: 159px;
left: 25px;
width: 174px
}
/* This has the BG image for the top part of the nav bar */
.cv-leftnav-panel {
width: 174px;
background-image: url("navbody.jpg");
background-repeat: repeat-y;
background-position: top left;
/* margin-bottom: 20px */
/* Adds some padding to the end of the bar */
}
/* This div holds the actual text of the navigation bar */
.cv-leftnav-body {
background-image: url("navtop.jpg");
background-repeat: no-repeat;
background-position: top left;
padding: 4px
}
/* This is the footer of the nav bar */
.cv-leftnav-foot {
background-image: url("navfoot.jpg");
background-repeat: no-repeat;
background-position: top left;
width: 174px;
height: 11px
}
/* Header sections on the navigation bar */
.cv-nav-section {
display: block;
text-align: center;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 14pt;
color: #FFFFFF;
font-weight: bold;
border-bottom: 1px solid #FFFFFF
}
.subsection {
text-align: center;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 10pt;
font-weight: bold;
border-bottom: 1px dashed #999999;
color: #CCCCCC
}
/*-------------------------------------*
* Main Content Panel *
*-------------------------------------*/
/* The overall wrapper for the content panel */
.cv-content-wrapper {
z-index: 300;
position: absolute;
top: 159px;
left: 224px;
right: 20px;
background-image: url("body-shadow.jpg");
background-repeat: repeat;
background-position: top left
}
/* Provide the eye candy background image */
.cv-content-eyecandy {
background-image: url("body-topleft.jpg");
background-repeat: no-repeat;
background-position: top left
}
/* Top edge of the window */
.cv-content-topedge {
height: 12px;
margin-left: 11px;
background-image: url("border-north.png");
background-repeat: repeat-x;
background-position: top left
}
/* Abs positioned top right border corner */
.cv-content-brdrne {
position: absolute;
top: 0px;
right: 0px;
width: 11px;
height: 12px;
background-image: url("border-ne.png");
background-repeat: no-repeat;
background-position: top left
}
/* Provides the left border to the content area */
.cv-content-left {
background-image: url("border-west.png");
background-repeat: repeat-y;
background-position: top left;
}
/* Adds the right border to the content area */
.cv-content-right {
background-image: url("border-east.png");
background-repeat: repeat-y;
background-position: top right;
}
/* The wrapper for the actual body area */
.cv-content-body {
padding-top: 0px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
}
/* Bottom edge of the window */
.cv-content-botedge {
background-image: url("border-south.png");
background-repeat: repeat-x;
background-position: bottom left
}
/* Abs position the bottom left border corner */
.cv-content-brdrsw {
background-image: url("border-sw.png");
background-repeat: no-repeat;
background-position: bottom left
}
/* Abs position the bottom right border corner */
.cv-content-brdrse {
background-image: url("border-se.png");
background-repeat: no-repeat;
background-position: bottom right
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

129
www/designs/index.html Normal file
View File

@ -0,0 +1,129 @@
{% extends "layout.html" %}
{% block title %}Web Design{% endblock %}
{% block content %}
<h1>Web Design</h1>
Here you can find an archive of some past web designs used for my personal
website, in chronological order.<p>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/lavender" target="_blank">
<img src="/designs/screenshots/lavender.t.png" alt="Lavender" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/lavender" target="_blank">Cuvou.com Lavender</a><p>
This was the first web design for Cuvou.com, which was the domain I was
using for my personal website somewhere around the year 2006.
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/starburst" target="_blank">
<img src="/designs/screenshots/starburst.t.png" alt="Starburst" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/starburst" target="_blank">Cuvou.com Starburst</a><p>
This was the second redesign for Cuvou.com. It featured lighter shades
of blue to improve the readability of the pages. I named it Starburst
both for the visual look of the theme, and because it was the name of
the Perl CMS I was programming to run Cuvou.com.
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/storm" target="_blank">
<img src="/designs/screenshots/storm.t.png" alt="Storm" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/storm" target="_blank">Cuvou.com Storm</a><p>
This was the third design. I didn't end up liking it very much and
quickly replaced it.
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/cosmos" target="_blank">
<img src="/designs/screenshots/cosmos.t.png" alt="Cosmos" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/cosmos" target="_blank">Cuvou.com Cosmos</a><p>
This was the final redesign for Cuvou.com and features an outer space
style theme, while still keeping the blue and pink color scheme.
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/solar" target="_blank">
<img src="/designs/screenshots/solar.t.png" alt="Solar" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/solar" target="_blank">Kirsle.net Solar</a><p>
This was the original "Solar" theme for Kirsle.net, which was the next
logical upgrade from the Cosmos theme. This first iteration used static,
flat images for every part of the design: though the design looks like
it has transparent backgrounds, they were actually pre-rendered, because
I wanted to support Internet Explorer 6 and it couldn't handle alpha
channels in PNG images.<p>
I actually lost my copy of this template and had to dig it up on
<a href="http://www.archive.org/">The Internet Archive</a> and piece it
back together.
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/solar-html5" target="_blank">
<img src="/designs/screenshots/solar-html5.t.png" alt="Solar HTML5" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/solar-html5" target="_blank">Kirsle.net Solar (HTML5)</a><p>
An HTML5/CSS3 refresh of the Kirsle.net Solar theme. I started using
CSS3 for the rounded panel borders and transparent PNGs for the panel
background colors, breaking compatibility with MSIE 6.0.<p>
This design went live on Kirsle.net on May 12, 2010.
<a href="/blog/entry/design-refresh">Relevant blog post</a>.
</div>
</div>
<br>
<div class="row">
<div class="col-md-4 center">
<a href="/designs/solar-bootstrap" target="_blank">
<img src="/designs/screenshots/solar-bootstrap.t.png" alt="Solar Bootstrap" class="portrait">
</a>
</div>
<div class="col-md-8">
<a href="/designs/solar-bootstrap" target="_blank">Kirsle.net Solar (Bootstrap)</a><p>
Another design refresh that uses Twitter Bootstrap as the layout engine,
improving compatibility with mobile browsers. This design went live on
October 15, 2014.
</div>
</div>
{% endblock %}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,208 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Cuvou.com</title>
<link rel="StyleSheet" type="text/css" media="screen" href="/designs/lavender/screen.css">
<link rel="StyleSheet" type="text/css" media="print" href="/designs/lavender/print.css">
</head>
<body>
<div style="display: none">
<a href="aelita/"><small>Don't Click Here</small></a>
<a href="aelita/guestbook/"><small>.</small></a>
<a href="aelita/guestbook/post/"><small>.</small></a>
<a href="aelita/guestbook/contact/"><small>.</small></a>
<a href="aelita/guestbook/email/"><small>.</small></a>
<a href="aelita/guestbook/message/"><small>.</small></a>
</div>
<div class="leader">
<img src="/designs/lavender/cuvou.gif" alt="Cuvou">
</div>
<div class="navstrip">
<div class="navi">
<div class="navhead">Cuvou</div>
&#0187; <a href="#link?module=index">Homepage</a><br>
&#0187; <a href="#link?module=guestbook">Guestbook</a><br>
&#0187; <a href="#link?module=map">Site Map</a><br>
&#0187; <a href="#http://www.project-fearless.com/">Project Fearless</a>
<div class="navhead">Author</div>
&#0187; <a href="#link?module=cuvou">Biography</a><br>
&#0187; <a href="#link?module=pics">Pictures</a><br>
&#0187; <a href="#link?module=contact">Contact</a>
<div class="navhead">Creativity</div>
&#0187; <a href="#link?module=render">3D Rendered</a><br>
&#0187; <a href="#link?module=flash">Flash Animation</a><br>
&#0187; <a href="#link?module=fonts">TrueType Fonts</a><br>
&#0187; <a href="#link?module=philosophy">Philosophy</a>
<div class="navhead">Software</div>
&#0187; <a href="#link?module=distro">[Distro Help]</a><br>
&#0187; <a href="#link?module=pccc">CyanChat Client</a><br>
&#0187; <a href="#link?module=azulenc">Azulian Encoder</a><br>
&#0187; <a href="#link?module=errorgen">Error Generator</a><br>
&#0187; <a href="#link?module=tkcalc">Tk Calculator</a><br>
&#0187; <a href="#link?module=terminal">Terminal Apps</a><br>
&#0187; <a href="#link?module=metacity">Metacity</a><br>
&#0187; <a href="#link?module=apps">Misc. Apps</a>
<div class="navhead">Articles</div>
&#0187; <a href="#link?module=ubuntu">To Ubuntu</a><br>
&#0187; <a href="#link?module=acer">Aspire 5050</a>
<div class="navhead">Projects</div>
&#0187; <a href="#link?module=tkhtml">Tk HTML</a><br>
&#0187; <a href="#perlaim/dev.html">PerlAIM</a>
<div class="navhead">Web Tools</div>
&#0187; <a href="/wizards/translator.html">Azulian Web Enc.</a>
<div class="navhead">E-Mail</div>
&#0187; <a href="#http://mail.live.com">Check E-Mail</a><br>
&#0187; <a href="#https://domains.live.com/members/signup.aspx?domain=cuvou.net">Sign Up</a><p>
&#0187; <a href="#link?module=referer">HTTP Referrers</a><br>
&#0187; <a href="#link?module=agents">User Agents</a><br>
&#0187; <a href="#link?module=stats">File Popularity</a>
<div style="text-align: center">
<a href="http://validator.w3.org/check?uri=referer">
<img src="/designs/lavender/html.png" width="88" height="31" alt="HTML 4.01 Strict">
</a><br>
<a href="http://jigsaw.w3.org/css-validator/">
<img src="/designs/lavender/css.png" width="88" height="31" alt="Valid CSS">
</a><br>
<a href="http://www.perl.com/">
<img src="/designs/lavender/perl.png" width="88" height="31" alt="Powered by Perl">
</a><br>
<a href="http://www.fedoraproject.org/">
<img src="/designs/lavender/fedora.png" width="88" height="31" alt="Powered by Fedora">
</a>
</div>
</div>
</div>
<div class="wrapper">
<h1>Cuvou.com Lavender</h1>
This is the original web design for Cuvou.com, codenamed Lavender. This
design was later replaced with <a href="/designs/starburst">Starburst</a>.
<h1>Heading Level 1</h1>
And some text.
<h2>Heading Level 2</h2>
And more text.
<h3>Heading Level 3</h3>
And some more text.
<h4>Heading Level 4</h4>
And even more text.<p>
<pre>And
preformatted
text!</pre>
</div>
<p>&nbsp;
<div class="copyright">
All content on this website is original and is copyright &#0169; 2007 Casey Kirsle.<br>
Use content only with permission.
<p>&nbsp;
</div>
<script type="text/javascript">
/*
##########################################################
# Hyperlink Editor Script || Copyright 2007 Casey Kirsle #
#--------------------------------------------------------#
# This script makes all offsite links open in a new #
# window, and turns all e-mail links in the format of #
# "name-at-domain.com" into "name\@domain.com" #
#--------------------------------------------------------#
# Use content only with permission. Get permission from #
# casey "at" cuvou.org #
##########################################################
*/
// var localAddr = new Array();
// localAddr[0] = "cuvou.com";
// localAddr[1] = "www.cuvou.com";
// localAddr[2] = "cuvou.net";
// localAddr[3] = "www.cuvou.net";
// localAddr[4] = "cuvou.org";
// localAddr[5] = "www.cuvou.org";
// localAddr[6] = "upsilon.cuvou.com";
// if (document.getElementsByTagName) {
// var links = document.getElementsByTagName("a");
// for (var i = 0; i < links.length; i++) {
// var loc = links[i].href;
// var parts = loc.split ("/"); // http, null, domain name, request
// var prot = parts[0].split(":");
// var protocol = prot[0];
// protocol.toLowerCase;
// if (protocol == "http" || protocol == "https") {
// // This is an absolute URL.
// var isLocal = 0;
// for (var j = 0; j < localAddr.length; j++) {
// if (parts[2] == localAddr[j]) {
// isLocal = 1;
// }
// }
// if (isLocal == 1) {
// // Local links don't need to be modified.
// }
// else {
// // Remote links need to open in a new window.
// links[i].target = "_blank";
// }
// }
// else if (protocol == "mailto") {
// // MailTo link. See if this isn't a normal link.
// if (loc.indexOf("-at-") > -1) {
// var newhref = loc.split("-at-").join("@");
// links[i].href = newhref;
// // Convert it in the text too.
// if (links[i].innerHTML.indexOf("-at-") > -1) {
// var mailLabel = links[i].innerHTML.split("-at-");
// var newLabel = mailLabel.join ("@");
// links[i].innerHTML = newLabel;
// }
// }
// }
// else if (protocol == "msnim") {
// if (loc.indexOf("-at-") > -1) {
// var newhref = loc.split("-at-").join("@");
// links[i].href = newhref;
// // Convert it in the text too.
// if (links[i].innerHTML.indexOf("-at-") > -1) {
// var mailLabel = links[i].innerHTML.split("-at-");
// var newLabel = mailLabel.join ("@");
// links[i].innerHTML = newLabel;
// }
// }
// }
// }
// }
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,73 @@
body {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
margin-left: 100px;
margin-top: 130px;
margin-right: 100px;
margin-bottom: 0px
}
a:link, a:visited, a:hover, a:active {
font-weight: bold;
color: #502000;
text-decoration: underline
}
a:link:after, a:visited:after, a:hover:after, a:active:after {
content: " (" attr(href) ") ";
font-size: smaller
}
h1 {
font-family: Arial,Helvetica,sans-serif;
font-size: 36pt;
font-weight: bold;
font-style: italic;
margin-bottom: 20px;
margin-top: 20px
}
h2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 18pt;
font-weight: bold;
font-style: italic;
margin-bottom: 20px;
margin-top: 20px
}
pre {
font-family: "Courier New",Courier,monospace;
font-size: small;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
display: block;
padding: 2px
}
.leader {
display: none
}
.printleader {
position: absolute;
left: 100px;
right: 100px;
top: 30px;
text-align: center;
border-bottom: 2px solid #000000
}
.navstrip {
display: none
}
.navi {
display: none
}
.navhead {
display: none
}
.copyright {
text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: smaller;
font-weight: bold
}
.wrapper {
display: inline
}

View File

@ -0,0 +1,123 @@
body {
background-image: url(starburst.jpg);
background-repeat: no-repeat;
background-color: #0099FF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
margin-left: 220px;
margin-top: 130px;
margin-right: 25px;
margin-bottom: 0px
}
a:link, a:visited {
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}
a:hover, a:active {
font-weight: bold;
color: #FFFFFF;
text-decoration: underline
}
a:link img, a:visited img, a:hover img, a:active img {
border: 0px
}
img.left {
float: left
}
img.right {
float: right
}
.center {
text-align: center
}
h1 {
font-family: Arial,Helvetica,sans-serif;
font-size: 36pt;
font-weight: bold;
font-style: italic;
margin-bottom: 20px;
margin-top: 20px
}
h2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 24pt;
font-weight: bold;
font-style: italic;
margin-bottom: 20px;
margin-top: 20px
}
h3 {
font-family: Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
margin-bottom: 20px;
margin-top: 20px
}
pre {
font-family: "Courier New",Courier,monospace;
font-size: small;
color: #000000;
background-color: #EEEEFF;
border: 1px solid #000000;
display: block;
padding: 2px
}
pre.notes {
height: 300px;
overflow: auto
}
.leader {
position: absolute;
left: 300px;
top: 30px;
}
.printleader {
display: none
}
.navstrip {
position: absolute;
left: 31px;
top: 129px;
width: 150px;
background-image: url(navbg.png);
background-repeat: repeat-y;
border-bottom: 3px solid #036BB2
}
.navi {
background-image: url(navi.png);
background-repeat: repeat-x;
color: #FFFFFF;
padding: 5px
}
.navhead {
font-family: Arial,Helvetica,sans-serif;
text-align: center;
font-weight: bold;
font-size: large;
color: #00FFFF;
border-bottom: 1px solid #00FFFF;
margin-left: 20px;
margin-right: 20px
}
.copyright {
text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: smaller;
font-weight: bold
}
.wrapper {
display: inline
}
.dltab {
width: 700px;
border: 1px solid #000000
}
.dltab th {
width: 25%
}
.dltab td {
border: 1px solid #000000;
width: 25%
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 802 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,82 @@
/* Syntax highlighting classes for markdown codehilite plugin, which uses
Pygments. This file was generated by doing this in the Python shell:
>>> from pygments.formatters import HtmlFormatter
>>> fh = open("codehilite.css", "w")
>>> fh.write(HtmlFormatter().get_style_defs(".codehilite"))
>>> fh.close()
*/
.codehilite .hll { background-color: #ffffcc }
.codehilite { background: #f8f8f8; }
.codehilite .c { color: #408080; font-style: italic } /* Comment */
.codehilite .err { border: 1px solid #FF0000 } /* Error */
.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
.codehilite .o { color: #666666 } /* Operator */
.codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
.codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
.codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
.codehilite .gd { color: #A00000 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gr { color: #FF0000 } /* Generic.Error */
.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.codehilite .gi { color: #00A000 } /* Generic.Inserted */
.codehilite .go { color: #888888 } /* Generic.Output */
.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.codehilite .gt { color: #0044DD } /* Generic.Traceback */
.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.codehilite .kp { color: #008000 } /* Keyword.Pseudo */
.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.codehilite .kt { color: #B00040 } /* Keyword.Type */
.codehilite .m { color: #666666 } /* Literal.Number */
.codehilite .s { color: #BA2121 } /* Literal.String */
.codehilite .na { color: #7D9029 } /* Name.Attribute */
.codehilite .nb { color: #008000 } /* Name.Builtin */
.codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.codehilite .no { color: #880000 } /* Name.Constant */
.codehilite .nd { color: #AA22FF } /* Name.Decorator */
.codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
.codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.codehilite .nf { color: #0000FF } /* Name.Function */
.codehilite .nl { color: #A0A000 } /* Name.Label */
.codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
.codehilite .nv { color: #19177C } /* Name.Variable */
.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
.codehilite .mf { color: #666666 } /* Literal.Number.Float */
.codehilite .mh { color: #666666 } /* Literal.Number.Hex */
.codehilite .mi { color: #666666 } /* Literal.Number.Integer */
.codehilite .mo { color: #666666 } /* Literal.Number.Oct */
.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
.codehilite .sc { color: #BA2121 } /* Literal.String.Char */
.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
.codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
.codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.codehilite .sx { color: #008000 } /* Literal.String.Other */
.codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
.codehilite .ss { color: #19177C } /* Literal.String.Symbol */
.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #19177C } /* Name.Variable.Class */
.codehilite .vg { color: #19177C } /* Name.Variable.Global */
.codehilite .vi { color: #19177C } /* Name.Variable.Instance */
.codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */
/* Dark theme overrides --Kirsle */
.codehilite { background-color: transparent }
.codehilite .nf { color: #0099FF }
.codehilite .sd { color: #FF99FF }
.codehilite .s { color: #FF4400 }
.codehilite .nv { color: #0099FF }
.codehilite .sx,
.codehilite .k,
.codehilite .nb { color: #00BB00 }
.codehilite .nn { color: #00CCCC }

Binary file not shown.

After

Width:  |  Height:  |  Size: 805 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1005 B

View File

@ -0,0 +1,266 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Solar Bootstrap - Kirsle.net</title>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/bootstrap-theme.min.css">
<!-- Kirsle.net Solar -->
<link rel="stylesheet" type="text/css" media="screen" href="/designs/solar-bootstrap/ui.css">
<link rel="stylesheet" type="text/css" media="print" href="/designs/solar-bootstrap/print.css">
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/monokai.css">
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/vim-syntax.css">
<link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="mobile-nav">
<a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a>
</div>
<div class="k-supernova"></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 col-md-offset-3">
<div class="k-kirsle" onclick="self.location='/'"></div>
</div>
</div>
<div class="row">
<div class="col-sm-10 col-sm-push-2">
<div class="k-content-panel">
<h1>Kirsle.net Solar (Bootstrap)</h1>
This is another design refresh for Kirsle.net Solar that uses Twitter
Bootstrap as its layout engine, making it work better on mobile. Resize
the browser window and see how the site reacts.<p>
This design went live on Kirsle.net on October 15, 2014. It replaced
the previous version of the <a href="/designs/solar-html5">Solar</a> theme.
<h2>Heading Level 2</h2>
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. <a href="#">Fusce consectetuer</a>, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<pre>Preformatted
T e x t . i</pre>
<h3>Heading Level 3</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<h4>Heading Level 4</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<div class="k-copyright">
Copyright &copy; 2014 Noah Petherbridge &mdash; All rights reserved<br>
Powered by <a href="http://rophako.kirsle.net/" target="_blank">Rophako</a> v0.01 -
Hosted by <a href="#">DigitalOcean</a><br>
Page generated in 0.001s.
</div>
</div>
</div>
<div class="col-sm-2 col-sm-pull-10">
<div class="k-navpanel">
<a name="navbar"></a>
<div class="k-section">Kirsle</div>
<ul>
<li>&#0187; <a href="#/">Homepage</a> (<a href="#">RSS</a>)</li>
<li>&#0187; <a href="#/about">About Me</a></li>
<li>&#0187; <a href="#/photos/albums">Photo Albums</a></li>
<li>&#0187; <a href="#/guestbook">Guestbook</a></li>
<li>&#0187; <a href="#/contact">Contact Me</a></li>
</ul>
<div class="k-section">Channels</div>
<ul>
<li>&#0187; <a href="#">Blog Archives</a></li>
</ul>
<div class="k-section">Creativity</div>
<ul>
<li>&#0187; <a href="#/rendering">3D Renderings</a></li>
<li>&#0187; <a href="#/flash">Flash Animation</a></li>
<li>&#0187; <a href="#/javascript">JavaScript</a></li>
<li>&#0187; <a href="#/fonts">Fonts</a></li>
<li>&#0187; <a href="#/metacity">Metacity</a></li>
<li>&#0187; <a href="#/doc/">Tutorials</a></li>
<li>&#0187; <a href="#/designs">Web Design</a></li>
</ul>
<div class="k-section">Software</div>
<ul>
<li>&#0187; <a href="#/rivescript">RiveScript</a></li>
<li>&#0187; <a href="#/errorgen">Error Generator</a></li>
<li>&#0187; <a href="#/tkcalc">Tk Calculator</a></li>
<li>&#0187; <a href="#http://sh.kirsle.net/" target="_blank">Terminal Apps</a></li>
<li>&#0187; <a href="#/pccc">CyanChat Client</a></li>
</ul>
<div class="k-section">Web Tools</div>
<ul>
<li>&#0187; <a href="#/wizards/ttf2eot.cgi">TTF to EOT</a></li>
<li>&#0187; <a href="#/wizards/ps1.html">Base $PS1 Prompt</a></li>
<li>&#0187; <a href="#/wizards/fader.cgi">Text Fader</a></li>
<li>&#0187; <a href="#/wizards/favicon.cgi">Favicons</a></li>
<li>&#0187; <a href="#/wizards/distance.cgi">Distance Calc</a></li>
<li>&#0187; <a href="#/wizards/translator.html">Azulian Translater</a></li>
<li>&#0187; <a href="#/wizards/xbmask.cgi">XBM Masks</a></li>
<li>&#0187; <a href="#/wizards/flask-session.py">Flask Session</a></li>
</ul>
<div class="k-section">Subdomains</div>
<ul>
<li>&#0187; <a href="#http://sh.kirsle.net/">Shell Scripts</a></li>
<li>&#0187; <a href="#http://rpm.kirsle.net/">Linux RPMs</a></li>
<li>&#0187; <a href="#http://rophako.kirsle.net/">Rophako CMS</a></li>
<li>&#0187; <a href="#http://nano.kirsle.net/">Kirsle::Nano</a></li>
<li>&#0187; <a href="#http://mc.kirsle.net/">Minecraft Server</a></li>
</ul>
<div class="k-section">Miscellany</div>
<ul>
<li>&#0187; <a href="#/firered">Pok&#0233;mon Fuchsia City</a></li>
<li>&#0187; <a href="#/msdos">DOS and Windows</a></li>
<li>&#0187; <a href="#/raspberrypi">Raspberry Pi</a></li>
</ul>
<div class="k-section">Links</div>
<ul>
<li>&#0187; <a href="#https://www.google.com/+NoahPetherbridge">Google+</a></li>
<li>&#0187; <a href="#https://twitter.com/kirsle">Twitter</a></li>
<li>&#0187; <a href="#https://myspace.com/kirsle">MySpace</a></li>
<li>&#0187; <a href="#https://github.com/kirsle">Github</a></li>
<li>&#0187; <a href="#http://search.cpan.org/~kirsle">CPAN</a></li>
<li>&#0187; <a href="#https://www.npmjs.org/~kirsle">npm</a></li>
</ul>
<div class="k-section">Fan Club</div>
<ul>
<li>&#0187; <a href="#" class="login-link">Log In</a></li>
</ul>
<div class="center">
<a href="https://www.python.org/" target="_blank">
<img src="/designs/solar-bootstrap/python.png" width="80" height="15" alt="Python powered">
</a><br>
<a href="http://validator.w3.org/check?uri=referer">
<img src="/designs/solar-bootstrap/html5.png" width="80" height="15" alt="W3C Valid HTML5">
</a><br>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
<img src="/designs/solar-bootstrap/css3.png" width="80" height="15" alt="W3C Valid CSS3">
</a><p>
<a href="#" target="_blank">
<img src="/designs/solar-bootstrap/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/designs/solar-bootstrap/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/designs/solar-bootstrap/offsite.js"></script>
<script type="text/javascript" src="/designs/solar-bootstrap/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".login-link").click(function() {
$("#login-link").hide();
$("#login-inline").show(500);
return false;
});
});
</script>
{% block scripts %}{% endblock %}
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-27498092-1', 'kirsle.net');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://www.kirsle.net/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 1]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="http://www.kirsle.net/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

View File

@ -0,0 +1,52 @@
/* Monokai Bright highlight theme, converted from
* http://tmtheme-editor.herokuapp.com/#/theme/Monokai%20Bright
* Using: https://github.com/davinche/pygments-from-tmtheme
*/
.codehilite { background-color: #272822; color: #F8F8F2; }
.codehilite .ge { font-style: italic; }
.codehilite .gs { font-weight: bold; }
.codehilite .c { color: #75715E; }
.codehilite .cp { color: #75715E; }
.codehilite .c1 { color: #75715E; }
.codehilite .cs { color: #75715E; }
.codehilite .cm { color: #75715E; }
.codehilite .m { color: #AE81FF; }
.codehilite .mf { color: #AE81FF; }
.codehilite .mi { color: #AE81FF; }
.codehilite .mo { color: #AE81FF; }
.codehilite .se { color: #AE81FF; }
.codehilite .kc { color: #AE81FF; }
.codehilite .k { color: #66D9EF; font-style: italic; }
.codehilite .kd { color: #66D9EF; font-style: italic; }
.codehilite .kn { color: #F92672; }
.codehilite .kt { color: #66D9EF; font-style: italic; }
.codehilite .s { color: #E6DB74; }
.codehilite .sb { color: #E6DB74; }
.codehilite .sc { color: #E6DB74; }
.codehilite .sd { color: #E6DB74; }
.codehilite .s2 { color: #E6DB74; }
.codehilite .sh { color: #E6DB74; }
.codehilite .si { color: #E6DB74; }
.codehilite .sx { color: #E6DB74; }
.codehilite .sr { color: #E6DB74; }
.codehilite .s1 { color: #E6DB74; }
.codehilite .ss { color: #E6DB74; }
.codehilite .na { color: #A6E22E; }
.codehilite .nc { color: #A6E22E; font-style: italic; text-decoration: underline; }
.codehilite .no { color: #AE81FF; }
.codehilite .nd { color: #A6E22E; text-decoration: underline; }
.codehilite .ne { color: #A6E22E; text-decoration: underline; }
.codehilite .nf { color: #A6E22E; }
.codehilite .nt { color: #F92672; }
.codehilite .nv { color: #F8F8F2; }
.codehilite .ow { color: #F92672; }
.codehilite .o { color: #F92672; }
.codehilite .n { color: #F8F8F2; }
.codehilite .nl { color: #F8F8F2; }
.codehilite .nn { color: #F8F8F2; }
.codehilite .nx { color: #F8F8F2; }
.codehilite .bp { color: #F8F8F2; }
.codehilite .p { color: #F8F8F2; }
/* Kirsle.net overrides */
.codehilite { background-color: transparent }

View File

@ -0,0 +1,20 @@
/*
* Hyperlink Editor Script || Copyright 2014 Kirsle
*
* This script makes all offsite links open in a new window.
*/
$(document).ready(function() {
$("a").each(function() {
var $a = $(this);
var href = $a.attr("href");
if (href === undefined) {
return;
}
// Detect offsite links.
if (href.indexOf("http:") == 0 || href.indexOf("https:") == 0) {
$a.attr("target", "_blank");
}
});
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -0,0 +1,246 @@
body {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
margin: 0px;
padding: 0px
}
a:link, a:visited {
color: #0000FF;
text-decoration: underline
}
a:hover, a:active {
color: #0000FF
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold
}
h1 {
font-size: 32pt;
padding-top: 15px;
padding-bottom: 15px;
}
h1:first-of-type {
padding-top: 0px;
}
h2 {
font-size: 24pt
}
h3 {
font-size: 18pt
}
h4 {
font-size: 16pt
}
pre,code {
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: 9pt;
color: #000000
}
pre {
display: block;
border: 1px dashed #000000;
padding: 10px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
overflow-x: auto
}
code {
display: inline
}
label {
cursor: pointer
}
legend {
color: #000000;
font-weight: bold
}
table,th,td {
border-color: #999999
}
table.box {
border: 1px solid #999999
}
/* Bootstrap overrides */
.col-md-4.col-md-offset-3 {
/* Left nav, hide it */
display: none;
}
.col-sm-10.col-sm-push-2 {
/* Main body column */
left: 0;
width: 100%;
}
/*******************************************************************************
* General CSS Classes *
******************************************************************************/
.center {
margin: auto;
text-align: center
}
.right {
margin-left: auto;
margin-right: 0px;
text-align: right
}
.invisible {
display: none
}
/*******************************************************************************
* Styles Needed by Specific Pages in the CMS *
******************************************************************************/
/* Downloads */
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
/********
* Blog *
*******/
/* Blog titles when shown on index view */
a.blog-title-index:link, a.blog-title-index:visited {
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 32pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}
a.blog-title-index:hover, a.blog-title-index:active {
text-decoration: underline
}
/* Poster's avatar box */
.blog-author, .comment-author {
float: right;
background-color: #444444;
border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 10px;
margin-bottom: 10px;
width: 100px; /* 96 avatar width + 4px padding */
text-align: center;
font-weight: bold
}
/* Timestamp and author line below blog titles */
.blog-timestamp {
font-size: smaller;
font-style: italic;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 10px
}
ul.blog-categories {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
ul.blog-categories li {
display: inline;
}
ul.blog-categories li:after {
content: ", ";
}
ul.blog-categories li:last-child:after {
content: "";
}
/* Blog comment wrapper */
.comment {
border: 1px dashed #006699;
padding: 5px
}
/*******************************************************************************
* Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com *
******************************************************************************/
/*************
* Eye Candy *
************/
.k-supernova {
/* Main BG image */
display: none
}
.k-kirsle {
/* Kirsle logo */
display: none
}
/********************
* Navigation Panel *
*******************/
.k-navpanel {
/* Wrapper for nav bar */
display: none
}
.k-section {
/* Division of navigation bar */
}
.k-navi {
/* Stretches of hyperlinks inside the nav bar */
}
/* Hyperlinks inside the nav bar */
.k-navi a:link, .k-navi a:visited {
}
/*********************
* Main Content Area *
********************/
.k-content-panel {
/* Wrapper for the content panel */
display: inline;
margin-left: 25px;
margin-right: 25px
}
.k-copyright {
/* Copyright text */
text-align: center;
font-size: x-small;
color: #000000;
font-weight: bold;
padding: 20px 0px
}
.k-space {
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
height: 50px
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 767 B

View File

@ -0,0 +1,494 @@
body {
background-color: #000000;
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #BEBEBE;
margin: 0px;
padding: 0px
}
a:link, a:visited {
color: #99CCFF;
text-decoration: underline
}
a:hover, a:active {
color: #FFCCFF
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
h1 {
font-size: 32pt;
padding-top: 15px;
padding-bottom: 15px;
}
h1:first-of-type {
padding-top: 0px;
}
h2 {
font-size: 24pt
}
h3 {
font-size: 18pt
}
h4 {
font-size: 16pt
}
pre,code {
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: 9pt;
color: #00CCCC
}
pre {
display: block;
border: 1px dashed #CCCCCC;
padding: 10px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
max-height: 550px;
overflow: auto
}
code {
display: inline
}
label {
cursor: pointer
}
fieldset {
border: 1px solid #006699;
}
legend {
color: #0099FF;
font-weight: bold
}
table.box {
border: 1px solid #999999
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea,
input[type="file"],
select { /* To hell with IE */
background-color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #CCCCCC;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC
}
acronym,abbr {
border-bottom: 1px dotted #BEBEBE;
cursor: help;
}
/*******************************************************************************
* General CSS Classes *
******************************************************************************/
.center {
margin: auto;
text-align: center
}
.right {
margin-left: auto;
margin-right: 0px;
text-align: right
}
.invisible {
display: none
}
.clear {
clear: both;
}
table.table,
table.table th,
table.table td {
border: 1px solid #999999;
}
table.table {
border-collapse: collapse;
border-spacing: 0;
margin: 10px 0px;
padding: 0px;
}
table.table-wide {
width: 100%;
}
table.table th {
background-color: #003366;
color: #FFFFFF;
text-align: left;
padding: 4px;
}
table.table tr:nth-child(even) {
background-color: #000000;
}
table.table tr:nth-child(odd) {
background-color: #202020;
}
table.table td {
padding: 4px;
vertical-align: top;
text-align: left;
}
/*******************************************************************************
* Styles Needed by Specific Pages in the CMS *
******************************************************************************/
/* Downloads */
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
/**********
* Photos *
**********/
/* Photo Upload page */
.photo-upload-dropbox {
border: 2px dashed #0099FF;
padding: 40px;
}
.photo-upload-dropbox.active {
border: 4px dashed #FF99FF;
}
.upload-trough {
position: relative;
border: 1px solid #000000;
width: 100%;
height: 28px;
}
.upload-progress-bar {
position: relative;
width: 0%;
height: 100%;
background-color: #FF9900;
}
/* Photo Grids: see http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
ul.photo-grid {
list-style: none;
display: inline;
margin: 0;
padding: 0;
position: relative;
}
ul.photo-grid li {
position: relative;
/*float: left;*/
display: inline-block;
width: 260px;
height: 260px;
margin-left: 20px;
margin-top: 20px;
}
ul.photo-grid li .dummy {
padding-top: 100%;
}
.photo-grid-item {
cursor: pointer;
overflow: hidden; /* Crop off long names, etc. */
/* We use absolute positioning to detach this element from the flow, */
/* allowing the .dummy to dictate the height of the square. */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photo-grid-item img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photo-grid-item .name {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-shadow: 1px 1px 0px #000000,
-1px -1px 0px #000000,
1px -1px 0px #000000,
-1px 1px 0px #000000;
}
.photo-description {
display: block;
border: 1px solid #FF99FF;
box-shadow: 0px 0px 4px #0099FF;
padding: 10px;
margin: 20px 0px;
background-color: #000000;
width: 790px;
}
/*ul#arrange-photos {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#arrange-photos li {
cursor: pointer;
margin: 20px;
padding: 1px;
float: left;
width: 150px;
}*/
/********
* Blog *
*******/
/* Blog titles when shown on index view */
a.blog-title-index:link, a.blog-title-index:visited {
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 32pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
a.blog-title-index:hover, a.blog-title-index:active {
text-decoration: underline;
text-shadow: 0px 0px 10px #FF99FF;
-moz-text-shadow: 0px 0px 10px #FF99FF;
-webkit-text-shadow: 0px 0px 10px #FF99FF
}
/* Poster's avatar box */
.blog-author, .comment-author {
float: right;
background-color: #444444;
border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 10px;
margin-bottom: 10px;
width: 100px; /* 96 avatar width + 4px padding */
text-align: center;
font-weight: bold
}
.blog-author a, .comment-author a {
text-decoration: none;
}
div.siikir-avatar {
width: 96px;
margin: auto;
}
/* Timestamp and author line below blog titles */
.blog-timestamp {
font-size: smaller;
font-style: italic;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 10px
}
ul.blog-categories {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
ul.blog-categories li {
display: inline;
}
ul.blog-categories li:after {
content: ", ";
}
ul.blog-categories li:last-child:after {
content: "";
}
/* Blog comment wrapper */
.comment {
border: 1px dashed #006699;
padding: 5px
}
/*******************************************************************************
* Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com *
******************************************************************************/
/* Make a photo look nice. */
.portrait {
display: inline;
background-color: #CFCFCF;
padding: 4px;
border: 1px solid #000000;
box-shadow: 0px 0px 4px #0099FF;
-moz-box-shadow: 0px 0px 4px #0099FF;
-webkit-box-shadow: 0px 0px 4px #0099FF;
}
/*************
* Eye Candy *
************/
.k-supernova {
/* Main BG image */
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
width: 960px;
height: 1000px;
background-image: url("supernova.jpg");
background-repeat: no-repeat;
background-position: 0px 0px
}
.k-kirsle {
/* Kirsle logo */
position: absolute;
z-index: 150;
top: 9px;
left: 433px;
width: 317px;
height: 177px;
background-image: url("kirsle.png");
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer
}
/********************
* Navigation Panel *
*******************/
.k-navpanel {
/* Wrapper for nav bar */
background-image: url("panelbg.png");
background-repeat: repeat-y;
background-position: 0px 0px;
position: absolute;
z-index: 200;
top: 203px;
left: 57px;
width: 152px;
border: 2px ridge #0099FF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.k-section {
/* Division of navigation bar */
display: block;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: center;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin-left: 2px;
margin-right: 2px;
padding: 0px;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
.k-navi {
/* Stretches of hyperlinks inside the nav bar */
padding-left: 4px;
padding-right: 4px;
font-size: x-small;
line-height: 160%
}
/* Hyperlinks inside the nav bar */
.k-navi a:link, .k-navi a:visited {
font-size: x-small;
font-weight: bold
}
/*********************
* Main Content Area *
********************/
.k-content-panel {
/* Wrapper for the content panel */
background-image: url("panelbg.png");
background-repeat: repeat;
background-position: 0px 0px;
z-index: 300;
position: absolute;
top: 203px;
left: 262px;
right: 40px;
padding: 6px;
border: 2px ridge #0099FF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.k-copyright {
/* Copyright text */
text-align: center;
font-size: x-small;
color: #999999;
font-weight: bold;
padding: 20px 0px
}
.k-space {
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
height: 50px
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 KiB

View File

@ -0,0 +1,531 @@
body {
background-color: #000000;
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #BEBEBE;
margin: 0px;
padding: 0px
}
a:link, a:visited {
color: #99CCFF;
text-decoration: underline
}
a:hover, a:active {
color: #FFCCFF
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
h1 {
font-size: 32pt;
padding-top: 15px;
padding-bottom: 15px;
}
h1:first-of-type {
padding-top: 0px;
}
h2 {
font-size: 24pt
}
h3 {
font-size: 18pt
}
h4 {
font-size: 16pt
}
pre,code {
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: 9pt;
color: #00CCCC;
background-color: transparent;
}
pre {
display: block;
border: 1px dashed #CCCCCC;
padding: 10px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
max-height: 550px;
overflow: auto
}
code {
display: inline;
padding: 0
}
label {
cursor: pointer
}
legend {
color: #0099FF;
}
table.box {
border: 1px solid #999999
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea,
input[type="file"],
select { /* To hell with IE */
background-color: #000000 !important;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
font-size: small !important;
color: #CCCCCC !important;
margin: 2px 0px;
max-width: 400px;
}
acronym,abbr {
border-bottom: 1px dotted #BEBEBE;
cursor: help;
}
/* Some bootstrap override helpers */
.input-lg {
max-width: none !important;
width: 650px;
}
.input-sm {
width: 4em;
}
.form-control.inline {
display: inline;
}
/* Bootstrap CSS overrides */
p {
margin: 10px 0px;
}
/* Our own custom nav button for Bootstrap */
.mobile-nav {
display: none; /* for small screens only */
position: absolute;
z-index: 100;
top: 10px;
right: 10px;
}
@media (max-width: 768px) {
.mobile-nav {
display: block;
}
}
/*******************************************************************************
* General CSS Classes *
******************************************************************************/
.center {
margin: auto;
text-align: center
}
.right {
margin-left: auto;
margin-right: 0px;
text-align: right
}
.invisible {
display: none
}
.clear {
clear: both;
}
table.table,
table.table th,
table.table td {
border: 1px solid #999999;
}
table.table {
border-collapse: collapse;
border-spacing: 0;
margin: 10px 0px;
padding: 0px;
}
table.table-wide {
width: 100%;
}
table.table th {
background-color: #003366;
color: #FFFFFF;
text-align: left;
padding: 4px;
}
table.table tr:nth-child(even) {
background-color: #000000;
}
table.table tr:nth-child(odd) {
background-color: #202020;
}
table.table td {
padding: 4px;
vertical-align: top;
text-align: left;
}
/*******************************************************************************
* Styles Needed by Specific Pages in the CMS *
******************************************************************************/
/* Downloads */
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
/**********
* Photos *
**********/
/* Photo Upload page */
.photo-upload-dropbox {
border: 2px dashed #0099FF;
padding: 40px;
}
.photo-upload-dropbox.active {
border: 4px dashed #FF99FF;
}
.upload-trough {
position: relative;
border: 1px solid #000000;
width: 100%;
height: 28px;
}
.upload-progress-bar {
position: relative;
width: 0%;
height: 100%;
background-color: #FF9900;
}
/* Photo Grids: see http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
ul.photo-grid {
list-style: none;
display: inline;
margin: 0;
padding: 0;
position: relative;
}
ul.photo-grid li {
position: relative;
/*float: left;*/
display: inline-block;
width: 260px;
height: 260px;
margin-left: 20px;
margin-top: 20px;
}
ul.photo-grid li .dummy {
padding-top: 100%;
}
.photo-grid-item {
cursor: pointer;
overflow: hidden; /* Crop off long names, etc. */
/* We use absolute positioning to detach this element from the flow, */
/* allowing the .dummy to dictate the height of the square. */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photo-grid-item img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photo-grid-item .name {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-shadow: 1px 1px 0px #000000,
-1px -1px 0px #000000,
1px -1px 0px #000000,
-1px 1px 0px #000000;
}
.photo-description {
display: block;
border: 1px solid #FF99FF;
box-shadow: 0px 0px 4px #0099FF;
padding: 10px;
margin: 20px 0px;
background-color: #000000;
width: 790px;
}
/*ul#arrange-photos {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#arrange-photos li {
cursor: pointer;
margin: 20px;
padding: 1px;
float: left;
width: 150px;
}*/
/********
* Blog *
*******/
/* Blog titles when shown on index view */
a.blog-title-index:link, a.blog-title-index:visited {
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 32pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
a.blog-title-index:hover, a.blog-title-index:active {
text-decoration: underline;
text-shadow: 0px 0px 10px #FF99FF;
-moz-text-shadow: 0px 0px 10px #FF99FF;
-webkit-text-shadow: 0px 0px 10px #FF99FF
}
/* Poster's avatar box */
.blog-author, .comment-author {
float: right;
background-color: #444444;
border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 10px;
margin-bottom: 10px;
width: 100px; /* 96 avatar width + 4px padding */
text-align: center;
font-weight: bold
}
.blog-author a, .comment-author a {
text-decoration: none;
}
div.siikir-avatar {
width: 96px;
margin: auto;
}
/* Timestamp and author line below blog titles */
.blog-timestamp {
font-size: smaller;
font-style: italic;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 10px
}
ul.blog-categories {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
ul.blog-categories li {
display: inline;
}
ul.blog-categories li:after {
content: ", ";
}
ul.blog-categories li:last-child:after {
content: "";
}
/* Blog comment wrapper */
.comment {
border: 1px dashed #006699;
padding: 5px
}
/*******************************************************************************
* Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com *
******************************************************************************/
/* Make a photo look nice. */
.portrait {
display: inline;
background-color: #CFCFCF;
padding: 4px;
border: 1px solid #000000;
box-shadow: 0px 0px 4px #0099FF;
-moz-box-shadow: 0px 0px 4px #0099FF;
-webkit-box-shadow: 0px 0px 4px #0099FF;
}
/*************
* Eye Candy *
************/
.k-supernova {
/* Main BG image */
position: absolute;
z-index: -100;
top: 0;
left: 0;
width: 960px;
height: 1000px;
background-image: url("supernova.jpg");
background-repeat: no-repeat;
background-position: 0 0;
}
@media (min-width: 768px) {
.k-supernova {
position: fixed;
}
}
.k-kirsle {
/* Kirsle logo */
width: 317px;
height: 177px;
background-image: url("kirsle.png");
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer
}
/********************
* Navigation Panel *
*******************/
.k-navpanel {
/* Wrapper for nav bar */
background-image: url("panelbg.png");
background-repeat: repeat;
background-position: 0px 0px;
/* width and margins to have some control over the nav bar size
despite bootstrap's grid system */
max-width: 152px;
min-width: 130px;
margin-left: auto;
margin-right: auto;
border: 2px ridge #0099FF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.k-navpanel > .k-section {
/* Division of navigation bar */
display: block;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: center;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding: 0px;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
.k-navpanel ul {
/* Stretches of hyperlinks inside the nav bar */
list-style: none;
margin: 0 4px;
padding-left: 1em;
text-indent: -1em;
font-size: x-small;
line-height: 160%
}
.k-navpanel a:link, .k-navpanel a:visited {
/* Hyperlinks inside the nav bar */
font-size: x-small;
font-weight: bold
}
/*********************
* Main Content Area *
********************/
.k-content-panel {
/* Wrapper for the content panel */
background-image: url("panelbg.png");
background-repeat: repeat;
background-position: 0px 0px;
z-index: 300;
padding: 6px;
border: 2px ridge #0099FF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.k-copyright {
/* Copyright text */
text-align: center;
font-size: x-small;
color: #999999;
font-weight: bold;
padding: 20px 0px
}
.k-space {
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
height: 50px
}
/* Simplify panels for mobile */
@media (max-width: 768px) {
.k-navpanel, .k-content-panel {
background-image: none;
background-color: #000000;
}
}

View File

@ -0,0 +1,29 @@
/* CSS classes used by vim syntax highlighting */
pre.vim {
background-color: #000000;
color: #FFFFFF;
max-height: 450px;
overflow: auto;
}
pre.vim span.Identifier {
color: #00FFFF;
font-weight: bold;
}
pre.vim span.Constant {
color: #FF99FF;
font-weight: bold;
}
pre.vim span.Statement {
color: #FFFF00;
font-weight: bold;
}
pre.vim span.Comment {
color: #0099FF;
font-weight: bold;
}
pre.vim span.PreProc {
color: #8080FF;
font-weight: bold;
}

View File

@ -0,0 +1,82 @@
/* Syntax highlighting classes for markdown codehilite plugin, which uses
Pygments. This file was generated by doing this in the Python shell:
>>> from pygments.formatters import HtmlFormatter
>>> fh = open("codehilite.css", "w")
>>> fh.write(HtmlFormatter().get_style_defs(".codehilite"))
>>> fh.close()
*/
.codehilite .hll { background-color: #ffffcc }
.codehilite { background: #f8f8f8; }
.codehilite .c { color: #408080; font-style: italic } /* Comment */
.codehilite .err { border: 1px solid #FF0000 } /* Error */
.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
.codehilite .o { color: #666666 } /* Operator */
.codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
.codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
.codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
.codehilite .gd { color: #A00000 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gr { color: #FF0000 } /* Generic.Error */
.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.codehilite .gi { color: #00A000 } /* Generic.Inserted */
.codehilite .go { color: #888888 } /* Generic.Output */
.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.codehilite .gt { color: #0044DD } /* Generic.Traceback */
.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.codehilite .kp { color: #008000 } /* Keyword.Pseudo */
.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.codehilite .kt { color: #B00040 } /* Keyword.Type */
.codehilite .m { color: #666666 } /* Literal.Number */
.codehilite .s { color: #BA2121 } /* Literal.String */
.codehilite .na { color: #7D9029 } /* Name.Attribute */
.codehilite .nb { color: #008000 } /* Name.Builtin */
.codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.codehilite .no { color: #880000 } /* Name.Constant */
.codehilite .nd { color: #AA22FF } /* Name.Decorator */
.codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
.codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.codehilite .nf { color: #0000FF } /* Name.Function */
.codehilite .nl { color: #A0A000 } /* Name.Label */
.codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
.codehilite .nv { color: #19177C } /* Name.Variable */
.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
.codehilite .mf { color: #666666 } /* Literal.Number.Float */
.codehilite .mh { color: #666666 } /* Literal.Number.Hex */
.codehilite .mi { color: #666666 } /* Literal.Number.Integer */
.codehilite .mo { color: #666666 } /* Literal.Number.Oct */
.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
.codehilite .sc { color: #BA2121 } /* Literal.String.Char */
.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
.codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
.codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.codehilite .sx { color: #008000 } /* Literal.String.Other */
.codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
.codehilite .ss { color: #19177C } /* Literal.String.Symbol */
.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #19177C } /* Name.Variable.Class */
.codehilite .vg { color: #19177C } /* Name.Variable.Global */
.codehilite .vi { color: #19177C } /* Name.Variable.Instance */
.codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */
/* Dark theme overrides --Kirsle */
.codehilite { background-color: transparent }
.codehilite .nf { color: #0099FF }
.codehilite .sd { color: #FF99FF }
.codehilite .s { color: #FF4400 }
.codehilite .nv { color: #0099FF }
.codehilite .sx,
.codehilite .k,
.codehilite .nb { color: #00BB00 }
.codehilite .nn { color: #00CCCC }

Binary file not shown.

After

Width:  |  Height:  |  Size: 805 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1005 B

View File

@ -0,0 +1,196 @@
<!DOCTYPE html>
<html>
<head>
<title>Solar Theme - Kirsle.net</title>
<link rel="stylesheet" type="text/css" media="screen" href="/designs/solar-html5/screen.css">
<link rel="stylesheet" type="text/css" href="/designs/solar-html5/monokai.css">
<link rel="stylesheet" type="text/css" media="print" href="/designs/solar-html5/print.css">
<link rel="stylesheet" type="text/css" media="all" href="/designs/solar-html5/vim-syntax.css">
<link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="k-supernova"></div>
<div class="k-kirsle" onClick="self.location='/'"></div>
<div class="k-content-panel">
<h1>Kirsle.net Solar (HTML5)</h1>
This was the HTML5 refresh of the Kirsle.net Solar theme, which went live
on Kirsle.net on May 12, 2010. It updates the design to use CSS3 rounded
borders and alpha transparency PNG images, making the design a lot more
flexible but cutting out support for Internet Explorer 6.0.<p>
This design was a replacement for the original,
<a href="/designs/solar">flat Solar theme</a>, and was itself later upgraded
to use Bootstrap to <a href="/designs/solar-bootstrap">support mobile
browsers</a>.
<h2>Heading Level 2</h2>
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. <a href="#">Fusce consectetuer</a>, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<pre>Preformatted
T e x t . i</pre>
<h3>Heading Level 3</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<h4>Heading Level 4</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<div class="k-copyright">
Copyright &copy; 2014 Noah Petherbridge &mdash; All rights reserved<br>
Powered by <a href="http://rophako.kirsle.net/" target="_blank">Rophako</a> v0.01 -
Hosted by <a href="#">DigitalOcean</a><br>
Page generated in 0.001s.
</div>
</div>
<div class="k-navpanel">
<div class="k-section">Kirsle</div>
<div class="k-navi">
&#0187; <a href="#/">Homepage</a> (<a href="#">RSS</a>)<br>
&#0187; <a href="#/about">About Me</a><br>
&#0187; <a href="#/photos/albums">Photo Albums</a><br>
&#0187; <a href="#/guestbook">Guestbook</a><br>
&#0187; <a href="#/contact">Contact Me</a>
</div>
<div class="k-section">Channels</div>
<div class="k-navi">
&#0187; <a href="#">Blog Archives</a>
</div>
<div class="k-section">Creativity</div>
<div class="k-navi">
&#0187; <a href="#/rendering">3D Renderings</a><br>
&#0187; <a href="#/flash">Flash Animation</a><br>
&#0187; <a href="#/javascript">JavaScript</a><br>
&#0187; <a href="#/fonts">Fonts</a><br>
&#0187; <a href="#/metacity">Metacity</a><br>
&#0187; <a href="#/doc/">Tutorials</a>
</div>
<div class="k-section">Software</div>
<div class="k-navi">
&#0187; <a href="#/rivescript">RiveScript</a><br>
&#0187; <a href="#/errorgen">Error Generator</a><br>
&#0187; <a href="#/tkcalc">Tk Calculator</a><br>
&#0187; <a href="#http://sh.kirsle.net/" target="_blank">Terminal Apps</a><br>
&#0187; <a href="#/pccc">CyanChat Client</a>
</div>
<div class="k-section">Web Tools</div>
<div class="k-navi">
&#0187; <a href="#/wizards/ttf2eot.cgi">TTF to EOT</a><br>
&#0187; <a href="#/wizards/ps1.html">Bash $PS1 Prompt</a><br>
&#0187; <a href="#/wizards/fader.cgi">Text Fader</a><br>
&#0187; <a href="#/wizards/favicon.cgi">Favicons</a><br>
&#0187; <a href="#/wizards/distance.cgi">Distance Calc</a><br>
&#0187; <a href="#/wizards/translator.html">Azulian Encoder</a><br>
&#0187; <a href="#/wizards/xbmask.cgi">XBM Masks</a><br>
&#0187; <a href="#/wizards/flask-session.py">Flask Session</a>
</div>
<div class="k-section">Subdomains</div>
<div class="k-navi">
&#0187; <a href="#http://sh.kirsle.net/" target="_blank">Shell Scripts</a><br>
&#0187; <a href="#http://rpm.kirsle.net/" target="_blank">Linux RPMs</a><br>
&#0187; <a href="#http://rophako.kirsle.net/" target="_blank">Rophako CMS</a><br>
&#0187; <a href="#http://nano.kirsle.net/" target="_blank">Kirsle::Nano</a><br>
&#0187; <a href="#http://minecraft.kirsle.net/" target="_blank">Minecraft Server</a>
</div>
<div class="k-section">Miscellany</div>
<div class="k-navi">
&#0164; <a href="#/firered">Pokemon Fuchsia City</a><br>
&#0164; <a href="#/msdos">DOS and Windows</a><br>
&#0164; <a href="#/raspberrypi">Raspberry Pi</a>
</div>
<div class="k-section">Links</div>
<div class="k-navi">
&#0164; <a href="#https://www.google.com/+NoahPetherbridge">Google+</a><br>
&#0164; <a href="#https://twitter.com/kirsle">Twitter</a><br>
&#0164; <a href="#https://myspace.com/kirsle">MySpace</a><br>
&#0164; <a href="#https://github.com/kirsle">Github</a><br>
&#0164; <a href="#http://search.cpan.org/~kirsle">CPAN</a><br>
&#0164; <a href="#https://www.npmjs.org/~kirsle">npm</a>
</div>
<div class="k-section">Fan Club</div>
<div class="k-navi">
&#0187; <a href="#" class="login-link">Log In</a>
</div><p>
<div class="k-navi">
<div class="center">
<a href="https://www.python.org/" target="_blank">
<img src="/designs/solar-html5/python.png" width="80" height="15" alt="Python powered">
</a><br>
<a href="http://validator.w3.org/check?uri=referer">
<img src="/designs/solar-html5/html5.png" width="80" height="15" alt="W3C Valid HTML5">
</a><br>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
<img src="/designs/solar-html5/css3.png" width="80" height="15" alt="W3C Valid CSS3">
</a><p>
<a href="#" target="_blank">
<img src="/designs/solar-html5/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
</a>
</div>
</div>
</div>
<script type="text/javascript" src="/designs/solar-html5/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/designs/solar-html5/offsite.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

View File

@ -0,0 +1,52 @@
/* Monokai Bright highlight theme, converted from
* http://tmtheme-editor.herokuapp.com/#/theme/Monokai%20Bright
* Using: https://github.com/davinche/pygments-from-tmtheme
*/
.codehilite { background-color: #272822; color: #F8F8F2; }
.codehilite .ge { font-style: italic; }
.codehilite .gs { font-weight: bold; }
.codehilite .c { color: #75715E; }
.codehilite .cp { color: #75715E; }
.codehilite .c1 { color: #75715E; }
.codehilite .cs { color: #75715E; }
.codehilite .cm { color: #75715E; }
.codehilite .m { color: #AE81FF; }
.codehilite .mf { color: #AE81FF; }
.codehilite .mi { color: #AE81FF; }
.codehilite .mo { color: #AE81FF; }
.codehilite .se { color: #AE81FF; }
.codehilite .kc { color: #AE81FF; }
.codehilite .k { color: #66D9EF; font-style: italic; }
.codehilite .kd { color: #66D9EF; font-style: italic; }
.codehilite .kn { color: #F92672; }
.codehilite .kt { color: #66D9EF; font-style: italic; }
.codehilite .s { color: #E6DB74; }
.codehilite .sb { color: #E6DB74; }
.codehilite .sc { color: #E6DB74; }
.codehilite .sd { color: #E6DB74; }
.codehilite .s2 { color: #E6DB74; }
.codehilite .sh { color: #E6DB74; }
.codehilite .si { color: #E6DB74; }
.codehilite .sx { color: #E6DB74; }
.codehilite .sr { color: #E6DB74; }
.codehilite .s1 { color: #E6DB74; }
.codehilite .ss { color: #E6DB74; }
.codehilite .na { color: #A6E22E; }
.codehilite .nc { color: #A6E22E; font-style: italic; text-decoration: underline; }
.codehilite .no { color: #AE81FF; }
.codehilite .nd { color: #A6E22E; text-decoration: underline; }
.codehilite .ne { color: #A6E22E; text-decoration: underline; }
.codehilite .nf { color: #A6E22E; }
.codehilite .nt { color: #F92672; }
.codehilite .nv { color: #F8F8F2; }
.codehilite .ow { color: #F92672; }
.codehilite .o { color: #F92672; }
.codehilite .n { color: #F8F8F2; }
.codehilite .nl { color: #F8F8F2; }
.codehilite .nn { color: #F8F8F2; }
.codehilite .nx { color: #F8F8F2; }
.codehilite .bp { color: #F8F8F2; }
.codehilite .p { color: #F8F8F2; }
/* Kirsle.net overrides */
.codehilite { background-color: transparent }

View File

@ -0,0 +1,20 @@
/*
* Hyperlink Editor Script || Copyright 2014 Kirsle
*
* This script makes all offsite links open in a new window.
*/
$(document).ready(function() {
$("a").each(function() {
var $a = $(this);
var href = $a.attr("href");
if (href === undefined) {
return;
}
// Detect offsite links.
if (href.indexOf("http:") == 0 || href.indexOf("https:") == 0) {
$a.attr("target", "_blank");
}
});
});

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -0,0 +1,235 @@
body {
background-color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #000000;
margin: 0px;
padding: 0px
}
a:link, a:visited {
color: #0000FF;
text-decoration: underline
}
a:hover, a:active {
color: #0000FF
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold
}
h1 {
font-size: 32pt;
padding-top: 15px;
padding-bottom: 15px;
}
h1:first-of-type {
padding-top: 0px;
}
h2 {
font-size: 24pt
}
h3 {
font-size: 18pt
}
h4 {
font-size: 16pt
}
pre,code {
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: 9pt;
color: #000000
}
pre {
display: block;
border: 1px dashed #000000;
padding: 10px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
overflow-x: auto
}
code {
display: inline
}
label {
cursor: pointer
}
legend {
color: #000000;
font-weight: bold
}
table,th,td {
border-color: #999999
}
table.box {
border: 1px solid #999999
}
/*******************************************************************************
* General CSS Classes *
******************************************************************************/
.center {
margin: auto;
text-align: center
}
.right {
margin-left: auto;
margin-right: 0px;
text-align: right
}
.invisible {
display: none
}
/*******************************************************************************
* Styles Needed by Specific Pages in the CMS *
******************************************************************************/
/* Downloads */
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
/********
* Blog *
*******/
/* Blog titles when shown on index view */
a.blog-title-index:link, a.blog-title-index:visited {
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 32pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}
a.blog-title-index:hover, a.blog-title-index:active {
text-decoration: underline
}
/* Poster's avatar box */
.blog-author, .comment-author {
float: right;
background-color: #444444;
border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 10px;
margin-bottom: 10px;
width: 100px; /* 96 avatar width + 4px padding */
text-align: center;
font-weight: bold
}
/* Timestamp and author line below blog titles */
.blog-timestamp {
font-size: smaller;
font-style: italic;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 10px
}
ul.blog-categories {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
ul.blog-categories li {
display: inline;
}
ul.blog-categories li:after {
content: ", ";
}
ul.blog-categories li:last-child:after {
content: "";
}
/* Blog comment wrapper */
.comment {
border: 1px dashed #006699;
padding: 5px
}
/*******************************************************************************
* Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com *
******************************************************************************/
/*************
* Eye Candy *
************/
.k-supernova {
/* Main BG image */
display: none
}
.k-kirsle {
/* Kirsle logo */
display: none
}
/********************
* Navigation Panel *
*******************/
.k-navpanel {
/* Wrapper for nav bar */
display: none
}
.k-section {
/* Division of navigation bar */
}
.k-navi {
/* Stretches of hyperlinks inside the nav bar */
}
/* Hyperlinks inside the nav bar */
.k-navi a:link, .k-navi a:visited {
}
/*********************
* Main Content Area *
********************/
.k-content-panel {
/* Wrapper for the content panel */
display: inline;
margin-left: 25px;
margin-right: 25px
}
.k-copyright {
/* Copyright text */
text-align: center;
font-size: x-small;
color: #000000;
font-weight: bold;
padding: 20px 0px
}
.k-space {
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
height: 50px
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 767 B

View File

@ -0,0 +1,508 @@
body {
background-color: #000000;
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: fixed;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #BEBEBE;
margin: 0px;
padding: 0px
}
a:link, a:visited {
color: #99CCFF;
text-decoration: underline
}
a:hover, a:active {
color: #FFCCFF
}
a img {
border: 0px
}
h1,h2,h3,h4 {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
h1 {
font-size: 32pt;
padding-top: 15px;
padding-bottom: 15px;
}
h1:first-of-type {
padding-top: 0px;
}
h2 {
font-size: 24pt
}
h3 {
font-size: 18pt
}
h4 {
font-size: 16pt
}
pre,code {
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: 9pt;
color: #00CCCC
}
pre {
display: block;
border: 1px dashed #CCCCCC;
padding: 10px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
max-height: 550px;
overflow: auto
}
code {
display: inline
}
label {
cursor: pointer
}
fieldset {
border: 1px solid #006699;
}
legend {
color: #0099FF;
font-weight: bold
}
table.box {
border: 1px solid #999999
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea,
input[type="file"],
select { /* To hell with IE */
background-color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
color: #CCCCCC;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC
}
acronym,abbr {
border-bottom: 1px dotted #BEBEBE;
cursor: help;
}
/*******************************************************************************
* General CSS Classes *
******************************************************************************/
.center {
margin: auto;
text-align: center
}
.right {
margin-left: auto;
margin-right: 0px;
text-align: right
}
.invisible {
display: none
}
.clear {
clear: both;
}
table.table,
table.table th,
table.table td {
border: 1px solid #999999;
}
table.table {
border-collapse: collapse;
border-spacing: 0;
margin: 10px 0px;
padding: 0px;
}
table.table-wide {
width: 100%;
}
table.table th {
background-color: #003366;
color: #FFFFFF;
text-align: left;
padding: 4px;
}
table.table tr:nth-child(even) {
background-color: #000000;
}
table.table tr:nth-child(odd) {
background-color: #202020;
}
table.table td {
padding: 4px;
vertical-align: top;
text-align: left;
}
/*******************************************************************************
* Styles Needed by Specific Pages in the CMS *
******************************************************************************/
/* Downloads */
.distro {
border: 1px solid #CCCCCC
}
.distro th {
width: 150px;
text-align: center;
vertical-align: top
}
.distro td {
width: 150px;
text-align: center;
vertical-align: top;
border: 1px solid #808080
}
.distro td img {
float: left
}
/**********
* Photos *
**********/
/* Photo Upload page */
.photo-upload-dropbox {
border: 2px dashed #0099FF;
padding: 40px;
}
.photo-upload-dropbox.active {
border: 4px dashed #FF99FF;
}
.upload-trough {
position: relative;
border: 1px solid #000000;
width: 100%;
height: 28px;
}
.upload-progress-bar {
position: relative;
width: 0%;
height: 100%;
background-color: #FF9900;
}
/* Photo Grids: see http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
ul.photo-grid {
list-style: none;
display: inline;
margin: 0;
padding: 0;
position: relative;
}
ul.photo-grid li {
position: relative;
/*float: left;*/
display: inline-block;
width: 260px;
height: 260px;
margin-left: 20px;
margin-top: 20px;
}
ul.photo-grid li .dummy {
padding-top: 100%;
}
.photo-grid-item {
cursor: pointer;
overflow: hidden; /* Crop off long names, etc. */
/* We use absolute positioning to detach this element from the flow, */
/* allowing the .dummy to dictate the height of the square. */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photo-grid-item img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photo-grid-item .name {
position: absolute;
top: 4px;
left: 4px;
right: 4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-shadow: 1px 1px 0px #000000,
-1px -1px 0px #000000,
1px -1px 0px #000000,
-1px 1px 0px #000000;
}
.photo-description {
display: block;
border: 1px solid #FF99FF;
box-shadow: 0px 0px 4px #0099FF;
padding: 10px;
margin: 20px 0px;
background-color: #000000;
width: 790px;
}
/*ul#arrange-photos {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#arrange-photos li {
cursor: pointer;
margin: 20px;
padding: 1px;
float: left;
width: 150px;
}*/
/********
* Blog *
*******/
/* Blog titles when shown on index view */
a.blog-title-index:link, a.blog-title-index:visited {
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 32pt;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
a.blog-title-index:hover, a.blog-title-index:active {
text-decoration: underline;
text-shadow: 0px 0px 10px #FF99FF;
-moz-text-shadow: 0px 0px 10px #FF99FF;
-webkit-text-shadow: 0px 0px 10px #FF99FF
}
/* Poster's avatar box */
.blog-author, .comment-author {
float: right;
background-color: #444444;
border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 10px;
margin-bottom: 10px;
width: 100px; /* 96 avatar width + 4px padding */
text-align: center;
font-weight: bold
}
.blog-author a, .comment-author a {
text-decoration: none;
}
div.siikir-avatar {
width: 96px;
margin: auto;
}
/* Timestamp and author line below blog titles */
.blog-timestamp {
font-size: smaller;
font-style: italic;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 10px
}
ul.blog-categories {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
ul.blog-categories li {
display: inline;
}
ul.blog-categories li:after {
content: ", ";
}
ul.blog-categories li:last-child:after {
content: "";
}
/* Blog comment wrapper */
.comment {
border: 1px dashed #006699;
padding: 5px
}
/* Comment style overrides */
.comment h1 {
font-size: 14pt;
}
.comment h2 {
font-size: 12pt;
}
.comment h3 {
font-size: 10pt;
}
.comment h4 {
font-size: 9pt;
}
/*******************************************************************************
* Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com *
******************************************************************************/
/* Make a photo look nice. */
.portrait {
display: inline;
background-color: #CFCFCF;
padding: 4px;
border: 1px solid #000000;
box-shadow: 0px 0px 4px #0099FF;
-moz-box-shadow: 0px 0px 4px #0099FF;
-webkit-box-shadow: 0px 0px 4px #0099FF;
}
/*************
* Eye Candy *
************/
.k-supernova {
/* Main BG image */
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
width: 960px;
height: 1000px;
background-image: url("supernova.jpg");
background-repeat: no-repeat;
background-position: 0px 0px
}
.k-kirsle {
/* Kirsle logo */
position: absolute;
z-index: 150;
top: 9px;
left: 433px;
width: 317px;
height: 177px;
background-image: url("kirsle.png");
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer
}
/********************
* Navigation Panel *
*******************/
.k-navpanel {
/* Wrapper for nav bar */
background-image: url("panelbg.png");
background-repeat: repeat-y;
background-position: 0px 0px;
position: absolute;
z-index: 200;
top: 203px;
left: 57px;
width: 152px;
border: 2px ridge #0099FF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.k-section {
/* Division of navigation bar */
display: block;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: center;
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin-left: 2px;
margin-right: 2px;
padding: 0px;
text-shadow: 0px 0px 10px #0099FF;
-moz-text-shadow: 0px 0px 10px #0099FF;
-webkit-text-shadow: 0px 0px 10px #0099FF
}
.k-navi {
/* Stretches of hyperlinks inside the nav bar */
padding-left: 4px;
padding-right: 4px;
font-size: x-small;
line-height: 160%
}
/* Hyperlinks inside the nav bar */
.k-navi a:link, .k-navi a:visited {
font-size: x-small;
font-weight: bold
}
/*********************
* Main Content Area *
********************/
.k-content-panel {
/* Wrapper for the content panel */
background-image: url("panelbg.png");
background-repeat: repeat;
background-position: 0px 0px;
z-index: 300;
position: absolute;
top: 203px;
left: 262px;
right: 40px;
padding: 6px;
border: 2px ridge #0099FF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px
}
.k-copyright {
/* Copyright text */
text-align: center;
font-size: x-small;
color: #999999;
font-weight: bold;
padding: 20px 0px
}
.k-space {
background-image: url("space.png");
background-repeat: repeat;
background-position: 0px 0px;
height: 50px
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 KiB

Some files were not shown because too many files have changed in this diff Show More