diff options
-rw-r--r-- | theme/default/bg-body.gif | bin | 0 -> 154 bytes | |||
-rw-r--r-- | theme/default/bg-header.gif | bin | 0 -> 2469 bytes | |||
-rw-r--r-- | theme/default/body.jpg | bin | 46459 -> 0 bytes | |||
-rw-r--r-- | theme/default/bullet.gif | bin | 74 -> 0 bytes | |||
-rw-r--r-- | theme/default/content.gif | bin | 67 -> 0 bytes | |||
-rw-r--r-- | theme/default/content.png | bin | 178 -> 0 bytes | |||
-rw-r--r-- | theme/default/default-avatar.svg | 107 | ||||
-rw-r--r-- | theme/default/display.css | 1096 | ||||
-rw-r--r-- | theme/default/header.jpg | bin | 8208 -> 0 bytes | |||
-rw-r--r-- | theme/default/ie6.css | 34 | ||||
-rw-r--r-- | theme/default/ie7.css | 17 | ||||
-rw-r--r-- | theme/default/index.html | 169 | ||||
-rw-r--r-- | theme/default/logo.png | bin | 0 -> 818 bytes | |||
-rw-r--r-- | theme/default/menu.gif | bin | 264 -> 0 bytes | |||
-rw-r--r-- | theme/default/tn_inside.jpg | bin | 2520 -> 0 bytes | |||
-rw-r--r-- | theme/default/tn_stream.jpg | bin | 3031 -> 0 bytes |
16 files changed, 750 insertions, 673 deletions
diff --git a/theme/default/bg-body.gif b/theme/default/bg-body.gif Binary files differnew file mode 100644 index 000000000..5e1afa048 --- /dev/null +++ b/theme/default/bg-body.gif diff --git a/theme/default/bg-header.gif b/theme/default/bg-header.gif Binary files differnew file mode 100644 index 000000000..5154b2e5e --- /dev/null +++ b/theme/default/bg-header.gif diff --git a/theme/default/body.jpg b/theme/default/body.jpg Binary files differdeleted file mode 100644 index 5abc2e0b0..000000000 --- a/theme/default/body.jpg +++ /dev/null diff --git a/theme/default/bullet.gif b/theme/default/bullet.gif Binary files differdeleted file mode 100644 index d46280997..000000000 --- a/theme/default/bullet.gif +++ /dev/null diff --git a/theme/default/content.gif b/theme/default/content.gif Binary files differdeleted file mode 100644 index 6194921a3..000000000 --- a/theme/default/content.gif +++ /dev/null diff --git a/theme/default/content.png b/theme/default/content.png Binary files differdeleted file mode 100644 index 73d9b5317..000000000 --- a/theme/default/content.png +++ /dev/null diff --git a/theme/default/default-avatar.svg b/theme/default/default-avatar.svg deleted file mode 100644 index d2745ebc3..000000000 --- a/theme/default/default-avatar.svg +++ /dev/null @@ -1,107 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Created with Inkscape (http://www.inkscape.org/) --> -<svg - xmlns:dc="http://purl.org/dc/elements/1.1/" - xmlns:cc="http://creativecommons.org/ns#" - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns:svg="http://www.w3.org/2000/svg" - xmlns="http://www.w3.org/2000/svg" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="96" - height="96" - id="svg2" - sodipodi:version="0.32" - inkscape:version="0.46" - version="1.0" - sodipodi:docname="default-avatar.svg" - inkscape:output_extension="org.inkscape.output.svg.inkscape" - inkscape:export-filename="/home/evan/code/stoica/theme/default/image/default-avatar-stream.png" - inkscape:export-xdpi="45" - inkscape:export-ydpi="45"> - <defs - id="defs4"> - <inkscape:perspective - sodipodi:type="inkscape:persp3d" - inkscape:vp_x="0 : 526.18109 : 1" - inkscape:vp_y="0 : 1000 : 0" - inkscape:vp_z="744.09448 : 526.18109 : 1" - inkscape:persp3d-origin="372.04724 : 350.78739 : 1" - id="perspective10" /> - </defs> - <sodipodi:namedview - id="base" - pagecolor="#ffffff" - bordercolor="#666666" - borderopacity="1.0" - gridtolerance="10000" - guidetolerance="10" - objecttolerance="10" - inkscape:pageopacity="0.0" - inkscape:pageshadow="2" - inkscape:zoom="2.8284271" - inkscape:cx="48.398992" - inkscape:cy="65.401516" - inkscape:document-units="px" - inkscape:current-layer="layer1" - showgrid="false" - inkscape:window-width="786" - inkscape:window-height="719" - inkscape:window-x="-4" - inkscape:window-y="25" /> - <metadata - id="metadata7"> - <rdf:RDF> - <cc:Work - rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> - </cc:Work> - </rdf:RDF> - </metadata> - <g - inkscape:label="Layer 1" - inkscape:groupmode="layer" - id="layer1"> - <rect - style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:4.85746479;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="rect2383" - width="90.150551" - height="91.566765" - x="2.6398439" - y="2.0620637" - rx="22.243717" - ry="21.610298" /> - <path - sodipodi:type="arc" - style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="path3161" - sodipodi:cx="28.088888" - sodipodi:cy="-446.84445" - sodipodi:rx="1.9555556" - sodipodi:ry="2.0444446" - d="M 30.044444,-446.84445 A 1.9555556,2.0444446 0 0 1 30.044444,-446.84444" - sodipodi:start="0" - sodipodi:end="3.6755458e-06" - sodipodi:open="true" - transform="matrix(3.6666667,0,0,2.9199971,-80.785183,1333.8956)" /> - <path - sodipodi:type="arc" - style="fill:#b3b3b3;fill-opacity:1;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - id="path3163" - sodipodi:cx="28.088888" - sodipodi:cy="-446.84445" - sodipodi:rx="1.9555556" - sodipodi:ry="2.0444446" - d="M 30.044444,-446.84445 A 1.9555556,2.0444446 0 0 1 30.044444,-446.84444" - sodipodi:start="0" - sodipodi:end="3.6755458e-06" - sodipodi:open="true" - transform="matrix(3.6666667,0,0,2.9199971,-45.496293,1333.8956)" /> - <path - style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - d="M 21.110169,69.85742 L 74.97872,70.14258" - id="path3165" /> - </g> -</svg> diff --git a/theme/default/display.css b/theme/default/display.css index 166f38250..1fd966f37 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 Binary files differdeleted file mode 100644 index 7d1c5b604..000000000 --- a/theme/default/header.jpg +++ /dev/null diff --git a/theme/default/ie6.css b/theme/default/ie6.css index fbbf56f88..d9b1fbb45 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 000000000..5cd90a461 --- /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 000000000..b5c186b17 --- /dev/null +++ b/theme/default/index.html @@ -0,0 +1,169 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> +<title>Stoi.ca - Profile</title> +<link href="stoica-display.css" rel="stylesheet" type="text/css" /> +<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" /><![endif]--> +<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--> +</head> + +<body> +<div id="wrap"> + <div id="header"> + <ul id="nav"> + <li><a href="#">Settings</a></li> + <li><a href="#">Help</a></li> + <li><a href="#">Logout</a></li> + </ul> + <a href="#"><img src="images/logo-stoica.png" alt="stoi.ca" id="logo" /></a> + </div> + <form id="status_form"> + <p> + <label for="status_update" id="status_label">What's up evan?</label> + <textarea id="status_textarea"></textarea> + <input type="submit" value="Send" id="status_submit" /> + </p> + </form> + + <!-- Start Content --> + <div id="content"> + <ul id="nav_views"> + <li><a href="#">Public</a></li> + <li><a href="#">Personal</a></li> + <li class="current"><a href="#">Profile</a></li> + </ul> + + + <!-- Start Profile --> + <div id="profile"> + + <div id="profile_avatar"> + <img src="http://stoi.ca/avatar/1-96-20080528104616.png" alt="evan" class="avatar"/> + <p class="action_subscription"><a href="#">Unsubscribe</a></p> + </div> + + <div id="profile_information"> + <h1>Evan Prodromou</h1> + <p class="location">Montreal, Canada</p> + <p class="description">hacktrepreneur, originally from San Francisco, Wikitravel, Keiki, Vinismo, certifica</p> + <p class="website"><a href="#">http://www.vinismo.com</a></p> + + + + <div id="statistics"> + <h2>Statistics</h2> + <dl> + <dt>Subscriptions</dt> + <dd>6</dd> + <dt>Subscribers</dt> + <dd>11</dd> + <dt>Notices</dt> + <dd>49</dd> + </dl> + </div> + </div> + + + <h2>Currently</h2> + <p class="notice_current">At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.</p> + + <div id="subscriptions"> + <h2>Subscriptions</h2> + <ul id="subscriptions_avatars"> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt="" /></a></li> + </ul> + <p id="subscriptions_viewall"><a href="#">View All</a></p> + </div> + </div> + <!-- End Profile --> + + <!-- Start Notices --> + <ul id="notices"> + <li class="notice_single"> + <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a> + <p class="nickname"><a href="#">evan</a><p> + <p>At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.</p> + <p class="time"><a href="#">June 4, 2008 — 16:05</a></p> + </li> + <li class="notice_single"> + <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a> + <p class="nickname"><a href="#">evan</a><p> + <p>Starting a new week with new challenges. Committed to getting Stoica launched by next Monday.</p> + <a href="#">http://www.stoi.ca</a> + <p class="time"><a href="#">June 4, 2008 — 16:05</a></p> + </li> + <li class="notice_single"> + <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a> + <p class="nickname"><a href="#">evan</a><p> + <p>Got up late, feeling sick today. Gonna go spread my germs at Station C. Got up late, feeling sick today. Gonna go spread my germs at Station C.</p> + <p class="time"><a href="#">June 4, 2008 — 16:05</a></p> + </li> + <li class="notice_single"> + <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a> + <p class="nickname"><a href="#">evan</a><p> + <p>Starting a new week with new challenges. Committed to getting Stoica launched by next Monday.</p> + <a href="#">http://www.stoi.ca</a> + <p class="time"><a href="#">June 4, 2008 — 16:05</a></p> + </li> + <li class="notice_single"> + <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a> + <p class="nickname"><a href="#">evan</a><p> + <p>Got up late, feeling sick today. Gonna go spread my germs at Station C. Got up late, feeling sick today. Gonna go spread my germs at Station C.</p> + <p class="time"><a href="#">June 4, 2008 — 16:05</a></p> + </li> + </ul> + + <div id="pagination"> + <ul id="nav_pagination"> + <li class="before"><a href="#">« Before</a></li> + <li class="after"><a href="#">After »</a></li> + </ul> + </div> + <!-- End Notices --> + </div> + <!-- End content --> + + <ul id="nav_sub"> + <li><a href="#">About</a></li> + <li><a href="#">Privacy</a></li> + <li><a href="#">Source</a></li> + </ul> + <div id="footer"> + <img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Creative Commons Logo" id="cc" /> + <p>Unless otherwise specified, contents of this site are copyright by the contributors and available under the Creative Commons <a href="#">Attribution 3.0. Contributors</a> should be attributed by full name or nickname.</p> + </div> + +</div> +<!-- End Wrap --> +</body> +</html> diff --git a/theme/default/logo.png b/theme/default/logo.png Binary files differnew file mode 100644 index 000000000..3b271814d --- /dev/null +++ b/theme/default/logo.png diff --git a/theme/default/menu.gif b/theme/default/menu.gif Binary files differdeleted file mode 100644 index c6f13925c..000000000 --- a/theme/default/menu.gif +++ /dev/null diff --git a/theme/default/tn_inside.jpg b/theme/default/tn_inside.jpg Binary files differdeleted file mode 100644 index a6a14012f..000000000 --- a/theme/default/tn_inside.jpg +++ /dev/null diff --git a/theme/default/tn_stream.jpg b/theme/default/tn_stream.jpg Binary files differdeleted file mode 100644 index 2f8fde049..000000000 --- a/theme/default/tn_stream.jpg +++ /dev/null |