gnu-social/theme/base/css/display.css

1624 lines
24 KiB
CSS
Raw Normal View History

2009-01-23 13:54:54 +09:00
/** theme: base
*
2009-08-26 07:21:37 +09:00
* @package StatusNet
* @author Sarven Capadisli <csarven@status.net>
* @copyright 2009 StatusNet, Inc.
2009-01-23 13:54:54 +09:00
* @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
2009-08-26 07:21:37 +09:00
* @link http://status.net/
2009-01-23 13:54:54 +09:00
*/
* { margin:0; padding:0; }
img { display:block; border:0; }
a abbr { cursor: pointer; border-bottom:0; }
table { border-collapse:collapse; }
ol { list-style-position:inside; }
2009-06-18 10:41:53 +09:00
html { font-size: 87.5%; }
body {
background-color:#FFFFFF;
color:#000;
font-family:sans-serif;
font-size:1em;
line-height:1.65;
position:relative;
}
2009-01-19 01:06:12 +09:00
h1,h2,h3,h4,h5,h6 {
margin-bottom:7px;
overflow:hidden;
2009-01-19 01:06:12 +09:00
}
h1 {
2009-01-19 01:06:12 +09:00
font-size:1.4em;
margin-bottom:18px;
}
#showstream h1 { display:none; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1em; }
h6 { font-size:0.9em; }
2009-01-19 01:06:12 +09:00
2009-01-18 01:22:36 +09:00
caption {
font-weight:bold;
}
legend {
font-weight:bold;
2009-01-19 01:06:12 +09:00
font-size:1.3em;
2009-01-18 01:22:36 +09:00
}
input, textarea, select, option {
padding:4px;
font-family:sans-serif;
font-size:1em;
}
input.submit {
font-weight:bold;
2009-01-23 20:20:47 +09:00
cursor:pointer;
}
textarea {
overflow:auto;
}
2009-01-21 10:10:11 +09:00
option {
2009-01-18 01:22:36 +09:00
padding-bottom:0;
}
2009-01-18 01:22:36 +09:00
fieldset {
padding:0;
border:0;
}
form ul li {
list-style-type:none;
margin:0 0 18px 0;
}
form label {
font-weight:bold;
}
input.checkbox,
input.radio {
2009-01-17 09:01:53 +09:00
position:relative;
top:2px;
left:auto;
border:0;
2009-01-17 09:01:53 +09:00
}
.error,
.success {
2009-04-25 02:22:43 +09:00
padding:4px 1.55%;
2009-01-19 09:48:12 +09:00
border-radius:4px;
2009-01-18 01:22:36 +09:00
-moz-border-radius:4px;
2009-01-19 09:48:12 +09:00
-webkit-border-radius:4px;
margin-bottom:18px;
}
2009-11-14 19:57:27 +09:00
.xoxo li {
list-style-type:none;
}
form label.submit {
display:none;
}
2009-01-23 10:31:04 +09:00
.form_settings {
clear:both;
}
.form_settings fieldset {
margin-bottom:29px;
}
.form_settings fieldset fieldset {
margin-bottom:41px;
padding:3% 1.795% 1.795% 3%;
border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-width:1px;
border-style:solid;
}
.form_settings fieldset fieldset legend {
line-height:0;
}
2009-01-23 10:31:04 +09:00
.form_settings input.remove {
margin-left:11px;
}
2009-01-19 12:09:13 +09:00
.form_settings .form_data li {
2009-01-18 08:49:12 +09:00
width:100%;
float:left;
}
2009-01-19 12:09:13 +09:00
.form_settings .form_data label {
float:left;
}
2009-01-19 12:09:13 +09:00
.form_settings .form_data textarea,
.form_settings .form_data select,
.form_settings .form_data input {
2009-11-18 06:48:00 +09:00
margin-left:1.795%;
2009-01-18 08:49:12 +09:00
float:left;
}
.form_settings .form_data input {
2009-11-18 06:48:00 +09:00
width:39%;
}
.form_settings .form_data input.submit,
.form_settings .form_data input.checkbox,
.form_settings .form_data input.radio {
width:auto;
}
2009-11-18 06:48:00 +09:00
.form_settings .form_data textarea {
width:63%;
2009-01-18 08:49:12 +09:00
}
2009-11-18 06:48:00 +09:00
2009-01-23 20:42:38 +09:00
.form_settings .form_data input.submit {
margin-left:0;
}
2009-01-18 08:49:12 +09:00
.form_settings label {
margin-top:2px;
2009-11-18 06:48:00 +09:00
width:24%;
2009-01-18 01:22:36 +09:00
}
.form_actions label {
display:none;
}
2009-01-23 13:54:54 +09:00
.form_guide {
font-style:italic;
}
.form_settings #settings_autosubscribe label {
display:inline;
font-weight:bold;
}
#form_settings_profile legend,
#form_login legend,
2009-01-22 04:56:18 +09:00
#form_register legend,
2009-01-22 05:33:37 +09:00
#form_password legend,
2009-01-22 07:44:27 +09:00
#form_settings_avatar legend,
#newgroup legend,
#editgroup legend,
2009-01-23 14:23:28 +09:00
#form_tag_user legend,
2009-01-23 17:52:04 +09:00
#form_remote_subscribe legend,
2009-01-24 09:58:12 +09:00
#form_openid_login legend,
2009-01-24 12:18:34 +09:00
#form_search legend,
#form_invite legend,
#form_notice_delete legend,
#form_password_recover legend,
#form_password_change legend,
2009-09-05 00:59:27 +09:00
.form_entity_block legend,
#form_filter_bytag legend,
#apioauthauthorize_allowdeny {
2009-01-18 08:49:12 +09:00
display:none;
}
2009-01-19 12:09:13 +09:00
.form_settings .form_data p.form_guide {
2009-01-18 08:49:12 +09:00
clear:both;
2009-11-18 06:48:00 +09:00
margin-left:26%;
2009-01-18 08:49:12 +09:00
margin-bottom:0;
}
2009-01-17 08:41:46 +09:00
.form_settings p {
2009-01-18 08:49:12 +09:00
margin-bottom:11px;
2009-01-17 08:41:46 +09:00
}
.form_settings input.checkbox,
.form_settings input.radio {
2009-01-18 08:49:12 +09:00
margin-top:3px;
margin-left:0;
2009-01-18 08:49:12 +09:00
}
2009-01-17 10:08:55 +09:00
.form_settings label.checkbox {
2009-01-17 09:01:53 +09:00
font-weight:normal;
2009-01-18 08:49:12 +09:00
margin-top:0;
margin-right:0;
margin-left:11px;
float:left;
width:90%;
2009-01-17 09:01:53 +09:00
}
.form_settings label.radio {
margin-top:0;
margin-right:47px;
margin-left:11px;
width:auto;
}
#form_login p.form_guide,
2009-01-23 17:52:04 +09:00
#form_register #settings_rememberme p.form_guide,
2009-01-23 20:42:38 +09:00
#form_openid_login #settings_rememberme p.form_guide,
2009-01-24 09:58:12 +09:00
#settings_twitter_remove p.form_guide,
#form_search ul.form_data #q,
#design_background-image_onoff p.form_guide {
2009-01-18 10:02:42 +09:00
margin-left:0;
}
2009-01-18 11:34:30 +09:00
.form_settings .form_note {
2009-01-19 09:48:12 +09:00
border-radius:4px;
2009-01-18 11:34:30 +09:00
-moz-border-radius:4px;
2009-01-19 09:48:12 +09:00
-webkit-border-radius:4px;
2009-01-18 11:34:30 +09:00
padding:0 7px;
}
.form_settings input.form_action-default {
margin-right:11px;
}
.form_settings input.form_action-default,
.form_settings input.form_action-primary {
padding:0;
}
.form_settings input.form_action-secondary {
margin-left:29px;
}
2009-01-24 09:58:12 +09:00
#form_search .submit {
margin-left:11px;
}
2009-11-18 06:48:00 +09:00
#form_search .form_data input {
width:auto;
}
address {
float:left;
margin-bottom:18px;
2009-01-16 05:15:11 +09:00
margin-left:18px;
}
address.vcard img.logo {
margin-right:0;
}
address .fn {
font-weight:bold;
}
address img + .fn {
display:none;
}
address a {
text-decoration:none;
}
address .poweredby {
2009-12-18 05:35:07 +09:00
float:left;
clear:left;
display:block;
position:relative;
top:7px;
margin-right:-47px;
}
#header {
width:100%;
position:relative;
float:left;
padding-top:18px;
margin-bottom:29px;
}
#site_nav_global_primary {
float:right;
2009-01-19 09:48:12 +09:00
margin-right:18px;
margin-bottom:11px;
2009-01-23 17:19:00 +09:00
margin-left:18px;
}
2009-10-05 06:53:02 +09:00
#site_nav_global_primary li {
display:inline;
margin-left:18px;
}
.system_notice dt {
font-weight:bold;
text-transform:uppercase;
display:none;
}
#site_notice {
float:right;
clear:right;
margin-top:7px;
margin-right:18px;
width:24%;
}
#page_notice {
clear:both;
margin-bottom:18px;
}
2009-01-23 12:47:32 +09:00
#anon_notice {
float:left;
2009-07-07 13:08:51 +09:00
width:42.4%;
padding:1.1%;
2009-01-23 12:47:32 +09:00
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-width:2px;
border-style:solid;
line-height:1.5;
font-size:1.1em;
font-weight:bold;
}
#footer {
float:left;
2009-01-19 09:48:12 +09:00
width:64%;
padding:18px;
}
#site_nav_local_views {
width:100%;
float:left;
}
#site_nav_local_views dt {
display:none;
}
#site_nav_local_views li {
float:left;
margin-right:18px;
list-style-type:none;
}
#site_nav_local_views a {
float:left;
text-decoration:none;
padding:4px 11px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
2009-01-19 09:48:12 +09:00
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
border-width:1px;
border-style:solid;
border-bottom:0;
font-weight:bold;
}
#site_nav_local_views .nav {
float:left;
width:100%;
}
#site_nav_global_primary dt,
#site_nav_global_secondary dt {
display:none;
}
2009-01-23 13:54:54 +09:00
#site_nav_global_secondary {
margin-bottom:11px;
}
#site_nav_global_secondary ul li {
display:inline;
margin-right:18px;
}
#export_data li a {
padding-left:20px;
}
#export_data li a.foaf {
padding-left:30px;
}
#export_data li a.export_vcard {
padding-left:28px;
}
#export_data ul {
width:100%;
float:left;
}
#export_data li {
list-style-type:none;
float:left;
margin-right:11px;
}
#licenses {
font-size:0.9em;
}
#licenses dt {
font-weight:bold;
display:none;
}
#licenses dd {
margin-bottom:11px;
line-height:1.5;
}
2009-01-19 09:48:12 +09:00
#site_content_license_cc {
margin-bottom:0;
}
#site_content_license_cc img {
display:inline;
vertical-align:top;
margin-right:4px;
}
#wrap {
2009-01-23 13:54:54 +09:00
margin:0 auto;
width:100%;
min-width:760px;
max-width:1003px;
overflow:hidden;
}
#core {
position:relative;
width:100%;
float:left;
margin-bottom:1em;
}
#content {
2009-07-07 13:08:51 +09:00
width:63.311%;
min-height:259px;
padding:1.795%;
float:left;
2009-01-19 09:48:12 +09:00
border-radius:7px;
-moz-border-radius:7px;
-moz-border-radius-topleft:0;
2009-01-19 09:48:12 +09:00
-webkit-border-radius:7px;
-webkit-border-top-left-radius:0;
border-width:1px;
border-style:solid;
}
#shownotice #content {
min-height:0;
}
#content_inner {
position:relative;
2009-01-19 09:48:12 +09:00
width:100%;
2009-01-23 15:49:14 +09:00
float:left;
}
#aside_primary {
width:27.917%;
min-height:259px;
float:left;
2009-07-07 13:08:51 +09:00
margin-left:0.699%;
padding:1.795%;
2009-01-19 09:48:12 +09:00
border-radius:7px;
-moz-border-radius:7px;
2009-01-19 09:48:12 +09:00
-webkit-border-radius:7px;
border-width:1px;
border-style:solid;
}
.form_notice {
2009-07-07 13:08:51 +09:00
width:45%;
float:left;
position:relative;
line-height:1;
}
.form_notice fieldset {
border:0;
padding:0;
2009-04-25 02:22:43 +09:00
position:relative;
}
.form_notice legend {
display:none;
}
.form_notice textarea {
float:left;
2009-01-19 09:48:12 +09:00
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
width:80.789%;
height:67px;
line-height:1.5;
2009-01-19 12:20:41 +09:00
padding:7px 7px 16px 7px;
2009-06-15 12:21:15 +09:00
position:relative;
z-index:2;
}
.form_notice label {
display:block;
float:left;
font-size:1.3em;
margin-bottom:7px;
}
.form_notice label[for=notice_data-attach],
.form_notice #notice_data-attach {
position:absolute;
top:25px;
right:10.5%;
2009-06-15 12:21:15 +09:00
cursor:pointer;
}
.form_notice label[for=notice_data-attach] {
2009-06-15 12:21:15 +09:00
text-indent:-9999px;
width:16px;
height:16px;
}
.form_notice #notice_data-attach {
2009-06-15 12:21:15 +09:00
padding:0;
height:16px;
}
.form_notice .form_note {
position:absolute;
bottom:2px;
right:21.715%;
z-index:9;
}
.form_notice .form_note dt {
font-weight:bold;
display:none;
}
.form_notice #notice_text-count {
font-weight:bold;
line-height:1.15;
padding:1px 2px;
}
.form_notice #notice_action-submit {
width:14%;
height:47px;
padding:0;
position:absolute;
bottom:0;
right:0;
}
.form_notice label[for=to] {
margin-top:7px;
2009-01-21 12:38:50 +09:00
}
.form_notice select[id=to] {
margin-bottom:7px;
margin-left:18px;
2009-01-21 12:38:50 +09:00
float:left;
max-width:322px;
2009-01-21 12:38:50 +09:00
}
.form_notice .error,
.form_notice .success {
2009-04-25 02:22:43 +09:00
float:left;
clear:both;
width:81.5%;
2009-04-25 02:22:43 +09:00
margin-bottom:0;
line-height:1.618;
}
.form_notice #notice_data-attach_selected code {
float:left;
width:80%;
display:block;
overflow:auto;
margin-right:2.5%;
font-size:1.1em;
}
.form_notice #notice_data-attach_selected button.close {
float:right;
font-size:0.8em;
}
2010-01-04 22:28:42 +09:00
.form_notice #notice_data-geo_wrap label,
.form_notice #notice_data-geo_wrap input {
position:absolute;
top:25px;
right:4px;
left:auto;
cursor:pointer;
width:16px;
height:16px;
display:block;
}
2010-01-08 22:58:23 +09:00
.form_notice #notice_data-geo_wrap input {
visibility:hidden;
}
2010-01-08 22:58:23 +09:00
.form_notice #notice_data-geo_wrap label {
font-weight:normal;
font-size:1em;
margin-bottom:0;
text-indent:-9999px;
}
2009-01-23 13:54:54 +09:00
button.close,
button.minimize {
2009-11-02 04:53:25 +09:00
width:16px;
height:16px;
text-indent:-9999px;
padding:0;
border:0;
text-align:center;
font-weight:bold;
2009-11-27 03:09:19 +09:00
cursor:pointer;
2009-11-02 04:53:25 +09:00
}
2009-01-22 09:04:13 +09:00
/* entity_profile */
.entity_profile {
position:relative;
width:73%;
min-height:123px;
float:left;
margin-bottom:18px;
margin-left:0;
overflow:hidden;
}
.entity_profile dt,
2009-01-22 09:04:13 +09:00
#entity_statistics dt {
font-weight:bold;
}
.entity_profile dd {
display:inline;
}
2009-01-22 09:04:13 +09:00
.entity_profile .entity_depiction {
float:left;
width:96px;
margin-right:18px;
margin-bottom:18px;
}
2009-01-22 09:04:13 +09:00
.entity_profile .entity_fn,
.entity_profile .entity_nickname,
.entity_profile .entity_location,
.entity_profile .entity_url,
.entity_profile .entity_note,
2009-06-25 16:55:52 +09:00
.entity_profile .entity_tags,
.entity_profile .entity_aliases,
.entity_profile .entity_statistics {
2009-01-20 14:58:35 +09:00
margin-left:113px;
margin-bottom:4px;
}
2009-01-22 09:04:13 +09:00
.entity_profile .entity_fn,
.entity_profile .entity_nickname {
margin-left:11px;
display:inline;
}
.entity_profile .entity_nickname {
margin-left:0;
}
.entity_profile .fn,
.entity_profile .nickname {
font-size:1.1em;
font-weight:bold;
}
.entity_profile .fn:before {
content: "(";
2009-01-20 14:58:35 +09:00
font-weight:normal;
}
.entity_profile .fn:after {
content: ")";
2009-01-20 14:58:35 +09:00
font-weight:normal;
}
.entity_profile .nickname:after,
.entity_profile .nickname:before {
content:"";
}
.entity_profile dt,
.entity_profile h2 {
display:none;
}
.entity_profile .role {
margin-left:11px;
font-style:italic;
}
2009-01-22 09:04:13 +09:00
/* entity_profile */
2009-01-22 09:04:13 +09:00
/*entity_actions*/
.entity_actions {
float:right;
margin-left:2%;
margin-bottom:18px;
min-width:21%;
}
2009-01-22 09:04:13 +09:00
.entity_actions h2 {
display:none;
}
2009-01-22 09:04:13 +09:00
.entity_actions ul {
list-style-type:none;
}
2009-01-22 09:04:13 +09:00
.entity_actions li {
2009-11-09 02:41:03 +09:00
margin-bottom:7px;
}
2009-01-22 09:04:13 +09:00
.entity_actions li:first-child {
border-top:0;
}
2009-01-22 09:04:13 +09:00
.entity_actions fieldset {
border:0;
padding:0;
}
2009-01-22 09:04:13 +09:00
.entity_actions legend {
display:none;
}
2009-01-22 09:04:13 +09:00
.entity_actions input.submit {
display:block;
text-align:left;
2009-01-21 07:36:57 +09:00
width:100%;
}
.entity_actions a {
text-decoration:none;
font-weight:bold;
display:block;
}
.entity_actions a,
.entity_actions input {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
2009-11-09 02:41:03 +09:00
.entity_actions a,
.entity_actions input,
.entity_actions p {
border-width:2px;
border-style:solid;
2009-11-09 02:41:03 +09:00
padding-left:23px;
}
.entity_actions a,
.entity_actions p {
2009-11-27 03:07:43 +09:00
padding:2px 4px 1px 26px;
}
.entity_actions .accept {
margin-bottom:18px;
}
2009-01-23 14:23:28 +09:00
2009-11-01 00:14:38 +09:00
.entity_send-a-message button {
position:absolute;
2009-11-09 02:41:03 +09:00
top:3px;
right:3px;
2009-11-01 00:14:38 +09:00
}
.entity_send-a-message .form_notice {
2009-11-01 00:14:38 +09:00
position:absolute;
top:34px;
right:-1px;
padding:1.795%;
width:65%;
2009-11-02 23:54:31 +09:00
z-index:2;
border-radius:7px;
2009-11-01 00:14:38 +09:00
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-width:1px;
border-style:solid;
2009-11-01 00:14:38 +09:00
}
.entity_send-a-message .form_notice legend {
2009-11-01 00:14:38 +09:00
display:block;
margin-bottom:11px;
}
.entity_send-a-message .form_notice label,
.entity_send-a-message .form_notice select {
2009-11-01 00:14:38 +09:00
display:none;
}
.entity_send-a-message .form_notice input.submit {
2009-11-01 00:14:38 +09:00
text-align:center;
}
.entity_moderation {
position:relative;
}
.entity_moderation p {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
font-weight:bold;
padding-bottom:2px;
margin-bottom:7px;
}
.entity_moderation ul {
display:none;
}
.entity_moderation:hover ul {
display:block;
min-width:21%;
width:100%;
padding:11px;
position:absolute;
top:-1px;
right:-1px;
z-index:1;
border-width:1px;
border-style:solid;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
2009-11-01 00:14:38 +09:00
2009-01-22 09:04:13 +09:00
.entity_tags ul {
list-style-type:none;
2009-01-24 09:58:12 +09:00
display:inline;
}
2009-01-22 09:04:13 +09:00
.entity_tags li {
float:left;
margin-right:11px;
}
.aside .section {
margin-bottom:29px;
clear:both;
float:left;
width:100%;
list-style-position:inside;
}
.aside .section h2 {
text-transform:uppercase;
font-size:1em;
}
2009-01-22 09:04:13 +09:00
#entity_statistics dt,
#entity_statistics dd {
display:inline;
margin-right:11px;
}
2009-01-22 09:04:13 +09:00
#entity_statistics dt:after {
content: ":";
}
2009-01-22 09:04:13 +09:00
.section ul.entities {
float:left;
2009-01-24 12:14:27 +09:00
width:100%;
}
2009-01-22 09:04:13 +09:00
.section .entities li {
list-style-type:none;
float:left;
margin-right:7px;
margin-bottom:7px;
display:inline;
}
2009-01-22 09:04:13 +09:00
.section .entities li .photo {
margin-right:0;
2009-01-22 07:44:27 +09:00
margin-bottom:0;
}
2009-01-22 09:04:13 +09:00
.section .entities li .fn {
display:none;
}
2009-01-23 19:33:55 +09:00
.aside .section p,
.aside .section .more {
clear:both;
}
.profile .entity_profile {
2009-01-21 10:10:11 +09:00
margin-bottom:0;
min-height:60px;
}
.profile .form_group_join legend,
.profile .form_group_leave legend,
.profile .form_user_subscribe legend,
.profile .form_user_unsubscribe legend {
display:none;
}
2009-01-21 10:10:11 +09:00
.profiles {
list-style-type:none;
}
.profile .entity_profile .fn.nickname,
2009-11-06 23:26:13 +09:00
.profile .entity_profile .url[rel~=contact] {
margin-left:0;
display:inline;
}
.profile .entity_profile .fn,
.profile .entity_profile .location {
margin-left:11px;
margin-bottom:4px;
2009-01-21 10:10:11 +09:00
width:auto;
clear:none;
}
.profile .entity_profile .note,
.profile .entity_profile .url,
.profile .entity_profile .entity_tags,
.profile .entity_profile .form_subscription_edit {
2009-01-21 11:52:16 +09:00
margin-left:59px;
2009-01-21 10:10:11 +09:00
clear:none;
display:block;
width:auto;
}
.profile .entity_profile .entity_tags dt {
display:inline;
margin-right:11px;
}
.profile .entity_profile .form_subscription_edit label {
font-weight:normal;
margin-right:11px;
}
2010-01-12 11:04:20 +09:00
/*applications*/
.applications {
margin-bottom:18px;
float:left;
width:100%;
}
.applications li {
list-style-type:none;
}
.application img,
#showapplication .entity_profile img,
.form_data #application_icon img,
#apioauthauthorize .form_data img {
2010-01-12 11:04:20 +09:00
max-width:96px;
max-height:96px;
}
#apioauthauthorize .form_data img {
margin-right:18px;
float:left;
}
2010-01-12 10:02:55 +09:00
#showapplication .entity_profile {
width:68%;
}
#showapplication .entity_profile .entity_fn {
margin-left:0;
}
#showapplication .entity_profile .entity_fn .fn:before,
#showapplication .entity_profile .entity_fn .fn:after {
content:'';
}
#showapplication .entity_data {
clear:both;
margin-bottom:18px;
}
#showapplication .entity_data h2 {
display:none;
}
#showapplication .entity_data dl {
margin-bottom:18px;
}
#showapplication .entity_data dt {
font-weight:bold;
}
#showapplication .entity_data dd {
margin-left:1.795%;
font-family:monospace;
font-size:1.3em;
}
.form_data #application_types label.radio,
.form_data #default_access_types label.radio {
width:14.5%;
}
2010-01-12 10:02:55 +09:00
/* NOTICE */
2009-01-21 10:10:11 +09:00
.notice,
2010-01-12 11:04:20 +09:00
.profile,
.application {
position:relative;
padding-top:11px;
padding-bottom:11px;
clear:both;
float:left;
width:100%;
2009-01-23 06:07:11 +09:00
border-top-width:1px;
border-top-style:dotted;
}
.notices li {
list-style-type:none;
}
2009-05-22 11:46:22 +09:00
.notices .notices {
margin-top:7px;
margin-left:2%;
width:98%;
2009-05-22 11:46:22 +09:00
float:left;
}
2009-11-11 21:21:18 +09:00
.mark-top {
border-top-width:1px;
border-top-style:solid;
}
2009-05-22 11:46:22 +09:00
/* NOTICES */
#notices_primary {
float:left;
width:100%;
2009-01-19 09:48:12 +09:00
border-radius:7px;
-moz-border-radius:7px;
2009-01-19 09:48:12 +09:00
-webkit-border-radius:7px;
}
#notices_primary h2 {
display:none;
}
.notice-data a span {
display:block;
padding-left:28px;
}
.notice .author {
2009-01-17 02:50:14 +09:00
margin-right:11px;
}
#showstream #content .notice .author {
display:none;
}
.fn {
overflow:hidden;
}
2009-01-23 04:43:08 +09:00
.notice .author .fn {
font-weight:bold;
}
.vcard .photo {
display:inline;
2009-01-21 11:52:16 +09:00
margin-right:11px;
2009-01-17 02:50:14 +09:00
float:left;
}
#shownotice .vcard .photo {
margin-bottom:4px;
}
#content .notice .author .photo {
position:absolute;
top:11px;
left:0;
float:none;
}
#content .notice .entry-title {
margin-left:59px;
margin-right:7px;
}
.vcard .url {
text-decoration:none;
}
2009-01-17 02:50:14 +09:00
.vcard .url:hover {
text-decoration:underline;
}
.notice .entry-title {
overflow:hidden;
2010-02-19 02:12:08 +09:00
word-wrap:break-word;
}
.notice .entry-title.ov {
overflow:visible;
}
#showstream .notice .entry-title,
#showstream .notice div.entry-content {
margin-left:0;
}
2009-01-23 13:54:54 +09:00
#shownotice .notice .entry-title {
margin-left:110px;
2009-01-23 13:54:54 +09:00
font-size:2.2em;
min-height:123px;
}
#shownotice .notice div.entry-content {
margin-left:0;
2009-01-23 13:54:54 +09:00
}
.notice p.entry-content {
2009-01-17 02:50:14 +09:00
display:inline;
}
2009-01-23 06:03:59 +09:00
#content .notice p.entry-content a:visited {
2009-01-19 12:54:46 +09:00
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
2009-01-19 12:54:46 +09:00
.notice p.entry-content .vcard a {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.notice div.entry-content {
clear:left;
float:left;
font-size:0.95em;
2009-01-23 09:20:05 +09:00
margin-left:59px;
min-width:60%;
max-width:70%;
}
#showstream .notice div.entry-content,
#shownotice .notice div.entry-content {
max-width:79%;
}
2009-01-23 09:25:47 +09:00
.notice .notice-options a,
.notice .notice-options input {
float:left;
font-size:1.025em;
}
2009-07-26 03:29:30 +09:00
.notice div.entry-content .timestamp {
2009-01-18 11:34:30 +09:00
display:inline-block;
2009-12-14 10:00:09 +09:00
}
.entry-content .repeat {
display:block;
}
.entry-content .repeat .photo {
float:none;
margin-right:1px;
position:relative;
top:4px;
left:0;
}
2009-01-23 04:43:08 +09:00
.dialogbox {
position:absolute;
top:-1px;
right:-1px;
z-index:9;
float:none;
padding:11px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-style:solid;
border-width:1px;
}
.dialogbox legend {
display:block !important;
margin-right:18px;
margin-bottom:18px;
}
.dialogbox button.close {
position:absolute;
right:3px;
top:3px;
}
.dialogbox .form_guide {
font-weight:normal;
padding:0;
}
.dialogbox .submit_dialogbox {
font-weight:bold;
text-indent:0;
min-width:46px;
}
.dialogbox input {
padding-left:4px;
}
.dialogbox fieldset {
margin-bottom:0;
}
#wrap form.processing input.submit,
.entity_actions a.processing,
.dialogbox.processing .submit_dialogbox {
cursor:wait;
outline:none;
text-indent:-9999px;
}
.form_repeat.dialogbox {
top:-4px;
right:29px;
min-width:199px;
}
.notice-options {
position:relative;
font-size:0.95em;
width:113px;
2009-01-23 04:43:08 +09:00
float:right;
margin-top:3px;
margin-right:4px;
}
.notice-options a {
float:left;
}
2009-01-17 11:32:13 +09:00
.notice-options .notice_reply,
.notice-options .form_repeat,
.notice-options .form_favor,
.notice-options .form_disfavor,
.notice-options .repeated {
2009-11-19 22:08:13 +09:00
float:left;
margin-left:14.2%;
}
.notice-options .form_favor,
.notice-options .form_disfavor {
2009-11-19 22:08:13 +09:00
margin-left:0;
2009-01-17 02:50:14 +09:00
}
2009-01-18 05:48:09 +09:00
.notice-options input,
.notice-options a,
.notice-options .repeated {
2009-01-18 05:48:09 +09:00
text-indent:-9999px;
2009-01-18 11:34:30 +09:00
outline:none;
2009-01-18 05:48:09 +09:00
}
.notice-options input.submit {
display:block;
border:0;
}
.notice-options .notice_reply,
.notice-options .notice_delete {
text-decoration:none;
}
.notice .notice-options .notice_delete {
float:right;
}
.notice-options form input.submit {
2009-01-19 06:34:57 +09:00
width:16px;
height:16px;
padding:0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
.notice-options .form_repeat legend,
2009-01-19 06:34:57 +09:00
.notice-options .form_favor legend,
.notice-options .form_disfavor legend {
display:none;
}
.notice-options .form_repeat fieldset,
2009-01-19 06:34:57 +09:00
.notice-options .form_favor fieldset,
.notice-options .form_disfavor fieldset {
border:0;
padding:0;
}
.notice-options a,
.notice-options .repeated {
width:16px;
height:16px;
}
2009-01-23 13:54:54 +09:00
.notice .attachment {
position:relative;
padding-left:16px;
}
#attachments .attachment {
padding-left:0;
}
.notice .attachment img {
position:absolute;
top:18px;
left:0;
z-index:99;
}
#shownotice .notice .attachment img {
position:static;
}
#attachments {
clear:both;
float:left;
width:100%;
margin-top:18px;
}
#attachments dt {
font-weight:bold;
font-size:1.3em;
margin-bottom:4px;
}
#attachments ol li {
margin-bottom:18px;
list-style-type:decimal;
float:left;
clear:both;
}
#jOverlayContent,
#jOverlayContent #content,
#jOverlayContent #content_inner {
width: auto !important;
margin-bottom:0;
}
#jOverlayContent #content {
padding:11px;
min-height:auto;
}
#jOverlayContent .external span {
display:block;
margin-bottom:11px;
}
#jOverlayContent button {
position:absolute;
top:0;
right:0;
}
#jOverlayContent h1 {
max-width:425px;
}
#jOverlayContent #content {
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
#jOverlayLoading {
top:5%;
left:40%;
}
#attachment_view img {
max-width:480px;
max-height:480px;
}
#attachment_view #oembed_info {
margin-top:11px;
}
#attachment_view #oembed_info dt,
#attachment_view #oembed_info dd {
float:left;
}
#attachment_view #oembed_info dt {
clear:left;
margin-right:11px;
font-weight:bold;
}
#attachment_view #oembed_info dt:after {
content: ":";
}
#usergroups #new_group {
float: left;
margin-right: 2em;
}
#new_group, #group_search {
2009-01-23 13:54:54 +09:00
margin-bottom:18px;
}
#new_group a {
2009-01-23 13:54:54 +09:00
padding-left:20px;
}
2009-01-24 13:56:04 +09:00
#filter_tags {
margin-bottom:11px;
float:left;
}
#filter_tags dt {
display:none;
}
#filter_tags ul {
list-style-type:none;
}
2009-09-05 00:59:27 +09:00
#filter_tags li {
2009-01-24 13:56:04 +09:00
float:left;
margin-left:7px;
padding-left:7px;
2009-01-24 14:03:32 +09:00
border-left-width:1px;
border-left-style:solid;
2009-01-24 13:56:04 +09:00
}
2009-09-05 00:59:27 +09:00
#filter_tags #filter_tags_all {
2009-01-24 13:56:04 +09:00
margin-left:0;
border-left:0;
padding-left:0;
}
2009-09-05 00:59:27 +09:00
#filter_tags_all a {
2009-01-24 13:56:04 +09:00
font-weight:bold;
margin-top:7px;
float:left;
}
2009-09-05 00:59:27 +09:00
#filter_tags_item label {
2009-01-24 13:56:04 +09:00
margin-right:7px;
}
2009-09-05 00:59:27 +09:00
#filter_tags_item label,
#filter_tags_item select {
float:left;
2009-01-24 13:56:04 +09:00
}
2009-09-05 00:59:27 +09:00
#filter_tags_item p {
2009-01-24 13:56:04 +09:00
float:left;
2009-09-05 00:59:27 +09:00
clear:both;
2009-01-24 13:56:04 +09:00
margin-left:38px;
}
2009-09-05 00:59:27 +09:00
#filter_tags_item .submit {
2009-01-24 13:56:04 +09:00
position:relative;
top:3px;
left:3px;
}
2009-01-23 19:33:55 +09:00
.pagination {
float:left;
clear:both;
width:100%;
margin-top:18px;
}
2009-01-23 13:54:54 +09:00
.pagination dt {
font-weight:bold;
display:none;
}
.pagination .nav {
float:left;
width:100%;
list-style-type:none;
}
.pagination .nav_prev {
float:left;
}
.pagination .nav_next {
float:right;
}
.pagination a {
display:block;
text-decoration:none;
font-weight:bold;
padding:7px;
border-width:1px;
border-style:solid;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
.pagination .nav_prev a {
padding-left:30px;
}
.pagination .nav_next a {
padding-right:30px;
}
/* END: NOTICE */
.hentry .entry-content p {
2009-01-21 07:50:51 +09:00
margin-bottom:18px;
}
.hentry .entry-content ol,
.hentry .entry-content ul {
2010-01-08 20:41:36 +09:00
margin-left:1.795%;
2009-01-21 07:50:51 +09:00
}
.hentry .entry-content li {
2009-01-21 07:55:46 +09:00
margin-bottom:18px;
}
.hentry .entry-content li li {
2009-01-21 07:55:46 +09:00
margin-left:18px;
}
.hentry .entry-content .form_settings ul {
margin-left:0;
}
2010-01-08 20:41:36 +09:00
#content #plugin_authors {
min-width:122px;
}
#content thead th {
text-align:left;
}
#content tbody th {
vertical-align:top;
text-align:left;
font-weight:normal;
padding-top:11px;
padding-right:18px;
}
#content tbody tr {
border-top-width:1px;
border-top-style:dotted;
}
#content td {
padding:11px 18px 11px 0;
vertical-align:top;
}
#content td:last-child {
padding-right:0;
}
/* TOP_POSTERS */
2009-01-23 06:03:59 +09:00
.section tbody td {
padding-right:18px;
2009-01-23 06:03:59 +09:00
padding-bottom:11px;
}
2009-01-23 06:03:59 +09:00
.section .vcard .photo {
margin-right:7px;
2009-01-23 05:39:13 +09:00
margin-bottom:0;
}
2009-01-23 06:03:59 +09:00
.section .notice {
padding-top:7px;
padding-bottom:7px;
border-top:0;
2009-01-23 06:03:59 +09:00
}
2009-01-23 06:07:11 +09:00
.section .notice:first-child {
padding-top:0;
}
.section .notice .author {
margin-right:0;
}
.section .notice .author .fn {
display:none;
2009-01-23 06:03:59 +09:00
}
/* tagcloud */
2009-01-22 03:35:45 +09:00
.tag-cloud {
list-style-type:none;
2009-01-23 13:08:12 +09:00
text-align:center;
}
2009-01-23 12:51:35 +09:00
.aside .tag-cloud {
font-size:0.8em;
}
2009-01-22 03:35:45 +09:00
.tag-cloud li {
display:inline;
margin-right:7px;
2009-01-23 13:08:12 +09:00
line-height:1.25;
}
.tag-cloud li:before {
content:'\0009';
}
2009-01-23 13:08:12 +09:00
.aside .tag-cloud li {
line-height:1.5;
2009-01-22 03:35:45 +09:00
}
.tag-cloud li a {
text-decoration:none;
}
#tagcloud.section dt {
text-transform:uppercase;
font-weight:bold;
}
2009-01-22 03:35:45 +09:00
.tag-cloud-1 {
font-size:1em;
}
2009-01-22 03:35:45 +09:00
.tag-cloud-2 {
2009-01-23 13:08:12 +09:00
font-size:1.25em;
2009-01-22 03:35:45 +09:00
}
.tag-cloud-3 {
2009-01-23 13:08:12 +09:00
font-size:1.75em;
2009-01-22 03:35:45 +09:00
}
.tag-cloud-4 {
2009-01-23 13:08:12 +09:00
font-size:2em;
}
2009-01-22 03:35:45 +09:00
.tag-cloud-5 {
2009-01-23 13:08:12 +09:00
font-size:2.25em;
}
2009-01-22 03:35:45 +09:00
.tag-cloud-6 {
2009-01-23 13:08:12 +09:00
font-size:2.75em;
}
2009-01-22 03:35:45 +09:00
.tag-cloud-7 {
2009-01-23 13:08:12 +09:00
font-size:3.25em;
}
2009-01-22 03:37:02 +09:00
#publictagcloud #tagcloud.section dt {
display:none;
}
2009-01-19 12:09:13 +09:00
#form_settings_photo .form_data {
clear:both;
}
2009-01-22 05:33:37 +09:00
#form_settings_avatar li {
width:auto;
}
#form_settings_avatar input {
margin-left:0;
2009-01-22 05:33:37 +09:00
}
#avatar_original,
#avatar_preview {
float:left;
}
2009-01-22 05:33:37 +09:00
#avatar_preview {
margin-left:29px;
}
2009-01-22 05:33:37 +09:00
#avatar_preview_view {
height:96px;
width:96px;
2009-01-22 05:33:37 +09:00
margin-bottom:18px;
overflow:hidden;
}
2009-01-22 05:33:37 +09:00
#settings_attach,
#form_settings_avatar .form_actions {
clear:both;
}
#form_settings_avatar .form_actions {
margin-bottom:0;
}
#settings_design_background-image img {
max-width:480px;
max-height:480px;
}
#settings_design_color .form_data,
#color-picker {
float:left;
}
#settings_design_color .form_data {
width:400px;
margin-right:1%;
}
#settings_design_color .form_data li {
width:33%;
}
#settings_design_color .form_data label {
float:none;
display:block;
}
#settings_design_color .form_data .swatch {
padding:11px;
margin-left:0;
2009-11-18 06:48:00 +09:00
width:auto;
}
.system_notice ul,
.instructions ul {
margin-left:1em;
}
.instructions p,
.instructions ul {
margin-bottom:18px;
}
.help dt {
display:none;
}
.guide {
clear:both;
}
2009-10-29 21:31:56 +09:00
#bookmarklet address {
display:none;
}
#bookmarklet .form_notice {
2009-10-29 21:31:56 +09:00
width:auto;
}
#bookmarklet #wrap {
min-width:0;
}