Browse Source

Merge pull request #2 from kirsle/bootstrap

Bootstrap
rophako
Noah Petherbridge 7 years ago
parent
commit
1ca063858b
  1. 63
      config.patch
  2. 22
      settings.ini
  3. 219
      www/about.html
  4. 25
      www/blog/categories.inc.html
  5. 53
      www/contact/index.html
  6. 442
      www/css/bootstrap-theme.css
  7. 1
      www/css/bootstrap-theme.css.map
  8. 5
      www/css/bootstrap-theme.min.css
  9. 6203
      www/css/bootstrap.css
  10. 1
      www/css/bootstrap.css.map
  11. 5
      www/css/bootstrap.min.css
  12. BIN
      www/designs/cosmos/body-shadow.jpg
  13. BIN
      www/designs/cosmos/body-topleft.jpg
  14. BIN
      www/designs/cosmos/border-east.jpg
  15. BIN
      www/designs/cosmos/border-east.png
  16. BIN
      www/designs/cosmos/border-ne.jpg
  17. BIN
      www/designs/cosmos/border-ne.png
  18. BIN
      www/designs/cosmos/border-north.jpg
  19. BIN
      www/designs/cosmos/border-north.png
  20. BIN
      www/designs/cosmos/border-se.jpg
  21. BIN
      www/designs/cosmos/border-se.png
  22. BIN
      www/designs/cosmos/border-south.jpg
  23. BIN
      www/designs/cosmos/border-south.png
  24. BIN
      www/designs/cosmos/border-sw.jpg
  25. BIN
      www/designs/cosmos/border-sw.png
  26. BIN
      www/designs/cosmos/border-west.jpg
  27. BIN
      www/designs/cosmos/border-west.png
  28. 149
      www/designs/cosmos/index.html
  29. BIN
      www/designs/cosmos/logo.jpg
  30. BIN
      www/designs/cosmos/navbody.jpg
  31. BIN
      www/designs/cosmos/navfoot.jpg
  32. BIN
      www/designs/cosmos/navtop.jpg
  33. 268
      www/designs/cosmos/print.css
  34. 344
      www/designs/cosmos/screen.css
  35. BIN
      www/designs/cosmos/starburst.jpg
  36. BIN
      www/designs/cosmos/starrysky.jpg
  37. 129
      www/designs/index.html
  38. BIN
      www/designs/lavender/css.png
  39. BIN
      www/designs/lavender/cuvou.gif
  40. BIN
      www/designs/lavender/cuvou.png
  41. BIN
      www/designs/lavender/fedora.png
  42. BIN
      www/designs/lavender/html.png
  43. 208
      www/designs/lavender/index.html
  44. BIN
      www/designs/lavender/navbg.png
  45. BIN
      www/designs/lavender/navi.png
  46. BIN
      www/designs/lavender/navi.psd
  47. BIN
      www/designs/lavender/perl.png
  48. 73
      www/designs/lavender/print.css
  49. 123
      www/designs/lavender/screen.css
  50. BIN
      www/designs/lavender/starburst.jpg
  51. BIN
      www/designs/lavender/starburst.psd
  52. BIN
      www/designs/screenshots/cosmos.png
  53. BIN
      www/designs/screenshots/cosmos.t.png
  54. BIN
      www/designs/screenshots/lavender.png
  55. BIN
      www/designs/screenshots/lavender.t.png
  56. BIN
      www/designs/screenshots/solar-bootstrap.png
  57. BIN
      www/designs/screenshots/solar-bootstrap.t.png
  58. BIN
      www/designs/screenshots/solar-html5.png
  59. BIN
      www/designs/screenshots/solar-html5.t.png
  60. BIN
      www/designs/screenshots/solar.png
  61. BIN
      www/designs/screenshots/solar.t.png
  62. BIN
      www/designs/screenshots/starburst.png
  63. BIN
      www/designs/screenshots/starburst.t.png
  64. BIN
      www/designs/screenshots/storm.png
  65. BIN
      www/designs/screenshots/storm.t.png
  66. 5
      www/designs/solar-bootstrap/bootstrap-theme.min.css
  67. 5
      www/designs/solar-bootstrap/bootstrap.min.css
  68. 6
      www/designs/solar-bootstrap/bootstrap.min.js
  69. 82
      www/designs/solar-bootstrap/codehilite.css
  70. BIN
      www/designs/solar-bootstrap/css3.png
  71. BIN
      www/designs/solar-bootstrap/digital-ocean.png
  72. BIN
      www/designs/solar-bootstrap/html5.png
  73. 266
      www/designs/solar-bootstrap/index.html
  74. 4
      www/designs/solar-bootstrap/jquery-2.1.0.min.js
  75. BIN
      www/designs/solar-bootstrap/kirsle.png
  76. 52
      www/designs/solar-bootstrap/monokai.css
  77. 20
      www/designs/solar-bootstrap/offsite.js
  78. BIN
      www/designs/solar-bootstrap/panelbg.png
  79. 246
      www/designs/solar-bootstrap/print.css
  80. BIN
      www/designs/solar-bootstrap/python.png
  81. 494
      www/designs/solar-bootstrap/screen.css
  82. BIN
      www/designs/solar-bootstrap/space.png
  83. BIN
      www/designs/solar-bootstrap/supernova.jpg
  84. 531
      www/designs/solar-bootstrap/ui.css
  85. 29
      www/designs/solar-bootstrap/vim-syntax.css
  86. 82
      www/designs/solar-html5/codehilite.css
  87. BIN
      www/designs/solar-html5/css3.png
  88. BIN
      www/designs/solar-html5/digital-ocean.png
  89. BIN
      www/designs/solar-html5/html5.png
  90. 196
      www/designs/solar-html5/index.html
  91. 4
      www/designs/solar-html5/jquery-2.1.0.min.js
  92. BIN
      www/designs/solar-html5/kirsle.png
  93. 52
      www/designs/solar-html5/monokai.css
  94. 20
      www/designs/solar-html5/offsite.js
  95. BIN
      www/designs/solar-html5/panelbg.png
  96. 235
      www/designs/solar-html5/print.css
  97. BIN
      www/designs/solar-html5/python.png
  98. 508
      www/designs/solar-html5/screen.css
  99. BIN
      www/designs/solar-html5/space.png
  100. BIN
      www/designs/solar-html5/supernova.jpg

63
config.patch

@ -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

@ -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

219
www/about.html

@ -4,115 +4,114 @@
<h1>About Me</h1>
<table border="0" cellspacing="0" cellpadding="8">
<tr>
<td align="left" valign="top">
<img src="/static/photos/ff7ec4f5.jpg" width="256" height="256" alt="Kirsle" class="portrait"><p>
<table border="0" cellspacing="0" cellpadding="4">
<tr>
<td>
<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
</td>
<td>
<strong>AIM:</strong>
</td>
<td>
<a href="aim:goim?ScreenName=Kirsle">Kirsle</a>
</td>
</tr>
<tr>
<td>
<img src="/static/icons/skype.png" width="16" height="!6" alt="Skype">
</td>
<td>
<strong>Skype:</strong>
</td>
<td>
<a href="skype:kirsle?chat">Kirsle</a>
</td>
</tr>
<tr>
<td>
<img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP">
</td>
<td>
<strong>XMPP:</strong>
</td>
<td>
kirsle@kirsle.net
</td>
</tr>
</table><p>
&#0164; <a href="/contact">Send me an e-mail</a>
</td>
<td align="left" valign="top">
<h2>Hello world!</h2>
My name is <strong>Noah</strong> and this is my website. I am a software engineer who lives in
Los Angeles. My areas of expertise are primarily in Perl and Python back-end
software development, however I believe I have a knack for the front end as well.<p>
I built Kirsle.net from the ground up. Its back-end code has been rewritten a
dozen different times, in two different languages. I made the web design in Photoshop and
pieced it together using standards compliant HTML 5 (the spec, not the
buzzword), CSS and a little bit of JavaScript. The back end is entirely written
in Python. The previous version of Kirsle.net was written in Perl and ran on my
"PerlSiikir" CMS. I rewrote it in Python
<a href="/blog/entry/goodbye-perlsiikir">for various reasons</a>, and I like Python
more these days anyway. <img src="/static/smileys/tango/wink.png" alt=";)"><p>
Besides being a rockstar at back end development and a pretty decent web designer,
I've dabbled in some 3D modeling, Flash animation and other artistic things.
You can find them under the "Creativity" section on the left navigation. :)<p>
Some of my personal projects are listed under the "Software" section to your
left. The rest you'll find on my
<a href="https://github.com/kirsle">GitHub page</a> and
<a href="http://search.cpan.org/~kirsle">CPAN profile</a>.
<h2>Kirsle?</h2>
Where did I come up with the name Kirsle? Long-ish story, but here's the cliffnotes:
<ul>
<li>In 1997 when the Internet was still brand new, They didn't want us
using our real names online so I always went by one screen name or
another.</li>
<li>The game <em>NiGHTS: Into Dreams...</em> for the Sega Saturn had an
enemy on some levels named Kircle, and I liked the name but I read
it as though the "C" were pronounced like an "S". Nonetheless, it
became my screen name.</li>
<li>People often pronounced it with a hard "C". The last straw was when
I discovered that Text-to-Speech software also pronounced it this way.</li>
<li>I re-spelled it as Kirsle so it was spelled how I wanted it to be
pronounced.</li>
<li>In doing so, I created the most unique name ever. All of the Google
search results for Kirsle are about me!</li>
</ul>
Later on I turned Kirsle into a full Internet alias/fake name of
Casey Kirsle, which I used as my name for several years online (some of
my older Perl modules on CPAN are signed by this name). <em>That</em> was
mostly because I like the name Casey, and Kirsle could plausibly sound like
a last name. <img src="/static/smileys/tango/wink.png" alt=";)"><p>
<h2>Kirsle.net is Open Source</h2>
The Python code that powers Kirsle.net is an open source project of mine named
<a href="http://rophako.kirsle.net/">Rophako</a>. It means "Website" in
<a href="/wizards/translator.html">Azulian</a>. The Rophako CMS is open source
software that I released under the GNU General Public License and you can
<a href="https://github.com/kirsle/rophako">clone it on GitHub</a>. The HTML
files for Kirsle.net are <a href="https://github.com/kirsle/kirsle.net">also
on GitHub</a>, but those probably aren't very interesting to you.<p>
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 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">
<tr>
<td>
<img src="/static/icons/aim.gif" width="16" height="15" alt="AIM">
</td>
<td>
<strong>AIM:</strong>
</td>
<td>
<a href="aim:goim?ScreenName=Kirsle">Kirsle</a>
</td>
</tr>
<tr>
<td>
<img src="/static/icons/skype.png" width="16" height="!6" alt="Skype">
</td>
<td>
<strong>Skype:</strong>
</td>
<td>
<a href="skype:kirsle?chat">Kirsle</a>
</td>
</tr>
<tr>
<td>
<img src="/static/icons/xmpp.gif" width="16" height="16" alt="XMPP">
</td>
<td>
<strong>XMPP:</strong>
</td>
<td>
kirsle@kirsle.net
</td>
</tr>
</table><p>
&#0164; <a href="/contact">Send me an e-mail</a>
</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
Los Angeles. My areas of expertise are primarily in Perl and Python back-end
software development, however I believe I have a knack for the front end as well.<p>
I built Kirsle.net from the ground up. Its back-end code has been rewritten a
dozen different times, in two different languages. I made the web design in Photoshop and
pieced it together using standards compliant HTML 5 (the spec, not the
buzzword), CSS and a little bit of JavaScript. The back end is entirely written
in Python. The previous version of Kirsle.net was written in Perl and ran on my
"PerlSiikir" CMS. I rewrote it in Python
<a href="/blog/entry/goodbye-perlsiikir">for various reasons</a>, and I like Python
more these days anyway. <img src="/static/smileys/tango/wink.png" alt=";)"><p>
Besides being a rockstar at back end development and a pretty decent web designer,
I've dabbled in some 3D modeling, Flash animation and other artistic things.
You can find them under the "Creativity" section on the left navigation. :)<p>
Some of my personal projects are listed under the "Software" section to your
left. The rest you'll find on my
<a href="https://github.com/kirsle">GitHub page</a> and
<a href="http://search.cpan.org/~kirsle">CPAN profile</a>.
<h2>Kirsle?</h2>
Where did I come up with the name Kirsle? Long-ish story, but here's the cliffnotes:
<ul>
<li>In 1997 when the Internet was still brand new, They didn't want us
using our real names online so I always went by one screen name or
another.</li>
<li>The game <em>NiGHTS: Into Dreams...</em> for the Sega Saturn had an
enemy on some levels named Kircle, and I liked the name but I read
it as though the "C" were pronounced like an "S". Nonetheless, it
became my screen name.</li>
<li>People often pronounced it with a hard "C". The last straw was when
I discovered that Text-to-Speech software also pronounced it this way.</li>
<li>I re-spelled it as Kirsle so it was spelled how I wanted it to be
pronounced.</li>
<li>In doing so, I created the most unique name ever. All of the Google
search results for Kirsle are about me!</li>
</ul>
Later on I turned Kirsle into a full Internet alias/fake name of
Casey Kirsle, which I used as my name for several years online (some of
my older Perl modules on CPAN are signed by this name). <em>That</em> was
mostly because I like the name Casey, and Kirsle could plausibly sound like
a last name. <img src="/static/smileys/tango/wink.png" alt=";)"><p>
<h2>Kirsle.net is Open Source</h2>
The Python code that powers Kirsle.net is an open source project of mine named
<a href="http://rophako.kirsle.net/">Rophako</a>. It means "Website" in
<a href="/wizards/translator.html">Azulian</a>. The Rophako CMS is open source
software that I released under the GNU General Public License and you can
<a href="https://github.com/kirsle/rophako">clone it on GitHub</a>. The HTML
files for Kirsle.net are <a href="https://github.com/kirsle/kirsle.net">also
on GitHub</a>, but those probably aren't very interesting to you.<p>
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.
</div>
</div>
{% endblock %}

25
www/blog/categories.inc.html

@ -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 %}

53
www/contact/index.html

@ -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">
<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">
<strong>Message subject:</strong><br>
<small>(optional)</small><br>
<input type="text" 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>
<strong>Your name:</strong><br>
<small>(so I know who you are)</small><br>
<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" class="form-control" size="40" name="email"><p>
<strong>Message subject:</strong><br>
<small>(optional)</small><br>
<input type="text" class="form-control" size="40" name="subject" style="width: 100%"><p>
<strong>Message:</strong><br>
<small>(required)</small><br>
<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

@ -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 */

1
www/css/bootstrap-theme.css.map

File diff suppressed because one or more lines are too long

5
www/css/bootstrap-theme.min.css

File diff suppressed because one or more lines are too long

6203
www/css/bootstrap.css

File diff suppressed because it is too large

1
www/css/bootstrap.css.map

File diff suppressed because one or more lines are too long

5
www/css/bootstrap.min.css

File diff suppressed because one or more lines are too long

BIN
www/designs/cosmos/body-shadow.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
www/designs/cosmos/body-topleft.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

BIN
www/designs/cosmos/border-east.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

BIN
www/designs/cosmos/border-east.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 B

BIN
www/designs/cosmos/border-ne.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 B

BIN
www/designs/cosmos/border-ne.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 B

BIN
www/designs/cosmos/border-north.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

BIN
www/designs/cosmos/border-north.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 B

BIN
www/designs/cosmos/border-se.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

BIN
www/designs/cosmos/border-se.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 377 B

BIN
www/designs/cosmos/border-south.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

BIN
www/designs/cosmos/border-south.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 B

BIN
www/designs/cosmos/border-sw.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 619 B

BIN
www/designs/cosmos/border-sw.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 348 B

BIN
www/designs/cosmos/border-west.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

BIN
www/designs/cosmos/border-west.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 B

149
www/designs/cosmos/index.html

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

BIN
www/designs/cosmos/navbody.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
www/designs/cosmos/navfoot.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
www/designs/cosmos/navtop.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

268
www/designs/cosmos/print.css

@ -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