diff --git a/theme/default/bg-body.gif b/theme/default/bg-body.gif new file mode 100644 index 0000000000..5e1afa048f Binary files /dev/null and b/theme/default/bg-body.gif differ diff --git a/theme/default/bg-header.gif b/theme/default/bg-header.gif new file mode 100644 index 0000000000..5154b2e5e9 Binary files /dev/null and b/theme/default/bg-header.gif differ diff --git a/theme/default/body.jpg b/theme/default/body.jpg deleted file mode 100644 index 5abc2e0b06..0000000000 Binary files a/theme/default/body.jpg and /dev/null differ diff --git a/theme/default/bullet.gif b/theme/default/bullet.gif deleted file mode 100644 index d462809970..0000000000 Binary files a/theme/default/bullet.gif and /dev/null differ diff --git a/theme/default/content.gif b/theme/default/content.gif deleted file mode 100644 index 6194921a3f..0000000000 Binary files a/theme/default/content.gif and /dev/null differ diff --git a/theme/default/content.png b/theme/default/content.png deleted file mode 100644 index 73d9b5317d..0000000000 Binary files a/theme/default/content.png and /dev/null differ diff --git a/theme/default/default-avatar.svg b/theme/default/default-avatar.svg deleted file mode 100644 index d2745ebc3d..0000000000 --- a/theme/default/default-avatar.svg +++ /dev/null @@ -1,107 +0,0 @@ - - - - - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/theme/default/display.css b/theme/default/display.css index 166f382507..1fd966f377 100644 --- a/theme/default/display.css +++ b/theme/default/display.css @@ -1,555 +1,541 @@ -/************************************************************** - AUTHOR: Pat Heard (fullahead.org) - DATE: 2006.09.12 - PURPOSE: Styles the html elements - **************************************************************/ - -/* Forces horizontal scrollbar on in Mozilla */ -html { - margin-bottom: 1px; -} - -html, -body { - height: 100%; -} - -body { - margin: 0; - padding: 0; - text-align: center; - - font: 400 0.8em georgia, serif; - line-height: 180%; - - background: url(body.jpg) repeat top left; - color: #6D6864; -} - -h1, h2, h3, h4, h5, h6, p, dl { - margin: 0; - padding: 10px 0; -} - -h1 { - clear: both; - font: 400 1.9em georgia, serif; - color: #532406; -} - -h2 { - clear: both; - font: 400 1.3em georgia, serif; - color: #61804E; -} - -h3 { - font: 700 1.1em georgia, serif; - color: #8F512A; -} - -h4 { - font: 400 0.9em georgia, serif; - text-transform: uppercase; -} - -a { - text-decoration: none; - color: #5E9040; - border-bottom: 1px solid #B8E78B; -} - - -a:visited { - background-color: #F1FFE3; -} - -a:hover { - color: #3C5D29; - background-color: #F1FFE3; - border-bottom: 1px solid #4A6E35; -} - - -ol { - margin: 10px 30px; - padding: 0 30px; - - font-size: 1.4em; - color: #532406; - background-color: #FFF; -} - -ol span { - font-size: 0.7em; - color: #6D6864; -} - -ul { - margin: 10px 30px; - padding: 0 30px 0 5px; - list-style: none; -} - -ul li { - padding-left: 25px; - background: url(bullet.gif) no-repeat; - background-position: 0 3px; -} - -acronym { - cursor: help; - border-bottom: 1px solid #DDD; -} - -blockquote { - margin: 10px 0; - background-color: #F1FFE3; - border-bottom: 1px solid #B8E78B; -} - -blockquote p { - margin: 0.4em 0.8em; -} - -del { - color: #AAA; -} - -code { - margin: 15px 0; - padding: 10px; - display: block; - overflow: auto; - - font: 400 1em courier, monospace; - line-height: 120%; - white-space: pre; - - background: #F4F4F4; - border-bottom: 1px solid #D3D3D3; -} - - - -/************************************************************** - Tables - **************************************************************/ - -table { - width: 100%; - margin-bottom: 10px; - - font-size: 1em; - border-collapse: collapse; -} - -table caption { - margin-top: 10px; - padding: 0 0 0.5em 3px; - - font: 400 0.8em georgia, sans-serif; - text-align: left; -} - -table th, -table td { - text-align: left; - vertical-align: top; - padding: 4px 7px !important; - padding: 6px 10px; -} - - -thead th { - background-color: #F1FFE3; - border-bottom: 1px solid #B8E78B; -} - -tbody tr.dark { - background-color: #F5F5F5; -} - -tbody td { - border-bottom: 1px solid #DDD; -} - -tbody tr:hover { - background-color: #FBFEDF; -} - -/************************************************************** - Form Elements - **************************************************************/ - -label { - float: left; - text-align: right; - width: 9em; - padding-right: 1em; - -} - - -input, -textarea, -select { - padding: 4px; - font: 400 1em georgia, sans-serif; - - color: #666; - background: #FFF; - border-width: 1px; - border-style: solid; - border-color: #888 #DDD #DDD #888; -} - - -input:focus, -textarea:focus, -select:focus { - padding: 3px; - color: #000; - background: #F1FFE3; - border-width: 2px; -} - -input.button { - padding: 1px 10px; - - font: 400 1em georgia, sans-serif; - cursor: pointer; - - color: #fff; - background: #508231; - border-width: 1px; - border-style: solid; - border-color: #B8E78B #2D5018 #2D5018 #B8E78B; -} - -.required { - cursor: help; - border-bottom: 1px solid #CCC; -} - - - -/************************************************************** - Images - **************************************************************/ - -img.floatRight { - margin: 5px 0px 10px 15px; -} - -img.floatLeft { - margin: 5px 15px 10px 0px; -} - -a img { - border: 4px solid #D5C9C2; -} - -a:hover img { - border: 4px solid #BAAAA1; -} - -/************************************************************** - #wrapper & #content: wrapper positions and sets the width - on the content. The background is then applied to #content. - **************************************************************/ - -#wrap { - width: 589px; - height: 100%; - margin: 0 auto; - - text-align: left; -} - -#content { - float: left; - width: 589px; - height: 100%; - min-height: 100%; - - background: url(content.gif) repeat-y top center; -} - -#content[id] { - height: auto; - background: url(content.png) repeat-y top center; -} - -/************************************************************** - #header: Holds the site title and header images - **************************************************************/ - -#header { - padding: 60px 0 2em 49px; - background: url(header.jpg) no-repeat top center; -} - -/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/ -* html #header { - height: 1%; -} -/* End hide from IE-mac */ - -#header h1, -#header h2 { - margin: 0; - padding: 0; - background: none; -} - -#header h1 { - font-size: 3.5em; - font-family: georgia; - letter-spacing: -3px; - color: #6E310B; -} - -/************************************************************** - #nav: The top level site menu - **************************************************************/ - -ul#nav { - width: 491px; - margin: 0 auto; - padding: 0 !important; - padding: 0 0 0 10px; -} - -ul#nav li { - display: inline; - list-style: none; - margin: 0; - padding: 0; -} - -ul#nav li a { - float: left; - padding: 15px 0 5px 0; - - font: 400 1.54em georgia, serif; - text-align: center; - text-decoration: none; - - color: #61804E; - border-bottom: 1px solid #D3F1B6; -} - -ul#nav li a:visited { - background-color: #FFF; -} - -ul#nav li a:hover { - color: #2E5F0F; - background: url(menu.gif) repeat-x bottom left; -} - -ul#nav li a.here { - color: #512103; - background: url(menu.gif) repeat-x bottom left; -} - -/* helper classes to control width of links in topbar */ -ul.two li a { - width: 50%; -} - -ul.three li a { - width: 33%; -} - -ul.four li a { - width: 25%; -} - -ul.five li a { - width: 20%; -} - -/************************************************************** - #page: Holds the main page content. - **************************************************************/ - -#page { - float: left; - clear: both; - width: 491px !important; - width: 100%; - - padding: 2em 49px; -} - -/************************************************************** - .footer: Site footer - **************************************************************/ - -.footer { - padding-top: 3em; - font-size: 0.85em; - clear: both; -} - -/************************************************************** - .bigLinks: Large, clickable links - **************************************************************/ - -ul.bigLinks { - margin: 10px 0; - padding: 0; - list-style: none; - -} - -ul.bigLinks li { - display: inline; - margin: 0; - padding: 0; - background: none; -} - -ul.bigLinks li a, -ul.bigLinks li a:visited { - display: block; - - margin: 10px 0; - padding: 3px; - - text-decoration: none; - background-color: #FFF; - border: 0; -} - -ul.bigLinks li a:hover { - padding-bottom: 2px; - background-color: #F1FFE3; - border-bottom: 1px solid #B8E78B; -} - -ul.bigLinks li a span.title { - color: #5E9040; - border-bottom: 1px solid #B8E78B; -} - -ul.bigLinks li a:hover span.title { - color: #3C5D29; - border-bottom: 1px solid #4A6E35; -} - -ul.bigLinks li a span.desc { - display: block; - color: #6D6864; -} - -ul.bigLinks li a:hover span.desc { - color: #555; -} - -/************************************************************** - Width classes used by the site columns - **************************************************************/ - -.width100 { - width: 100%; -} - -.width75 { - width: 73%; -} - -.width66 { - width: 64%; -} - -.width50 { - width: 48%; -} - -.width33 { - width: 31%; -} - -.width25 { - width: 23%; -} - -/************************************************************** - Alignment classes - **************************************************************/ - -.floatLeft { - float: left; -} - -.floatRight { - float: right; -} - -.alignLeft { - text-align: left; -} - -.alignRight { - text-align: right; -} - -/************************************************************** - Generic display classes - **************************************************************/ - -.clear { - clear: both; -} - -.block { - display: block; -} - -.big { - font-size: 1.3em; -} - -.small { - font-size: 0.85em; -} - -.bold { - font-weight: bold; -} - -.italic { - font-style: italic; -} - -.grey { - color: #AAA; -} - -.green { - color: #82C048; -} - -.darkBrown { - color: #512103; -} - -.greenBg { - padding: 0 10px; - background-color: #F1FFE3; - border-bottom: 1px solid #B8E78B; -} - -.highlight { - padding: 1px 2px; - background: #D9F5EC; - border-top: 1px solid #BDEDDE; -} - -ul.menuish li { - display: inline; - list-style: none; -} +/* CSS Document */ +/* Design & CSS by Marie-Claude Doyon */ + +html { + background-color: #d8e2d7; + + } +body { + position: absolute; + width: 100%; + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 12px; + min-height: 100%; + color: #193441; + background: url(bg-body.gif) repeat-y top center; + } +a { + color: #C15D42; + text-decoration: none; + } +a:hover { + text-decoration: underline; + } +img, img a { + border: 0; + } +h1 { + font-size: 14px; + } + + +#wrap { + margin: 0 auto; + padding: 0 20px; + width: 760px; + background: url(bg-header.gif) repeat-x #FCFFF5; + + } +#header { + position: relative; + margin: 0 auto; + width: 540px; + height: 216px; + /*border: 1px solid #FF0;*/ + /*background-color: #193441;*/ + } +#logo { + margin-top: 9px; + } + +#header h1.pagetitle { + /*display: none;*/ + margin: 0; + padding: 0; + /*font-family: Georgia, "Times New Roman", Times, serif;*/ + font-size: 15px; +/* font-weight: normal; + font-style: italic;*/ + line-height: 24px; + color: #FCFFF5; +} + +#header h2.sitename { + display: none; + margin: 0; + padding: 0; + color: #FCFFF5; +} + +/* ===== Begin Navigation Styling ===== */ + +/* ----- Navigation ------ */ +#nav { + float: right; + margin: 0; + padding: 0; + list-style-type: none; + font-size: 12px; + } +#nav li { + display: block; + float: left; + } +#nav li a { + display: block; + padding: 9px 12px 12px 12px; + color: #91AA9D; + } +#nav li a:hover { + text-decoration: underline; + } + +/* ----- Tabs ----- */ +#nav_views { + margin: 0 auto; + padding: 0; + position: absolute; + bottom: 0; + list-style-type: none; + font-size: 14px; + font-weight: bold; + width: 540px; + /*height: 30px;*/ + } +#nav_views li { + display: block; + float: left; + line-height: 21px; + } +#nav_views li a { + display: block; + margin: 0; + padding: 4px 12px 3px 12px; + color: #FCFFF5; + background-color: #91AA9D; + border-right: 1px solid #6A8787; + } +#nav_views li a:hover { + text-decoration: none; + } +#nav_views li.current a, #nav_views li.current a:hover { + color: #3F606F; + background-color: #FCFFF5; + border-right: 1px solid #6A8787; + } +#nav_views li.current a:hover { + color: #193441; + } +#nav_views li a:hover { + color: #FCFFF5; + background-color: #3F606F; + border-right: 1px solid #6A8787; + } + +/* ----- Nav Footer ----- */ +#nav_sub { + clear: both; + margin: 18px auto 0 auto; + padding: 0; + list-style-type: none; + font-size: 11px; + font-weight: bold; + line-height: 21px; + border-top: 1px solid #D8E2D7; + width: 540px; + } +#nav_sub li { + display: block; + float: left; + } +#nav_sub li a { + padding: 6px 24px 6px 0; + } +#nav_sub li a:hover { + text-decoration: underline; + } +/* ===== End Navigation Styling ===== */ + +#content { + clear: left; + margin: 40px 0 45px 0; + padding: 0 110px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 14px; + line-height: 18px; + /*border: 1px solid #F00;*/ + } +#content h2 { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 15px; + } +#content label { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + } +.instructions, .success, .error { + position: relative; + top: -130px; + font-weight: normal; + margin: -36px 0 0 0; + padding: 10px; + border: 1px solid #91AA9D; + color: #FCFFF5; + } +.success { + background-color: #48705b; + } +.error { + background-color: #ce3728; + } + + + +/* ----- Profile -----*/ +#profile { + clear: left; + margin: 0 -110px; + padding: 10px 0 0 0; + min-height: 170px; + border-top: 1px solid #D8E2D7; + font-family: Georgia, "Times New Roman", Times, serif; + } +#profile h1 { + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + } +#profile h2 { + margin: 0; + padding: 0; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #91AA9D; + } +#profile p { + margin: 0 10px 0 0; + font-size: 12px; + line-height: 14px; + } +#profile p.location { + margin: 0 10px 12px 0; + font-style: italic; + } +#profile p.notice_current { + font-size: 18px; + line-height: 21px; + /*min-height: 96px;*/ + } + +#profile_avatar { + float: left; + margin-right: 4px; + } +#profile_avatar img { + margin-bottom: 5px; + } +.avatar.profile { + float: none; + clear: left; + margin: 0 10px 5px 0; + } +.avatar.original { + margin: 0 10px 18px 0; + } +a.nickname { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 12px; + padding-right: 3px; + } +#profile_information { + float: left; + position: relative; + width: 270px; + height: 200px; + } + +.statistics { + margin-top: 18px; + } +.statistics h2 { + margin: 12px 0 3px 0; + } +dl.statistics { + margin: 0; + font-size: 12px; + line-height: 14px; + } +.statistics dt, .statistics dd { + float: left; + margin: 0; + } +.statistics dt { + clear: left; + width: 96px; + } +.statistics dd { + clear: right; + } +.statistics dt:after { + content: ":"; + } +#subscriptions { + float: left; + margin: 18px 0 30px 0; + } +#subscriptions_avatars { + /*float: left;*/ + margin: 6px 0 0 0; + padding: 0; + list-style-type: none; + width: 270px; + } +#subscriptions_avatars li .avatar.mini { + float: left; + margin: 0 3px 3px 0; + padding: 0; + line-height: 0; + } +#subscriptions_viewall { + clear: left; + } + + + + +#notices { + clear: both; + margin: 0 auto; + padding: 0; + list-style-type: none; + width: 540px; + border-top: 1px solid #D8E2D7; + /*border: 1px solid #F00;*/ + } +#notices a:hover { + text-decoration: underline; + } +.notice_single { + clear: both; + display: block; + margin: 0; + padding: 5px 5px 5px 0; + min-height: 48px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + line-height: 16px; + border-bottom: 1px solid #D8E2D7; + } +.notice_single:hover { + background-color: #F3F8EA; + } +.notice_single p { + display: inline; + margin: 0; + padding: 0; + } +.avatar { + float: left; + margin: 0 10px 0 0; + } + +p.time { + display: block; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; + line-height: 15px; + } +p.time a { + color: #91AA9D; + } + +#pagination { + margin: 18px auto; + width: 540px; + } +#nav_pagination { + margin: 0 0 36px 0; + padding: 0; + float: right; + list-style-type: none; + font-size: 12px; + font-weight: bold; + } +#nav_pagination li { + display: block; + float: left; + background-color: #91AA9D; + } +#nav_pagination li.before { + margin-right: 1px; + } +#nav_pagination li a { + padding: 6px 15px; + line-height: 21px; + background-color: #91AA9D; + color: #FCFFF5; + } +#nav_pagination li a:hover { + background-color: #3F606F; + color: #FCFFF5; + text-decoration: none; + } + +#footer { + clear: both; + margin: 0 auto; + padding: 0 0 36px 0; + width: 540px; + border-top: 1px solid #D8E2D7; + } +#footer p { + margin-top: 9px; + } +#cc { + float: left; + margin: 3px 10px 0 0; + } + +/* ===== Begin Forms Styling ===== */ + +/* ----- Forms General Style ----- */ +form { + margin: 0 auto; + padding: 0; + } +form { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + } +form label { + display: block; + font-size: 12px; + font-weight: bold; + line-height: 18px; + } +form input { + border: 1px solid #D8E2D7; + width: 264px; + } +input#submit { + display: block; + margin: 18px 0; + padding: 4px; + font-weight: bold; + color: #FCFFF5; + background-color: #C15D42; + cursor: pointer; + border: 0; + width: auto; + } +input#submit:hover { + background-color: #904632; + } +textarea, input { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: #193441; + padding: 3px; + } +textarea:focus, input:focus { + background-color: #f0f6eb; + } +textarea { + width: 270px; + border: 1px solid #D8E2D7; + } +.input_instructions { + display: block; + font-size: 11px; + line-height: 21px; + color: #91aa9d; + font-family: Verdana, Arial, Helvetica, sans-serif; + } + +/* ----- Status Form ----- */ +#status_form { + height: 96px; + /*background-color: #F00;*/ + } +#status_form p { + margin: 36px 0 0 0; + padding: 0; + } +#status_label { + display: block; + clear: both; + margin: 0; + padding: 0 0 3px 0; + font-size: 18px; + font-weight: bold; + line-height: 24px; + color: #91AA9D; + } +#status_textarea { + display: block; + float: left; + width: 463px; + height: 35px; + padding: 5px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: #193441; + border: 0; + } +#status_submit { + display: block; + float: left; + margin: 1px 0 0 4px; + width: 63px; + height: 45px; + background-color: #C15D42; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 14px; + color: #FCFFF5; + cursor: pointer; + border: 0; + } +#status_submit:hover { + background-color: #904632; + } + +/* ----- Subscribe Form ----- */ +#subscribe .button, #unsubscribe .button, #remotesubscribe .button { + margin: 0; + width: 96px; + height: 27px; + font-family: verdana, arial, helvetica, sans-serif; + font-weight: bold; + font-size: 10px; + text-transform: uppercase; + background-color: #c15d42; + color: #fcfff5; + border: 0; + } +#subscribe .button:hover, #unsubscribe .button:hover { + background-color: #904632; + cursor: pointer; + } +input#profile_url { + width: 88px; + padding: 3px; + margin: 0 0 10px 0; + } +/* ----- Login Form -----*/ +input#license { + width: auto; + } +/* ----- Avatar Form -----*/ +form { + clear: left; +} + +/* ===== End Forms Styling ===== */ + \ No newline at end of file diff --git a/theme/default/header.jpg b/theme/default/header.jpg deleted file mode 100644 index 7d1c5b6040..0000000000 Binary files a/theme/default/header.jpg and /dev/null differ diff --git a/theme/default/ie6.css b/theme/default/ie6.css index fbbf56f88d..d9b1fbb45c 100644 --- a/theme/default/ie6.css +++ b/theme/default/ie6.css @@ -1,11 +1,23 @@ -/************************************************************** - AUTHOR: Pat Heard (fullahead.org) - DATE: 2006.09.12 - PURPOSE: Fixes IE's major problems - **************************************************************/ - -#content { - /* takes care of POS IE and it's support for transparent .png */ - background: none; - filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/content.png',sizingMethod='scale'); -} +@charset "UTF-8"; +/* CSS Document */ + +#nav_views li { + line-height: 19px; + } +#statistics dd { + clear: both; + } + +#profile p.notice_current { + height: 96px; + } + +#subscriptions_avatars li { + margin: 0 3px 0 0; + } + + +#nav_pagination li a { + padding: 6px 15px; + line-height: 27px; + } \ No newline at end of file diff --git a/theme/default/ie7.css b/theme/default/ie7.css new file mode 100644 index 0000000000..5cd90a4612 --- /dev/null +++ b/theme/default/ie7.css @@ -0,0 +1,17 @@ +@charset "UTF-8"; +/* CSS Document */ + +#statistics dd { + clear: both; + } + + +#subscriptions_avatars li { + margin: 0 3px 0 0; + } + + +#nav_pagination li a { + padding: 6px 15px; + line-height: 27px; + } \ No newline at end of file diff --git a/theme/default/index.html b/theme/default/index.html new file mode 100644 index 0000000000..b5c186b170 --- /dev/null +++ b/theme/default/index.html @@ -0,0 +1,169 @@ + + + + +Stoi.ca - Profile + + + + + + +
+ +
+

+ + + +

+
+ + +
+ + + + +
+ +
+ evan +

Unsubscribe

+
+ +
+

Evan Prodromou

+

Montreal, Canada

+

hacktrepreneur, originally from San Francisco, Wikitravel, Keiki, Vinismo, certifica

+

http://www.vinismo.com

+ + + +
+

Statistics

+
+
Subscriptions
+
6
+
Subscribers
+
11
+
Notices
+
49
+
+
+
+ + +

Currently

+

At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.

+ +
+

Subscriptions

+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+

View All

+
+
+ + + + + + + +
+ + + + + +
+ + + diff --git a/theme/default/logo.png b/theme/default/logo.png new file mode 100644 index 0000000000..3b271814d6 Binary files /dev/null and b/theme/default/logo.png differ diff --git a/theme/default/menu.gif b/theme/default/menu.gif deleted file mode 100644 index c6f13925c0..0000000000 Binary files a/theme/default/menu.gif and /dev/null differ diff --git a/theme/default/tn_inside.jpg b/theme/default/tn_inside.jpg deleted file mode 100644 index a6a14012f5..0000000000 Binary files a/theme/default/tn_inside.jpg and /dev/null differ diff --git a/theme/default/tn_stream.jpg b/theme/default/tn_stream.jpg deleted file mode 100644 index 2f8fde0491..0000000000 Binary files a/theme/default/tn_stream.jpg and /dev/null differ