diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css deleted file mode 100644 index 0a5e462e8..000000000 --- a/public/stylesheets/application.css +++ /dev/null @@ -1,744 +0,0 @@ -@font-face { - font-family: "BrandonGrotesqueLightRegular"; - src: url("brandongrotesque_light/Brandon_light-webfont.eot"); - src: local("☺"), url("brandongrotesque_light/Brandon_light-webfont.woff") format("woff"), url("brandongrotesque_light/Brandon_light-webfont.ttf") format("truetype"), url("brandongrotesque_light/Brandon_light-webfont.svg#webfont") format("svg"); - font { - weight: normal; - style: normal; } } - -body { - padding: 2em; - margin: 0; } - -a { - color: #107fc9; - text-decoration: none; } - a:hover { - color: #22aae0; } - a:active { - color: #005d9c; } - -h1, h2, h3, h4 { - color: #444444; } - -h3 { - font-size: 18px; } - -.avatar { - width: 50px; - height: 50px; } - -#flash_notice, -#flash_error, -#flash_alert { - z-index: 100; - position: fixed; - color: white; - top: -100px; - left: 0; - width: 100%; - padding: 1em; - box-shadow: 0 1px 2px #333333; - -moz-box-shadow: 0 1px 2px #333333; - -webkit-box-shadow: 0 1px 2px #333333; - font-weight: bold; } - -#flash_notice { - background-color: rgba(127, 255, 36, 0.85); - border-bottom: solid 1px #66cc66; - text-shadow: 0 1px #66cc66; } - -#flash_error, -#flash_alert { - background-color: rgba(208, 49, 43, 0.85); - border-bottom: solid 1px #cc6666; - text-shadow: 0 1px #cc6666; } - -.fieldWithErrors { - display: inline; } - -.error_messages { - width: 400px; - border: 2px solid #cf0000; - padding: 0; - padding-bottom: 12px; - margin-bottom: 20px; - background-color: #f0f0f0; - font-size: 12px; } - .error_messages h2 { - text-align: left; - padding: 5px 5px 5px 15px; - margin: 0; - font-weight: bold; - font-size: 12px; - background-color: #cc0000; } - .error_messages p { - margin: 8px 10px; } - .error_messages ul { - margin: 0; } - -header { - z-index: 4; - position: relative; - margin: -2em; - margin-bottom: 2em; - color: black; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#222222)); - background: -moz-linear-gradient(19% 75% 90deg, #222222, #666666); - background-color: #666666; - padding: 0; - padding-top: 5px; - border-bottom: 1px solid #cccccc; } - header a { - color: #999999; } - header a:hover { - background: none; - color: #eeeeee; } - header #diaspora_text { - display: inline; - font-family: "BrandonGrotesqueLightRegular"; - font-size: 16px; - border: none; - color: white; } - header #session_action { - position: absolute; - display: inline; - top: 0; - right: 0; } - header #session_action ul { - list-style: none; - padding: 0; - margin: 0; - display: inline; } - header #session_action ul li { - display: inline; - margin-right: 1em; } - header #session_action ul li:last-child { - margin-right: 0; } - header #aspect_header { - -webkit-box-shadow: 0px -4px 6px -2px #777777; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#eeeeee)); - background: -moz-linear-gradient(19% 75% 90deg, #eeeeee, #f7f7f7); - background-color: #eeeeee; - border-top: 1px solid white; - padding: 20px 0; } - header #aspect_header h1 { - text-shadow: 0 1px 0 white; } - header #aspect_header a { - color: #444444; } - header #aspect_header a:hover { - background: none; - color: #999999; } - header #aspect_header .page_title { - text-transform: uppercase; - text-shadow: 0 1px 0 white; } - -ul#stream { - margin: 0; - padding: 0; } - ul#stream > li { - min-height: 50px; - list-style: none; - padding: 12px 0; - border-bottom: 1px solid #eeeeee; } - ul#stream > li:hover { - background-color: #fafafa; - border-bottom: 1px solid #dddddd; } - ul#stream > li:hover .destroy_link { - display: inline; } - ul#stream .right { - top: 0; } - -li.message { - position: relative; - line-height: 19px; - font-family: "Arial", "Helvetica", sans-serif; - color: #777777; } - li.message .avatar { - float: left; - margin-right: 15px; } - li.message .delete:hover { - background: #eeeeee; } - li.message .content { - max-width: 610px; - margin-top: -4px; - padding-left: 65px; - color: #444444; - font-weight: normal; - font-size: 14px; } - li.message .content .from { - font-family: "Helvetica neue", Arial, Helvetica, sans-serif; - text-shadow: 0 1px white; } - li.message .content .from .aspect { - cursor: default; - display: inline; - color: #bbbbbb; - font-size: 12px; } - li.message .content .from .aspect a { - font-weight: normal; - color: #bbbbbb; } - li.message .content .from .aspect a:hover { - text-decoration: underline; } - li.message .content .from .aspect a:active { - color: #999999; } - li.message .content .from .aspect ul { - display: inline; - margin: 0; - padding: 0; - list-style: none; } - li.message .content .from .aspect ul li { - display: inline; } - li.message .content .from .aspect ul li:after { - content: ","; } - li.message .content .from .aspect ul li:last-child:after { - content: ""; } - li.message .content .from a { - font-weight: bold; } - li.message .content div.info { - color: #999999; - font-size: smaller; } - li.message .content div.info a { - color: #cccccc; } - li.message .content div.info .time { - font-weight: bold; - margin-right: 5px; } - li.message .content div.info .time a { - color: #bbbbbb; } - li.message:hover div.info a, li.message:hover .time a { - color: #107fc9; } - li.message:hover div.info a:hover, li.message:hover .time a:hover { - color: #22aae0; } - li.message:hover div.info a:active, li.message:hover .time a:active { - color: #005d9c; } - -.destroy_link .reshare_pane .reshare_button a.inactive { - color: #cccccc; - cursor: default; } - .destroy_link .reshare_pane .reshare_button a.inactive:hover { - text-decoration: none; } - -.destroy_link .reshare_pane { - margin-left: 5px; - margin-right: 5px; - display: inline; - position: relative; } - .destroy_link .reshare_pane ul.reshare_box { - width: 150px; - display: none; - z-index: 10; - position: absolute; - margin-top: 5px; - padding: 0; - background-color: #fafafa; - list-style: none; - border: 5px solid #666666; - -webkit-box-shadow: 0 0 5px #666666; - -moz-box-shadow: 0 0 5px #666666; - text-shadow: 0 2px white; - color: black; } - .destroy_link .reshare_pane ul.reshare_box > li { - font-weight: bold; - color: #cccccc; - border-top: 1px solid white; - border-bottom: 1px solid #cccccc; } - .destroy_link .reshare_pane ul.reshare_box > li:first-child { - border-top: none; } - .destroy_link .reshare_pane ul.reshare_box > li:last-child { - border-bottom: none; } - .destroy_link .reshare_pane ul.reshare_box > li a { - display: block; - height: 100%; - padding: 2px 5px; } - .destroy_link .reshare_pane ul.reshare_box > li a:hover { - background-color: #eeeeee; - text-decoration: none; } - .destroy_link .reshare_pane ul.reshare_box > li a:active { - background-color: #cccccc; } - -form { - position: relative; - font-size: 120%; - margin: 1em; - margin-left: 0em; } - -#user_name { - margin-bottom: 20px; } - #user_name img { - margin-right: 10px; - display: inline-block; - float: left; - height: 40px; } - #user_name h1 { - margin-bottom: 7px; - line-height: 18px; } - #user_name h1 a { - color: black; } - #user_name span { - size: small; - font-weight: normal; - color: #999999; } - #user_name #latest_message_time { - font-style: italic; } - #user_name ul { - display: inline; - margin: 0; - padding: 0; - list-style: none; } - #user_name ul > li { - display: inline; - margin-right: 1em; } - -#stream div.comments { - display: none; } - #stream div.comments .avatar { - width: 35px; - height: 35px; - margin-right: 10px; } - -input.comment_submit { - display: none; - margin-right: -10px; } - -ul.comment_set { - margin: 0; - margin-top: 1em; - padding: 0; - list-style: none; - max-width: 610px; } - ul.comment_set textarea { - width: 100%; } - ul.comment_set li.comment { - margin-bottom: 0.5em; - background-color: rgba(10, 81, 109, 0.05); - padding: 0.6em; - border-bottom: 1px solid #dddddd; } - ul.comment_set li.comment .content { - color: #777777; - margin-top: -2px; - padding-left: 45px; - font-size: 12px; - line-height: 18px; } - ul.comment_set li.comment .content .from a { - color: #444444; } - ul.comment_set li.comment .content div.time { - color: #bbbbbb; - font-size: 11px; - font-weight: bold; } - ul.comment_set li.comment form { - margin-top: -5px; - margin-bottom: 0; - font-size: 1em; } - ul.comment_set li.comment form textarea { - font-size: 1em; } - -.profile_photo img { - height: 150px; - width: 150px; } - -#profile ul { - list-style-type: none; - margin: 0; - padding: 0; } - -#stream img.person_picture, #profile img.person_picture, -.comments img.person_picture { - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - display: inline block; - height: 30px; - display: absolute; - float: left; - margin-right: 10px; } - -.pagination a { - padding: 3px; } - -li.message .from .destroy_link { - display: none; - position: absolute; - right: 0; - font-size: 12px; } - li.message .from .destroy_link a { - color: #999999; - font-weight: normal; } - li.message .from .destroy_link a:hover { - text-decoration: underline; } - -.request_buttons { - position: absolute; - right: 0; - display: inline; - list-style: none; - margin: 0; - padding: 0; } - .request_buttons > li { - display: inline; } - .request_buttons > li:first-child { - margin-right: 1em; } - -#show_photo { - text-align: center; - min-height: 200px; } - #show_photo img { - max-width: 100%; } - #show_photo .caption { - margin-top: 10px; - margin-bottom: 25px; - font-size: larger; } - -#debug_info { - margin-top: 20px; - color: #cccccc; } - #debug_info h5 { - color: #cccccc; } - -input[type='text'], -input[type='password'], -textarea { - font-family: "Arial", "Helvetica", sans-serif; - font-size: 14px; - padding: 0.3em; - display: block; - width: 66%; - border: 1px solid #cccccc; - height: auto; - border-radius: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; } - -.submit_block { - text-align: right; - font-size: 12px; } - -form p { - position: relative; - padding: 0; - margin: 0; } - -label { - font-family: "Arial", "Helvetica", sans-serif; - font-weight: normal; - color: #999999; - position: absolute; - top: 3px; - left: 0.48em; - text-shadow: 0 1px 1px #eeeeee; } - -#publisher { - color: #999999; - position: relative; } - #publisher .avatar { - float: left; - margin-right: 15px; } - #publisher p { - position: absolute; - left: 0; - top: 0; } - #publisher form { - display: inline; } - #publisher form input[type='submit'] { - display: block; - margin-right: 20px; - width: 100%; } - #publisher textarea { - width: 570px; - height: 42px; - margin-top: 0; - margin-bottom: 0; } - #publisher .buttons { - float: right; } - -#image_picker .small_photo { - height: 100px; - position: relative; - display: inline-block; - margin-right: 1em; - margin-bottom: 1em; } - #image_picker .small_photo img { - border-radius: 3px; } - #image_picker .small_photo input[type='checkbox'] { - position: absolute; } -#image_picker .selected { - -webkit-box-shadow: 0 3px 6px black; - -moz-box-shadow: 0 3px 6px black; - border: 1px solid white; } - -/* cycle it! */ -.album { - position: relative; - height: 200px; - width: 200px; - display: inline-block; } - .album img { - width: 200px; - height: 200px; } - .album .name { - position: absolute; - z-index: 6; - padding: 1em; - background: rgba(0, 0, 0, 0.8); - bottom: 20px; - font-size: 18px; - text-shadow: 0 2px 0 black; } - .album .name .time { - font-size: 12px; } - .album .name .time a { - font-weight: normal; } - .album div.image_cycle img { - display: none; } - -.field_with_submit input[type='text'] { - width: 82%; - display: inline; } - -h1.big_text { - position: relative; - line-height: auto; - border-bottom: 1px solid #666666; } - h1.big_text .right { - top: -6px; } - -#content_bottom .right { - top: -5px; } - -.right { - display: inline; - float: right; } - -.back { - font-size: 12px; - font-weight: normal; } - -#content_bottom { - position: relative; - line-height: 36px; - margin: 0; - margin-top: 25px; - margin-bottom: 25px; - min-height: 36px; - border-top: 1px solid #999999; - border-bottom: 2px solid #eeeeee; } - -.show_post_comments ul.comment_set { - width: 100%; } - -.sub_header { - position: relative; - text-align: center; - font-style: italic; - margin-bottom: 20px; - color: #999999; } - -.image_thumb { - display: inline-block; - width: 100px; - min-width: 100px; - height: 100px; - min-height: 100px; } - .image_thumb img { - display: none; } - -.image_cycle img { - display: none; } - -#aspect_nav { - color: black; - margin-top: 8px; - margin-bottom: 1px; - font-family: "Arial", "Helvetica", sans-serif; } - #aspect_nav #aspect_manage_button { - display: inline; } - #aspect_nav #aspect_manage_button a { - color: #999999; } - #aspect_nav ul { - margin: 0; - padding: 0; - list-style: none; } - #aspect_nav ul > li { - padding: 0; - display: inline; - margin-right: 2px; } - #aspect_nav ul > li a { - text-shadow: 0 1px 0 #444444; - line-height: 22px; - padding: 3px 8px; - padding-bottom: 3px; - color: #999999; } - #aspect_nav ul > li a:hover { - background-color: #4e4e4e; - color: #cccccc; } - #aspect_nav ul > li.selected a { - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -webkit-box-shadow: 0px -4px 6px -2px #777777; - -moz-box-shadow: 0px -4px 6px -2px #777777; - text-shadow: 0 1px 0 white; - padding-top: 4px; - padding-bottom: 5px; - line-height: 18px; - font-weight: bold; - background-color: #eeeeee; - background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f7f7f7)); - background: -moz-linear-gradient(19% 75% 90deg, #f7f7f7, white); - border: 1px solid white; - border-bottom: 1px solid #f7f7f7; - color: #444444; } - #aspect_nav ul > li.selected a:hover { - background-color: #efefef; } - #aspect_nav ul > li.selected a a { - color: black; } - #aspect_nav .new_requests { - color: red; } - -#global_search { - display: inline; - position: relative; - opacity: 0.5; } - #global_search form { - display: inline; } - #global_search form input { - display: inline; - font-size: 12px; - border: none; } - #global_search form input[type='text'] { - width: 200px; - padding: 2px; } - #global_search form label { - font-size: 12px; - margin-top: -3px; } - -.aspect, -.requests, -.remove { - list-style: none; } - .aspect h3, - .requests h3, - .remove h3 { - display: inline-block; } - .aspect .tip, - .requests .tip, - .remove .tip { - display: none; - color: #999999; - margin-left: 0.5em; } - .aspect .edit_name_field:hover .tip, - .requests .edit_name_field:hover .tip, - .remove .edit_name_field:hover .tip { - display: inline; } - .aspect .aspect_name, - .requests .aspect_name, - .remove .aspect_name { - position: relative; } - .aspect .aspect_name ul.tools, - .requests .aspect_name ul.tools, - .remove .aspect_name ul.tools { - position: absolute; - top: 5px; - right: 0; - display: inline; - padding: 0; - margin: 0; - list-style: none; } - .aspect .aspect_name ul.tools li, - .requests .aspect_name ul.tools li, - .remove .aspect_name ul.tools li { - display: inline; - margin-right: 1em; } - .aspect .aspect_name ul.tools li:last-child, - .requests .aspect_name ul.tools li:last-child, - .remove .aspect_name ul.tools li:last-child { - margin-right: 0; } - .aspect .grey, - .requests .grey, - .remove .grey { - color: #999999; - cursor: default; - text-shadow: 0 1px white; } - .aspect ul.dropzone, - .requests ul.dropzone, - .remove ul.dropzone { - min-height: 20px; - margin: 0; - margin-bottom: 25px; - background-color: #efefef; - border: 1px solid #cccccc; - list-style: none; - padding: 15px; } - .aspect ul.dropzone.active, - .requests ul.dropzone.active, - .remove ul.dropzone.active { - background-color: #fafafa; } - .aspect .person, - .aspect .requested_person, - .requests .person, - .requests .requested_person, - .remove .person, - .remove .requested_person { - display: inline-block; - padding: 5px; - cursor: move; - margin: 5px; - z-index: 10; - text-align: center; - width: 125px; - height: 120px; } - .aspect .person img, - .aspect .requested_person img, - .requests .person img, - .requests .requested_person img, - .remove .person img, - .remove .requested_person img { - height: 100px; - width: 100px; - display: inline-block; } - .aspect .person:active, - .aspect .requested_person:active, - .requests .person:active, - .requests .requested_person:active, - .remove .person:active, - .remove .requested_person:active { - z-index: 20; - color: #666666; } - .aspect .person:active img, - .aspect .requested_person:active img, - .requests .person:active img, - .requests .requested_person:active img, - .remove .person:active img, - .remove .requested_person:active img { - -webkit-box-shadow: 0 1px 3px #333333; - -moz-box-shadow: 0 2px 4px #333333; - opacity: 0.9; } - -ul#settings_nav { - list-style: none; - padding: 0; - marign: 0; - font-size: larger; } - ul#settings_nav > li a { - font-size: smaller; - display: block; - height: 100%; - border-bottom: 1px solid #eeeeee; - padding: 2px; } - -.settings_pane { - display: none; } - -#fancybox-close:hover { - background-color: transparent; } - -#friend_pictures { - margin-top: 12px; - line-height: 1em; } - #friend_pictures img { - margin-right: -1px; - width: 35px; - height: 35px; } - -#thumbnails { - line-height: 14px; } - -#aspect_list { - margin: 0; - padding: 0; } diff --git a/public/stylesheets/sessions.css b/public/stylesheets/sessions.css deleted file mode 100644 index 2b5199d25..000000000 --- a/public/stylesheets/sessions.css +++ /dev/null @@ -1,123 +0,0 @@ -@font-face { - font-family: "BrandonGrotesqueLightRegular"; - src: url("brandongrotesque_light/Brandon_light-webfont.eot"); - src: local("☺"), url("brandongrotesque_light/Brandon_light-webfont.woff") format("woff"), url("brandongrotesque_light/Brandon_light-webfont.ttf") format("truetype"), url("brandongrotesque_light/Brandon_light-webfont.svg#webfont") format("svg"); - font { - weight: normal; - style: normal; } } - -#flash_notice, -#flash_error, -#flash_alert { - z-index: 100; - top: 32px; - position: absolute; - color: black; - width: 400px; - margin: 0 0 0 -200px; - left: 50%; - text-align: center; - font-size: 14px; - padding: 3px 0; } - -#flash_notice { - background-color: #ccffcc; - border: solid 1px #66cc66; } - -#flash_error, -#flash_alert { - background-color: #ffcccc; - border: solid 1px #cc6666; } - -.fieldWithErrors { - display: inline; } - -.error_messages { - width: 400px; - border: 2px solid #cf0000; - padding: 0; - padding-bottom: 12px; - margin-bottom: 20px; - background-color: #f0f0f0; - font-size: 12px; } - .error_messages h2 { - text-align: left; - padding: 5px 5px 5px 15px; - margin: 0; - font-weight: bold; - font-size: 12px; - background-color: #cc0000; } - .error_messages p { - margin: 8px 10px; } - .error_messages ul { - margin: 0; } - -/* via blueprint */ -html { - font-size: 100.01%; } - -/* via blueprint */ -body { - font-size: 75%; - font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; - color: #222222; - background: white; - margin-left: 100px; } - -/* via blueprint */ -input[type=text], -input[type=password], -textarea, select { - background-color: white; - border: 1px solid #bbbbbb; } - -/* via blueprint */ -input[type=text]:focus, -input[type=password]:focus, -input.text:focus, -input.title:focus, -textarea:focus, select:focus { - border-color: #666666; } - -#huge_text { - font-size: 40px; - font-family: "BrandonGrotesqueLightRegular"; - line-height: 120px; - color: #333333; - text-shadow: 0 1px 1px #999999; } - -input { - font-size: 14px; } - -form p { - position: relative; - padding: 0; } - -label { - color: #999999; - position: absolute; - padding-top: 7px; - left: 8px; - font-size: 14px; - font-weight: normal; } - -input[type='text'], -input[type='password'] { - font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; - padding: 0.3em; - width: 395px; - border-top: 1px solid #999999; } - -#user { - display: inline; - width: 500px; } - #user .username { - width: 200px; - display: inline; } - #user .username input { - display: inline; - width: 200px; } - #user .user_network { - width: 200px; - display: inline; - font-size: 18px; } diff --git a/public/stylesheets/ui.css b/public/stylesheets/ui.css deleted file mode 100644 index 6a0dd8850..000000000 --- a/public/stylesheets/ui.css +++ /dev/null @@ -1,73 +0,0 @@ -.button, .button_set { - font-family: "Lucida Grande", sans-serif; - font-style: normal; - display: inline; - padding: 4px; - font-size: 12px; - line-height: 100%; - text-shadow: 0 1px 0 white; - min-height: 10px; - background: -webkit-gradient(linear, 0% 29%, 0% 85%, from(#fcfcfc), to(#f6f6f6)); - background: -moz-linear-gradient(top, #fcfcfc, #f6f6f6); - border: 1px solid #eeeeee; - border-bottom: 1px solid #999999; - border-left: 1px solid #cccccc; - border-right: 1px solid #cccccc; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - cursor: pointer; - box-shadow: 0 1px 1px #eeeeee; - -webkit-box-shadow: 0 1px 1px #eeeeee; - -moz-box-shadow: 0 1px 1px #eeeeee; - font-weight: normal; - color: #666666; } - .button:hover, .button_set:hover { - color: #666666; - background: -webkit-gradient(linear, 0% 29%, 0% 85%, from(#fafafa), to(#f0f0f0)); - background: -moz-linear-gradient(top, #fafafa, #f0f0f0); } - .button:active, .button_set:active { - color: #666666; - background: -webkit-gradient(linear, 0% 29%, 0% 85%, from(#f0f0f0), to(#fafafa)); - background: -moz-linear-gradient(top, #f0f0f0, #fafafa); - border-top: 1px solid #cccccc; } - -ul.button_set { - padding-left: 0; - padding-right: 0; } - ul.button_set > li { - padding: 5px; - display: inline; - height: 100%; - border-left: 1px solid #cccccc; - border-right: 1px solid white; - margin-left: -3px; - margin-right: -3px; } - ul.button_set > li:first-child { - margin-left: 0; - border-left: none; } - ul.button_set > li:last-child { - margin-right: 0; - border-right: none; } - -.button .selected, .button_set .selected { - background: -webkit-gradient(linear, 0% 29%, 0% 85%, from(#f0f0f0), to(#fafafa)); - background: -moz-linear-gradient(top, #f0f0f0, #fafafa); - border-top: 1px solid #aaaaaa; } - -.right { - position: absolute; - right: 0; } - -.contextual_pane { - z-index: 20; - position: absolute; - display: none; - background-color: white; - border: 4px solid black; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - box-shadow: 0 0 5px black; - -webkit-box-shadow: 0 0 10px black; - padding: 2em; }