X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fneo%2Fcss%2Fdisplay.css;h=6942d1f010ddb928dca053504578e7b6257e77a7;hb=f47027abbefe35d17df50c67eec7cd1156a5e39a;hp=7cb5e119111cc4fd3ec4a56d3956661adc3de7f6;hpb=41420449f8316bd461a5136df25db46c045d0757;p=quix0rs-gnu-social.git diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css index 7cb5e11911..6942d1f010 100644 --- a/theme/neo/css/display.css +++ b/theme/neo/css/display.css @@ -27,6 +27,8 @@ input, textarea, select, option { a {color: #3e3e8c;} a:hover {color: blue;} +abbr {border-bottom: none;} + h1 {font-size: 1.6em;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} @@ -258,9 +260,9 @@ address { line-height: 1.4em; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); background: #ececf2; - background: -moz-linear-gradient(top, #fff , #ececf2); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececf2)); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececf2',GradientType=0 ); + background: -moz-linear-gradient(top, #ffffff , #ececf2); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 ); } #input_form_nav li:hover a, #input_form_nav li.current a { @@ -284,7 +286,7 @@ address { padding-bottom: 15px; } -#input_form_status { +#input_form_status, #input_form_direct { padding-bottom: 45px; } @@ -302,11 +304,22 @@ address { display: none; /* XXX move into input with js */ } -.form_notice textarea, .form_notice_placeholder .placeholder { width: 473px; + padding: 4px 10px 4px 10px; + border: 1px solid #a6a6a6; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + z-index: 97; + font-size: 1em; } + .form_notice textarea { + width: 473px; height: 42px; padding: 6px 10px 18px 10px; border: 1px solid #a6a6a6; @@ -320,6 +333,10 @@ address { font-size: 1.2em; } +#form_notice-direct.form_notice textarea { + width: 498px; +} + .form_notice label.notice_data-attach { top: 0px; right: 0px; @@ -342,6 +359,11 @@ address { z-index: 99; } +#form_notice-direct.form_notice .count { + top: 80px; + right: 10px; +} + .form_notice #notice_action-submit { position: absolute; top: 100%; @@ -362,7 +384,7 @@ address { float: none; clear: none; margin-left: 0px; - margin-top: 5px; + margin-top: 10px; padding: 5px 5px 5px 10px; border: 1px solid #ccc; } @@ -384,6 +406,52 @@ address { margin-bottom: 10px !important; } +.to-selector { + padding-top: 15px; + z-index: 99; +} + +.form_settings label[for=notice_to] { + margin-left: 100px; + margin-right: 5px; +} + +.checkbox-wrapper { + padding: 2px; + clear: left; + display: block; + margin-left: 26%; +} + +.form_notice .checkbox-wrapper { + display: inline; + margin-left: 10px; +} + +.form_settings .checkbox-wrapper label.checkbox { + margin-left: 0px; + margin-top: 6px; + line-height: 1.2em; + left: -3px; +} + +.checkbox-wrapper #notice_private { + display:none; +} + +.checkbox-wrapper.unchecked label.checkbox { + padding-left: 20px; + background: url(../images/lock_open.png) no-repeat 0px 0px; + opacity: 0.6; +} + +.checkbox-wrapper.checked label.checkbox { + padding-left: 20px; + background: url(../images/lock.png) no-repeat 0px 0px; + color: red; + opacity: 1; +} + #aside_primary { width: 218px; float: left; @@ -413,13 +481,40 @@ address { text-transform: uppercase; } +.profile_block_name { + font-size: 14px; + font-weight: bold; +} + +.profile_block_location { + font-weight: bold; +} + +.profile_block_description { + line-height: 1.2em; +} + +.profile_block .entity_actions { + float: left; + margin-left: 0px; +} + +.profile_block .entity_moderation:hover ul, +.profile_block .entity_role:hover ul { + left: 20px; +} + +.profile_block a.profiledetail { + display: block; +} + .section ul.entities { - width: 220px; + width: 240px; } .section .entities li { - margin-right: 17px; - margin-bottom: 10px; + margin-right: 23px; + margin-bottom: 12px; width: 24px; } @@ -522,7 +617,10 @@ div.entry-content a.response:after { font-size: 1em; } -#content .notice .threaded-replies .notice { +#content .notice .threaded-replies .notice, +#content .notice .threaded-replies .notice-data { + width: 440px; + min-height: 1px; padding-bottom: 14px; padding-top: 5px; border-bottom: 2px dotted #eee; @@ -554,7 +652,7 @@ div.entry-content a.response:after { clear:left; float:left; margin-left: 35px; - margin-top: 10px; + margin-top: 4px !important; } .threaded-replies li { @@ -607,6 +705,26 @@ div.entry-content a.response:after { width: 390px; } +#content .notice .notice { + width: 100%; + margin-left: 0; + margin-top: 16px; + margin-bottom: 10px; +} + +.notice .notice { +background-color:rgba(200, 200, 200, 0.050); +} +.notice .notice .notice { +background-color:rgba(200, 200, 200, 0.100); +} +.notice .notice .notice .notice { +background-color:rgba(200, 200, 200, 0.150); +} +.notice .notice .notice .notice .notice { +background-color:rgba(200, 200, 200, 0.300); +} + .pagination { height: 1.2em; } @@ -632,7 +750,7 @@ div.entry-content a.response:after { margin-bottom: 10px; } -.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input { +.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit { text-shadow:0 1px 0 rgba(255,255,255,0.4); border-radius: 4px; -moz-border-radius: 4px; @@ -835,6 +953,18 @@ padding-right:0; padding-left: 4px !important; padding-right: 4px !important; margin-right: 0px; + left: 0; + right: 0; + width: 400px; + overflow: visible; +} + +.realtime-popup .threaded-replies { + margin-left: 10px; +} + +.realtime-popup .input_forms { + display: none; /* XXX fixme! */ } .realtime-popup .form_notice textarea { @@ -917,7 +1047,7 @@ ul.bookmark-tags a { background: #f2f2f2; color: #3e3e8c !important; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); - font-size: 0.9em; + font-size: 0.88em; } ul.bookmark-tags a:hover { @@ -932,7 +1062,7 @@ ul.bookmark-tags a:hover { } .bookmark div.entry-content { - font-size: 0.9em; + font-size: 0.88em; line-height: 1.2em; margin-top: 6px; opacity: 0.6; @@ -995,6 +1125,9 @@ ul.bookmark-tags a:hover { /* Onboard specific styles */ .onboard-flash { + position: relative; + right: -800px; + top: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; @@ -1117,5 +1250,167 @@ table.profile_list tr.alt { font-size: 0em; } +/* Event specific styles */ + +.notice .vevent div { + margin-bottom: 8px; +} + +.event-info { + margin-left: 0px !important; + margin-top: 2px !important; +} + +.notice .event-info + .notice-options { + margin-top: 14px; +} + +.notice .threaded-replies .event-info + .notice-options { + margin-top: 20px; +} + +#form_event_rsvp #new_rsvp_data { + display: inline; + margin: 10px 0px; +} + +#form_event_rsvp input.submit { + height: auto; + padding: 0px 10px; + margin-left: 10px; + color:#fff; + font-weight: bold; + text-transform: uppercase; + font-size: 1.1em; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + border: 1px solid #d7621c; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #FB6104; + background: -moz-linear-gradient(top, #ff9d63 , #FB6104); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 ); +} + +#form_event_rsvp input.submit:hover { + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); + background: #ff9d63; + background: -moz-linear-gradient(top, #FB6104 , #fc8035); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 ); +} + +/* Limited-scope specific styles */ + +.limited-scope .entry-content .timestamp { + padding-left: 20px; + position: relative; +} + +.limited-scope .entry-content .timestamp:before { + content: url(../images/lock.png); + position: absolute; + top: -2px; + left: 0px; +} + +/* QnA specific styles */ + +#content .question .entry-title, #content .qna-full-question .entry-title { + min-height: 1px; +} + +.question div.question-description { + font-size: 1em; + line-height: 1.36em; + margin-top: 0px; + opacity: 1; +} + +.question div.answer-content, .qna-full-question div.answer-content { + opacity: 1; +} + +.question .answer-count, .qna-full-question .answer-count { + display: block; + clear: left; +} + +.question .answer-count:before, .qna-full-question .answer-count:before { + content: '('; +} + +.question .answer-count:after, .qna-full-question .answer-count:after { + content: ')'; +} + +.question fieldset, .qna-full-question fieldset { + margin: 0px; +} + +.question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend { + display: none; +} + +.question label[for=answer], .qna-full-question label[for=answer] { + display: none; +} + +.question textarea, .qna-full-question textarea { + width: 100%; + height: 42px; + padding: 6px 10px 18px 10px; + border: 1px solid #a6a6a6; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); + font-size: 1.2em; + margin-top: 15px; + margin-bottom: 10px; +} + +.qna-full-question textarea { + width: 473px; +} + +.question-description input.submit, .answer-content input.submit { + height: auto; + padding: 0px 10px; + margin: 6px 0px 10px 0px; + color:#fff; + font-weight: bold; + text-transform: uppercase; + font-size: 1.1em; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); + border: 1px solid #d7621c; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #FB6104; + background: -moz-linear-gradient(top, #ff9d63 , #FB6104); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 ); +} + +.question .question-description input.submit:hover, .question .answer-content input.submit:hover { + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); + background: #ff9d63; + background: -moz-linear-gradient(top, #FB6104 , #fc8035); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035)); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 ); +} + +.question .question-description #answer-form input.submit { + margin-top: 0px; +} + +.question p.best, .answer p.best { + background: url(../images/rosette.png) no-repeat top left; + padding-left: 20px; +} }/*end of @media screen, projection, tv*/