From c0d04009e2a1feb8a47ffbdd42249642dd90a728 Mon Sep 17 00:00:00 2001 From: franck cuny Date: Fri, 26 Dec 2008 21:24:02 +0100 Subject: public data --- public/images/me.jpg | Bin 0 -> 15927 bytes public/images/services/delicious.png | Bin 0 -> 136 bytes public/images/services/flickr.png | Bin 0 -> 293 bytes public/images/services/googlereader.png | Bin 0 -> 725 bytes public/images/services/identica.png | Bin 0 -> 247 bytes public/images/services/lastfm.png | Bin 0 -> 538 bytes public/images/services/myblog.gif | Bin 0 -> 4846 bytes public/lifestream.css | 1429 +++++++++++++++++++++++++++++++ 8 files changed, 1429 insertions(+) create mode 100644 public/images/me.jpg create mode 100644 public/images/services/delicious.png create mode 100644 public/images/services/flickr.png create mode 100644 public/images/services/googlereader.png create mode 100644 public/images/services/identica.png create mode 100644 public/images/services/lastfm.png create mode 100644 public/images/services/myblog.gif create mode 100644 public/lifestream.css diff --git a/public/images/me.jpg b/public/images/me.jpg new file mode 100644 index 0000000..22bda3d Binary files /dev/null and b/public/images/me.jpg differ diff --git a/public/images/services/delicious.png b/public/images/services/delicious.png new file mode 100644 index 0000000..80af1ac Binary files /dev/null and b/public/images/services/delicious.png differ diff --git a/public/images/services/flickr.png b/public/images/services/flickr.png new file mode 100644 index 0000000..aee9b65 Binary files /dev/null and b/public/images/services/flickr.png differ diff --git a/public/images/services/googlereader.png b/public/images/services/googlereader.png new file mode 100644 index 0000000..b71099d Binary files /dev/null and b/public/images/services/googlereader.png differ diff --git a/public/images/services/identica.png b/public/images/services/identica.png new file mode 100644 index 0000000..ee0dc5c Binary files /dev/null and b/public/images/services/identica.png differ diff --git a/public/images/services/lastfm.png b/public/images/services/lastfm.png new file mode 100644 index 0000000..b76b685 Binary files /dev/null and b/public/images/services/lastfm.png differ diff --git a/public/images/services/myblog.gif b/public/images/services/myblog.gif new file mode 100644 index 0000000..d7f9f80 Binary files /dev/null and b/public/images/services/myblog.gif differ diff --git a/public/lifestream.css b/public/lifestream.css new file mode 100644 index 0000000..0345ba7 --- /dev/null +++ b/public/lifestream.css @@ -0,0 +1,1429 @@ +@import url(reset.css); + +/* Default Styles ---------------------------------------------------------------------------------- */ + +body { + font-family: "Helvetica Neue", Arial, Verdana; + font-size: 62.5%; + background: #ccccc0; + background: #222; + +} +a:link, +a:visited, +a:hover, +a:active { + color: #069; +} +h2, +h3 { + font-size: 11px; + /*text-transform: uppercase;*/ + font-weight: bold; + clear: both; + font-size: 13px; + font-style: italic; + color: #444; + padding: 8px 10px 7px; + border-top: 1px solid #ccc; + border-bottom: 1px dotted #ddd; +} +h1 { + font-size: 24px; + margin: 0 0 15px 0; + padding: 0; + border: none; + color: #000; + font-style: normal; + font-weight: normal; + font-family: "Helvetica Neue", Arial, Verdana; + clear: none; +} +.ti, +.ta, +.pw { + background: #fff; + border: 1px solid #ccc; + border-color-top: #aaa; + border-color-left: #aaa; + padding: 2px; + font-family: "Helvetica Neue", Arial, Verdana; +} +p { + margin: 0 0 10px; +} +.default-value, +.tip, +.hint { color: #aaa; } + +.right { + float: right; +} + +/* Userpics ---------------------------------------------------------------------------------- */ + +.userpic { + position: relative; +} + +/* Layout ---------------------------------------------------------------------------------- */ + +#container { + border-top: 5px solid #111; +} +#content { + background: #fff; + width: 980px; + margin: 0 auto; + font-size: 1.2em; +} +#content-inner { + padding: 30px 20px 25px; + width: 940px; + margin: 0 auto; +} +#alpha, +#beta { + float: left; +} +#alpha { + width: 620px; + margin-right: 20px; +} +#beta { + width: 300px; +} +#footer { + color: #ccc; + font-size: 1.1em; +} + +/* Header ---------------------------------------------------------------------------------- */ + +#header { + width: 100%; + margin: 0 auto; + border-bottom: 1px solid #333; +} +#header-inner { + position: relative; + width: 940px; + margin: 0 auto; + padding: 18px 20px; +} +#header #header-name { + font-size: 28px; + margin: 0; + font-weight: normal; + text-transform: lowercase; +} +#header #header-name a { + text-decoration: none; + display: block; + background: url(../images/motion-logo.gif) no-repeat 0 50%; + padding: 14px 0 16px 70px; + line-height: 32px; +} +#header #header-description { + color: #999; + font-size: 16px; + font-weight: normal; + margin: 0 0 20px 0; + display: none; +} + + +/* Authentication ---------------------------------------------------------------------------------- */ + +#header .widget-sign-in { + position: absolute; + right: 20px; + top: 6px; + font-size: 12px; +} +#header .widget-sign-in h3 { + display: none; +} +.widget-sign-in { + color: #999; +} +.widget-sign-in a { + color: #bbb; +} + + +/* Navigation ---------------------------------------------------------------------------------- */ + +#nav { + width: 100%; + margin: 0 auto; + border-top: 1px solid #111; +} +#nav-inner { + position: relative; + width: 980px; + margin: 0 auto; +} +#nav-inner ul { + padding: 0 20px; +} +#nav li { + float: left; + line-height: 15px; + margin: 0; + padding: 0; +} +#nav li a { + display: block; + margin: 0; + padding: 10px; + text-decoration: none; + font-size: 13px; + font-weight: normal; + line-height: 15px; + font-weight: bold; + color: #777; +} +#nav li.current a { + background: url(../images/nav-current.gif) no-repeat 50% bottom; +} + + +/* Search ---------------------------------------------------------------------------------- */ + +#nav .widget-search { + position: absolute; + top: 0; + right: 20px; + width: 300px; + text-align: right; +} +#nav .widget-header { + display: none; +} +#nav .widget-content { + padding-top: 6px; +} +#nav .widget-search .search-query { + font-size: 12px; + color: #fff; + margin-right: 2px; + border: none; + border-top: 1px solid #111; + border-left: 1px solid #111; + padding: 3px; + width: 180px; + vertical-align: middle; +} +#nav .widget-search .search-submit { + vertical-align: middle; +} + + +/* Footer ---------------------------------------------------------------------------------- */ + +#footer-inner { + width: 940px; + margin: 0 auto; + padding: 20px 0; +} +#footer a { +/* color: #fff;*/ +} +#footer .widget { + float: left; + width: 300px; + margin-right: 20px; + font-size: 12px; + color: #999; + line-height: 1.4; +} +#footer .widget h3 { + display: none; +} +#footer .widget-powered { + margin-right: 0; +} + + +/* Main Index ---------------------------------------------------------------------------------- */ + +#authenticate { + display: none; + background: #F1F7FB; + margin-bottom: 15px; + position: relative; + padding: 15px; + font-size: 20px; + text-align: center; +} +#authenticate a { + text-decoration: none; +} +#authenticate a:hover { + text-decoration: underline; +} +#authenticate .signin-link { + font-size: 12px; + color: #777; +} + +#compose { + display: none; + background: #F1F7FB url(../images/compose-content-bg.gif) no-repeat 0 bottom; + margin-bottom: 25px; + position: relative; +} +#compose h3 { + font-weight: bold; + font-style: italic; + font-size: 14px; + line-height: 16px; + background: #D9E8F0 url(../images/compose-header-bg.gif) no-repeat 0 0; + padding: 10px 15px; + border: none; + margin: 0 0 10px; + color: #111; + border-bottom: 1px solid #C3DBE7; +} +#compose-content { + padding: 10px 15px; +} +#compose-userpic { + border: 1px solid #ccc; + padding: 2px; + width: 60px; + background: #fff; + float: left; + margin-right: 10px; + position: relative; +} +#compose-userpic span { + position: absolute; + display: block; + width: 50px; + left: 5px; + top: 20px; + text-align: center; +} +#homepage-compose { + float: left; + width: 512px; +} +#entry-fields div { + margin-bottom: 10px; + font-size: 13px; + color: #aaa; +} +#entry-fields-optional { + display: none; +} +#homepage-compose .submit-wrapper { + margin-top: 10px; +} +#homepage-compose .submit-wrapper input { + font-size: 13px; +} +#homepage-compose .more-options { + float: right; + display: block; + font-size: 11px; + line-height: 22px; + text-decoration: none; +} +#homepage-compose .ti, +#homepage-compose .ta { + width: 506px; + font-size: 13px; + border: none; + border-left: 1px solid #C3DBE7; + border-top: 1px solid #C3DBE7; +} +#homepage-compose label { +} +#homepage-compose #field-title input { + font-size: 20px; +} +#entry-types { + position: absolute; + top: 4px; + right: 20px; + float: right; +} +#entry-types li { + float: left; + width: 29px; + height: 29px; +} +#entry-types li.active { + background: url(../images/compose-on.gif) no-repeat 50% bottom; +} +#entry-types li a { + display: block; + overflow: hidden; + text-indent: -9999px; + width: 16px; + height: 16px; + background: url(../images/icons/page_white_text.png) no-repeat 0 0; + margin: 6px auto 0; +} +#entry-types li#entry-photo a { + background-image: url(../images/icons/picture.png); +} +#entry-types li#entry-link a { + background-image: url(../images/icons/link.png); +} +#entry-types li#entry-embed a { + background-image: url(../images/icons/film.png); +} +#entry-types li#entry-audio a { + background-image: url(../images/icons/sound.png); +} +.content-nav { + padding: 15px 0; + text-align: center; + font-size: 12px; +} +#response-handler { + display: none; +} +#spinner, +#spinner-status { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: transparent url(../images/spinner.gif) no-repeat center center; +} +#spinner { + filter:alpha(opacity=5); + -moz-opacity:.5; + opacity:.5; + background: #fff; +} + + +/* Entry Listing ---------------------------------------------------------------------------------- */ + +#alpha .userpic { + margin-right: 4px; +} +#alpha .userpic .userpic-link { + border: 1px solid #ccc; + padding: 2px; + display: block; + float: left; +} + + +/* Actions Listing ---------------------------------------------------------------------------------- */ + +.service-icon { background-repeat: no-repeat; } +.icon-entry { background-image: url(../images/icons/page_white_text.png); } +.icon-link { background-image: url(../images/icons/link.png); } +.icon-audio { background-image: url(../images/icons/sound.png); } +.icon-video { background-image: url(../images/icons/film.png); } +.icon-embed { background-image: url(../images/icons/film.png); } +.icon-photo { background-image: url(../images/icons/picture.png); } +.icon-comment { background-image: url(../images/icons/comment.png); } +.icon-follow { background-image: url(../images/icons/group.png); } +.icon-favorite { background-image: url(../images/icons/heart.png); } + +.icon-service-delicious { background-image: url(images/services/delicious.png); } +.icon-service-flickr { background-image: url(images/services/flickr.png); } +.icon-service-googlereader { background-image: url(images/services/googlereader.png); } +.icon-service-gtalk { background-image: url(images/services/gtalk.png); } +.icon-service-identica { background-image: url(images/services/identica.png); } +.icon-service-lastfm { background-image: url(images/services/lastfm.png); } +.icon-service-myblog { background-image: url(images/services/myblog.gif); } + +.actions ul { + margin-bottom: 15px; +} + + +.asset, +.action { + padding-bottom: 25px; + border-bottom: 4px solid #f6f6f6; + background-repeat: no-repeat; + position: relative; +} +.action { + background-repeat: no-repeat; + padding: 8px 10px 7px 35px; + margin: 0; + font-size: 11px; + color: #222; + border-top: 1px solid #bbb; + background-repeat: no-repeat; + background-position: 10px 5px; +} +.action a { + color: #069; +} + + +.date { + display: none; +} +.hover .date, +.noscript .date { + display: inline; +} + +.action .date { + padding-left: 10px; +} + +.asset-meta { + font-size: 11px; + color: #aaa; + padding: 0 0 0 25px; + border-top: 1px solid #bbb; + border-bottom: 1px dotted #ddd; + margin-bottom: 15px; + background-repeat: no-repeat; + background-position: 10px 6px; +} + +.hover, +.noscript .asset-meta, +.hover .asset-meta, +.mt-entry-archive .asset-meta, +.user-profile .asset-meta { + color: #555; +} +.icon-comment .asset-meta { + padding: 8px 10px 7px 32px; +} +.icon-link .asset-meta { + background-image: url(../images/icons/link.png); +} +.icon-embed .asset-meta { + background-image: url(../images/icons/film.png); +} +.icon-video .asset-meta { + background-image: url(../images/icons/film.png); +} +.icon-link a.link-arrow { + text-decoration: none; +} +.icon-link a.link-arrow:hover { + text-decoration: underline; +} +.asset .asset-meta .separator { + display: none; +} +.asset .asset-meta .byline, +.asset .asset-meta .favorite-action, +.asset .asset-meta .trackback-count, +.asset .asset-meta .comment-count { + padding: 8px 10px 7px; +} + +.asset .asset-meta .byline { + display: block; + float: left; +} +.noscript .favorite-action { + display: none !important; +} + +.asset .asset-meta .comment-count, +.asset .asset-meta .trackback-count, +.asset .asset-meta .favorite-action { + display: block; + float: right; + padding-left: 32px; + border-left: 1px dotted #ddd; + visibility: hidden; + background-repeat: no-repeat; + background-position: 10px 50%; + text-decoration: none; + font-weight: bold; +} +.asset .asset-meta .comment-count { + background-image: url(../images/icons/comments.png); +} +.asset .asset-meta .trackback-count { + background-image: url(../images/icons/trackbacks.png); +} +.asset-meta .comment-count span, +.asset-meta .trackback-count span { + display: none; +} +.mt-entry-archive .asset-meta .comment-count, +.mt-entry-archive .asset-meta .trackback-count, +.mt-entry-archive .asset-meta .favorite-action, +.user-profile .asset-meta .comment-count, +.user-profile .asset-meta .trackback-count, +.user-profile .asset-meta .favorite-action, +.hover .asset-meta .comment-count, +.hover .asset-meta .trackback-count, +.hover .asset-meta .favorite-action { + visibility: visible; +} +.asset .asset-meta .favorite-action { + overflow: hidden; + text-align: center; + background: url(../images/icons/star-gray.png) no-repeat 50% 50%; + width: 16px; + padding: 8px 10px 7px 10px; +} +.asset .asset-meta .favorite-action:hover, +.asset .asset-meta .scored { + background-image: url(../images/icons/star.png); + cursor: hand; /* HACK - ie */ + cursor: pointer; +} +.asset-meta a { + color: #aaa; +} +.hover a, +.noscript .asset-meta a, +.hover .asset-meta a, +.mt-entry-archive .asset-meta a, +.user-profile .asset-meta a { + color: #069; +} +.asset .asset-meta a:hover { + color: #069; +} +.asset .userpic { + float: left; + margin-left: 35px; +} +.asset .asset-content { + margin: 5px 35px 0; + font-size: 13px; + line-height: 1.5; + color: #222; +} +.asset .asset-content .photo, +.asset .asset-content .video, +.asset .asset-content .embed, +.asset .asset-content object { + margin-bottom: 10px; +} +.asset .asset-content p { + margin-bottom: 10px; +} +#alpha .asset h1, +#alpha .asset h2 { + font-size: 16px; + margin: 0 0 5px 0; + font-style: normal; + clear: none; + border: none; + padding: 0; + font-family: "Helvetica Neue", Arial, Verdana; + line-height: 1.2; + text-transform: none; + background: none; +} +.asset h2 a { + text-decoration: none; +} +.asset .asset-content { + margin-left: 96px; +} +#alpha .asset h1 a, +#alpha .asset h2 a { + color: #222; +} +#alpha .asset h1 a:hover, +#alpha .asset h2 a:hover { + color: #069; +} + +/* textpost */ + +#alpha .asset h1, +#alpha .asset h2 { + font-size: 24px; + margin-bottom: 10px; + font-weight: normal; +} + +/* linkpost */ + +#alpha .icon-link h2 { + margin-bottom: 2px; +} +#alpha .icon-link h1 a, +#alpha .icon-link h2 a { + color: #069; + font-weight: bold; + padding-right: 15px; + background: url(../images/icons/external_link.gif) no-repeat right 40%; +} + + +.user-profile .asset .asset-content, +.user-profile #alpha .asset h1, +.user-profile #alpha .asset h2 { + margin-left: 35px; +} +.user-profile .asset .userpic { + display: none; +} + +.comment .asset-content { + background: url(../images/comment-bg.gif) no-repeat 0 6px; + margin-left: 89px; +} +.comment .asset-content .asset-body { + background: #f4f4f4; + border-bottom: 1px solid #ccc; + margin-left: 7px; + padding: 10px 15px; +} +.asset-content .link a { + text-decoration: none; + padding: 2px 6px 2px 24px; + background: #F1F7FB url(../images/icons/external_link.gif) no-repeat 6px 50%; + border: 1px solid #D9E8F0; +} +.asset-content .link a:hover { + background: #ffd url(../images/icons/external_link.gif) no-repeat 6px 50%; + border: 1px solid #fc3; +} +.most-recent-comment { + background: url(../images/recent-comment-bg.gif) no-repeat 0 0; + margin-top: 10px; + padding: 13px 5px 7px; + line-height: 24px; + font-size: 12px; + font-style: italic; + border-bottom: 1px solid #ddd; +} +.most-recent-comment a { + color: #777; + text-decoration: none; +} +.most-recent-comment a:hover { + color: #069; + text-decoration: underline; +} +.most-recent-comment .userpic, +#alpha .most-recent-comment .userpic .userpic-link { + border: none; + margin: 0 5px 0 0; + padding: 0; +} + + + +/* Pages ---------------------------------------------------------------------------------- */ + +.page-asset .asset-content { + line-height: 1.5; + margin-bottom: 20px; +} + +/* Sidebar ---------------------------------------------------------------------------------- */ + +#beta .widget { + margin-bottom: 20px; + clear: left; +} +#beta .widget .widget-content { + margin: 0 10px; +} +#beta h2, +#beta h3 { + margin-bottom: 10px; +} + + +ul.entry-sidebar-listing li { + padding-left: 22px; + font-size: 14px; + line-height: 1.2; + margin-bottom: 10px; + background-position: 0 1px; + background-repeat: no-repeat; +} +ul.entry-sidebar-listing li a { + text-decoration: none; +} +ul.entry-sidebar-listing li span.meta { + font-size: 11px; + color: #777; +} +ul.entry-sidebar-listing li span.meta a { + color: #777; + text-decoration: underline; +} +ul.entry-sidebar-listing li span.meta a:hover { + color: #069; +} + + +.widget-gallery .widget-content h3 { + display: none; +} + + +.widget-recent-comments .widget-content { + line-height: 1.4; +} +.widget-recent-comments li { + margin-bottom: 15px; +} +.widget-recent-comments li .comment-attribution { + font-size: 11px; + margin: 4px 0 0 25px; + color: #777; +} + +.widget-members ul.userlist-small li { + float: left; + position: relative; + margin: 0 3px 3px; + padding: 0; + height: 24px; +} +.widget-members ul.userlist-small li a { + margin: 0; padding: 0; +} + +.widget-elsewhere .service-icon { + padding: 3px 0 7px 20px; +} +.widget-elsewhere a { + text-decoration: none; +} + +#beta .archives ul, +#beta .archives p { + margin-left: 10px; + margin-right: 10px; +} +#beta .archives li { + list-style: disc; + margin-left: 20px; + padding: 0 0 2px; +} + +.widget-gallery { + position: relative; +} +#gall-prev, +#gall-next { + position: absolute; + top: 90px; + display: block; + overflow: hidden; + width: 16px; + height: 16px; + background: #069; + text-indent: -9999px; + background: url(../images/gallery-nav.gif) no-repeat 0 0; +} +#gall-prev { + left: 5px; + background: url(../images/gallery-nav.gif) no-repeat 0 -36px; +} +#gall-next { + right: 5px; + background: url(../images/gallery-nav.gif) no-repeat -36px -36px; +} +#gall-prev:hover { + background-position: 0 -72px; +} +#gall-next:hover { + background-position: -36px -72px; +} +#gall-prev.disabled { + background-position: 0 0; + cursor: default; +} +#gall-next.disabled { + background-position: 0 0; + cursor: default; +} +#beta .widget-gallery .widget-content { + height: 120px; + overflow: hidden; + position: relative; + margin-left: 30px; + width: 240px; +} +#photo-gallery { + width: 1100px; + position: absolute; + left: 0px; +} +#photo-gallery li { + float: left; + margin: 5px; + width: 110px; +} +.widget-tag-cloud .widget-content ul { + margin-right: 0; + margin-left: 0; +} + +.widget-tag-cloud .widget-content li { + display: inline; + margin: 0 5px 0 0; + padding: 0; + line-height: 1.2; + background: none; +} + +.widget-tag-cloud .rank-1 { font-size: 1.75em; } +.widget-tag-cloud .rank-2 { font-size: 1.75em; } +.widget-tag-cloud .rank-3 { font-size: 1.625em; } +.widget-tag-cloud .rank-4 { font-size: 1.5em; } +.widget-tag-cloud .rank-5 { font-size: 1.375em; } +.widget-tag-cloud .rank-6 { font-size: 1.25em; } +.widget-tag-cloud .rank-7 { font-size: 1.125em; } +.widget-tag-cloud .rank-8 { font-size: 1em; } +.widget-tag-cloud .rank-9 { font-size: 0.95em; } +.widget-tag-cloud .rank-10 { font-size: 0.9em; } + +/* Archives ---------------------------------------------------------------------------------- */ + +.action-listing { + margin: 0 0 15px 0; +} +.action-listing li { + /*border-bottom: 1px dotted #ddd;*/ + clear: left; + position: relative; + padding: 0 0 6px 10px; + /*line-height: 18px;*/ + background-repeat: no-repeat; + /*background-position: 5px 8px;*/ +} +#alpha .action-listing li .userpic { + position: absolute; + left: 0; + top: 2px; +} +#alpha .action-listing li .userpic .userpic-link { + border: none; + margin-top: 3px; + padding: 0; +} +.action-listing li a { + text-decoration: none; +} +.action-listing li span { + display: block; + float: left; + color: #222; +} +.action-listing li span.action-listing-date { + /*width: 80px;*/ + margin-right: 32px; + margin-left: 32px; + font-size: 10px; + font-weight: bold; +} +.action-listing li span.action-listing-title { + width: 468px; + display: block; + font-size: 15px; + margin-left: 32px; +} +.action-listing li span.action-listing-comments { + width: 30px; + display: block; + font-size: 13px; + text-align: right; +} + + +/* Comments ---------------------------------------------------------------------------------- */ + +.trackbacks, +.comments, +#comments-list { + clear: left; + margin-bottom: 25px; +} +.comment { + clear: both; + margin: 0 35px 25px; +} +.comment-last { + border-bottom: none; + margin-bottom: 0; +} +.comment-content { + font-size: 13px; + line-height: 1.5; + margin-bottom: 0px; + padding: 0; +} +.comment-footer, +.comment-content { + margin-left: 54px; +} +.comment-content { + background: url(../images/comment-bg.gif) no-repeat 0 6px; +} +.comment-content-inner { + padding: 10px 15px; + margin-left: 7px; + background: #f4f4f4; + border-bottom: 1px solid #ccc; +} +.comment-footer { + padding: 5px 0 0 22px; + line-height: 1.5; +} +.comment-by-author .comment-content { + background-image: url(../images/comment-bg-author.gif); +} +.comment-by-author .comment-content-inner { + background: #F1F7FB; + border-bottom: 1px solid #D9E8F0; +} +.comment-highlight .comment-content { + background-image: url(../images/comment-bg-new.gif); +} +.comment-highlight .comment-content-inner { + background: #ffd; + border-bottom: 1px solid #D9D9BC; +} + +.comments-open-header, +.comments-header, +.trackbacks-header { + margin-bottom: 15px; +} +.comment .userpic { + float: left; + position: relative; +} +.comment .userpic .auth-icon { + position: absolute; + top: 32px; + left: 32px; +} +.comment .asset-meta { + color: #777; + font-size: 11px; + border: none; + padding: 0; +} +.comment .asset-meta img { + display: none; /* hide the sign-in icon */ +} + + +/* Comment Form ---------------------------------------------------------------------------------- */ + +.comments-open-content { +/* margin: 0 35px;*/ +} +#comment-greeting, +#comments-form { + margin-bottom: 10px; + margin-left: 97px; +} +#comment-preview-comment { + display: none; + margin-top: 30px; +} +#comments-form div { + margin-bottom: 5px; +} +#comments-form input.ti, +#comments-form textarea { + width: 250px; + font-size: 13px; + color: #000; + background: #fff; +} +#comments-form input.default-value , +#comments-form textarea.default-value { + background: #f6f6f6; + color: #aaa; +} +#comments-form textarea { + width: 350px; + height: 200px; + margin-bottom: 5px; +} +#comment-form-remember-me, +#comment-form-reply, +#comments-open-footer { + +} +#comment-form-remember-me label, +#comment-form-reply label { + float: none; + width: auto; + text-align: left; + display: inline; +} + +/* Members ---------------------------------------------------------------------------------- */ + +.member-list .even { + margin-left: 20px; +} +.member-listitem { + float: left; + width: 278px; + border: 1px solid #ddd; + background: #f4f4f4; + margin: 0 0 15px; + padding: 10px; +} +.member-listitem .member-info { + margin-left: 55px; +} +.member-listitem .member-info h4 { + margin-bottom: 3px; + font-size: 14px; + font-weight: normal; +} + +/* Profile ---------------------------------------------------------------------------------- */ + +.user-profile .profile-header .userpic { + float: left; + border: 1px solid #ccc; + padding: 2px; +} +.user-profile .profile-header, +.user-profile .recent-entry, +.user-profile .actions, +.user-profile .comment-threads { + margin-bottom: 25px; +} +.profile-header-content { + margin-left: 125px; +} +.user-profile .recent-entry .asset { + margin-bottom: 10px; +} +.comment-threads li { + background-repeat: no-repeat; + background-position: 0 7px; + padding:8px 0 6px 24px; + margin: 0 10px 10px; + border-bottom: 1px dotted #ddd; +} +.comment-threads .excerpt { + padding: 6px 0 0; +} + + +/* Sign in ---------------------------------------------------------------------------------- */ + +.signin #alpha { + width: inherit; + float: none; + margin: 0; +} +#auth-options { + float: left; + width: 200px; + border-right: 3px solid #D9E8F0; +} +#auth-options a { + text-decoration: none; + display: block; +} +#auth-options img { + vertical-align: middle; +} +#auth-forms { + float: left; + position: relative; + left: -3px; + border-left: 3px solid #D9E8F0; + width: 500px; + padding: 10px; +} +#auth-options .selected { + background: #D9E8F0; +} +#signin_with_OpenID img.right { + float: none; + position: absolute; + left: 255px; +} +.actions-bar { + margin-bottom: 20px; +} + + +/* Utility ---------------------------------------------------------------------------------- */ + +.default-value { color: #aaa; } + +.pkg:after, +#footer-inner:after, +#content-inner:after, +#compose-inner:after, +.widget:after, +#nav ul:after, +.comment:after, +.member-listitem:after, +.asset .asset-meta:after, +.actions ul li:after, +.actions ul li .asset-meta:after, +.action-listing li:after, +.profile-header:after { + content: " "; + display: block; + visibility: hidden; + clear: both; + height: 0.1px; + font-size: 0.1em; + line-height: 0; +} +.pkg, +#footer-inner, +#content-inner, +#compose-inner, +.widget, +#nav ul, +.comment, +.member-listitem, +.asset .asset-meta, +.actions ul li, +.actions ul li .asset-meta, +.action-listing li, +.profile-header { + display: inline-block; +} +/* no ie mac \*/ +* html .pkg, +* html #footer-inner, +* html #content-inner, +* html #compose-inner, +* html .widget, +* html #nav ul, +* html .comment, +* html .member-listitem, +* html .entry-asset .asset-meta, +* html .actions ul li +* html .actions ul li .asset-meta +* html .action-listing li, +* html .profile-header { + height: 1%; +} +.pkg, +#footer-inner, +#content-inner, +#compose-inner, +.widget, +#nav ul, +.comment, +.member-listitem, +.asset .asset-meta, +.actions ul li, +.actions ul li .asset-meta, +.action-listing li, +.profile-header { + display: block; +} +/* */ + + + +/* Forms ---------------------------------------------------------------------------------- */ + + +.user-profile-edit form { + margin-bottom: .75em; +} +.field { + border: 0; + margin-bottom: 1em; +} + +.field-header, +.field-content { + line-height: 30px; +} +.field-header label { +/* font-weight: bold;*/ + color: #777; +} + +.field-content { + font-size: 15px; +} +.field-content select, +.field-content input.ti, +.field-content textarea.ta, +.field-content input.pw { + margin: 0; + width: 318px; + font-size: 15px; + border: 1px solid #ddd; + border-top: 1px solid #aaa; + border-left: 1px solid #aaa; + background: #fcfcfc; +} +.field-content input.ti, +.field-content textarea.ta, +.field-content input.pw { + padding: 4px; +} + +.field-content input.pw { + letter-spacing: 5px; +} + +ul#profile-data li { + margin-left: 0; + padding-left: 0; + list-style: none; +} + + +#profile_userpic-field .field-content label { + display: block; + margin-top: 5px; +} + +.mt-profile-edit form { + margin-bottom: .75em; +} + +.custom-field-radio-list { + margin-bottom: .25em; +} +.custom-field-radio-list li { + list-style: none; + margin-left: 0; +} + +.user-profile-edit .field .field-header, +.register .field .field-header { + float: left; + width: 130px; + margin-right: 10px; + text-align: right; +} +.user-profile-edit .field .field-content, +.register .field .field-content, +.register .actions-bar, +.user-profile-edit .actions-bar { + margin-left: 140px; +} + +.register .hint { font-size: 12px; } + +#userpic-field .field-content img { + vertical-align: top; +} + +/* Status Messages -------------------------------------------------------------------------------- */ + +#comment-error { + margin: 35px 37px 35px 97px; +} + +.msg { + margin: 0 0 10px 0; + padding: 16px 10px 16px 46px; + background-repeat: no-repeat; + background-position: 12px center; +} +.msg-success { + background-color: #CFC; + background-image: url(../images/icon_success.png); +} +.msg-error { + background-color: #FF9; + background-image: url('../images/icon_error.png'); +} +.msg-info { + background-color: #fff; + background-image: url('../images/icon_info.gif'); +} +.msg-alert { + background-color: #FF9; + background-image: url('../images/icon_alert.png'); +} +.msg-publishing { + background-color: #fff; + background-image: url('../images/ani-rebuild.gif'); +} + +.msg a.close-me { + background: transparent url('../images/icon_close.png') no-repeat scroll 3px 4px; + display: block; + float: right; + height: 18px; + min-width: 0; + padding: 2px; + width: 22px; + margin: 0; +} +.msg a.close-me span { + display: none; +} + +#system-allow-pings a.close-me, +#system-allow-comments a.close-me, +.msg-error a.close-me, +.rebuilding-screen .msg a.close-me, +.restore-publishing-config .msg a.close-me, +.insert-asset-dialog .msg a.close-me, +.edit-template .msg-info a.close-me, +.rebuilding-screen .msg-info a.close-me, +.pinging-screen .msg-info a.close-me, +.list-notification .msg-info a.close-me, +.zero-state a.close-me { + display: none; +} + + +/* colors */ + +body { + background: #fff; +} +#container { + border-color: #111; /* the line at the top of the page */ +} +#header { + background: #222; + border-color: #111; +} +#header #header-name a { + color: #ddd; +} +#nav { + background: #222; + border-color: #333; +} +#header #header-name a:hover, +#nav li a:hover, +#nav li.current a { + color: #fff; +} +#nav .widget-search .search-query { + background: #777; + border-color: #111; +} +#footer-inner { + color: #777; + border-top: 1px solid #ccc; +} + +#flickr_badge_uber_wrapper { } +#flickr_badge_uber_wrapper a:hover, +#flickr_badge_uber_wrapper a:link, +#flickr_badge_uber_wrapper a:active, +#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; } +#header { height: 90px; text-align: center; padding-top: 10px; } +.flickr_badge_image {text-align:center !important;} +.flickr_badge_image img {border: 0px solid black !important;} +img {padding: 0 10px 0 10px; border: 0px; } -- cgit 1.4.1