X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fstoica%2Fdisplay.css;h=bad55d5034d697f81a8173b6fcdf5a60b0e704ab;hb=1bdd1582729919c8f05a149f8ecc2c492162b026;hp=748fb1d8bb934a4fdcfaf99b588db42ad85da55b;hpb=3a0c988cb33bc49597c33afc9e9b0837edbb8d7d;p=quix0rs-gnu-social.git diff --git a/theme/stoica/display.css b/theme/stoica/display.css index 748fb1d8bb..bad55d5034 100644 --- a/theme/stoica/display.css +++ b/theme/stoica/display.css @@ -14,6 +14,7 @@ body { font-size: 10px; line-height: 12px; min-height: 100%; + height: 100%; color: #193441; background: url(bg-body.gif) repeat-y top center; } @@ -23,7 +24,7 @@ a { } a:hover { text-decoration: underline; - } + } img, img a { border: 0; } @@ -37,7 +38,7 @@ h1 { padding: 0 20px; width: 760px; background: url(bg-header.gif) repeat-x #FCFFF5; - } + } #header { position: relative; margin: 0 auto; @@ -48,7 +49,7 @@ h1 { } #logo { margin-top: 9px; - } + } p#branding { margin: 0; padding: 6px 0 3px 0; @@ -60,7 +61,7 @@ p#branding { p#branding a { color: #dab134; } - + #header h1.pagetitle { margin: 0; padding: 0; @@ -76,10 +77,10 @@ p#branding a { padding: 0; color: #FCFFF5; } - + /* ===== Begin Navigation Styling ===== */ - -/* ----- Navigation ------ */ + +/* ----- Navigation ------ */ #nav { float: right; margin: 0; @@ -127,7 +128,7 @@ p#branding a { } #nav_views li a:hover { text-decoration: none; - } + } #nav_views li.current a, #nav_views li.current a:hover { color: #3F606F; background-color: #FCFFF5; @@ -135,14 +136,14 @@ p#branding a { } #nav_views li.current a:hover { color: #193441; - } + } #nav_views li a:hover { color: #FCFFF5; background-color: #3F606F; border-right: 1px solid #6A8787; } - -/* ----- Nav Footer ----- */ + +/* ----- Nav Footer ----- */ #nav_sub { clear: both; margin: 18px auto 0 auto; @@ -160,7 +161,7 @@ p#branding a { } #nav_sub li a { padding: 6px 24px 6px 0; - } + } #nav_sub li a:hover { text-decoration: underline; } @@ -181,7 +182,7 @@ p#branding a { #content label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - } + } .instructions, .success, .error { font-weight: normal; margin: 36px 0 0 0; @@ -191,16 +192,16 @@ p#branding a { line-height: 15px; border: 1px solid #91AA9D; color: #FCFFF5; - } + } .success { background-color: #48705b; - } + } .error { background-color: #ce3728; } - - + + /* ----- Profile -----*/ #profile { clear: left; @@ -223,7 +224,7 @@ p#branding a { font-size: 11px; text-transform: uppercase; color: #91AA9D; - } + } #profile p { margin: 0 10px 0 0; font-size: 12px; @@ -231,12 +232,12 @@ p#branding a { } #profile p.location { margin: 0 10px 12px 0; - font-style: italic; - } + font-style: italic; + } #profile p.notice_current { font-size: 18px; line-height: 21px; - } + } #profile_avatar { float: left; margin-right: 4px; @@ -251,13 +252,13 @@ p#branding a { } .avatar.original { margin: 0 10px 18px 0; - } + } a.nickname { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-right: 3px; - } + } #profile_information { float: left; position: relative; @@ -269,7 +270,7 @@ a.nickname { } .statistics h2 { margin: 12px 0 3px 0; - } + } dl.statistics { margin: 0; font-size: 12px; @@ -285,21 +286,21 @@ dl.statistics { } .statistics dd { clear: right; - } + } .statistics dt:after { content: ":"; } #subscriptions { float: left; margin: 18px 0 30px 0; - } + } #subscriptions_avatars { /*float: left;*/ margin: 6px 0 0 0; padding: 0; list-style-type: none; width: 270px; - } + } #subscriptions_avatars li .avatar.mini { float: left; margin: 0 3px 3px 0; @@ -313,12 +314,20 @@ dl.statistics { /* ----- Begin Subscriptions & Subscribers -----*/ -.subscriptions { +ul.subscriptions, ul.subscribers { + float: none; + margin: 0; + padding: 0; + list-style-type: none; overflow: auto; -} + } +ul.subscriptions li, ul.subscribers li { + display: block; + float: left; + padding: 0; + } +/* ----- End Subscriptions & Subscribers -----*/ - - #notices { clear: both; margin: 0 auto; @@ -330,7 +339,7 @@ dl.statistics { } #notices a:hover { text-decoration: underline; - } + } .notice_single { clear: both; display: block; @@ -344,15 +353,15 @@ dl.statistics { } .notice_single:hover { background-color: #F3F8EA; - } + } .notice_single p { display: inline; margin: 0; padding: 0; - } + } .avatar { float: left; - margin: 0 10px 0 0; + margin: 5px 5px 0 0; } p.time { @@ -363,7 +372,7 @@ p.time { } p.time a { color: #91AA9D; - } + } #pagination { margin: 18px auto; @@ -384,7 +393,7 @@ p.time a { } #nav_pagination li.before { margin-right: 1px; - } + } #nav_pagination li a { padding: 6px 15px; line-height: 21px; @@ -396,7 +405,7 @@ p.time a { color: #FCFFF5; text-decoration: none; } - + #footer { clear: both; margin: 0 auto; @@ -406,7 +415,7 @@ p.time a { } #footer p { margin-top: 9px; - } + } #cc { float: left; margin: 3px 10px 0 0; @@ -422,7 +431,7 @@ form { form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - } + } form label { display: block; font-size: 12px; @@ -433,7 +442,7 @@ form input { border: 1px solid #D8E2D7; width: 264px; } -input#submit { +input#submit, input.submit { display: block; margin: 18px 0; padding: 4px; @@ -444,9 +453,12 @@ input#submit { border: 0; width: auto; } -input#submit:hover { +input#submit:hover, input.submit:hover { background-color: #904632; } +input.checkbox { + width: 18px; + } textarea, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; @@ -455,7 +467,7 @@ textarea, input { } textarea:focus, input:focus { background-color: #f0f6eb; - } + } textarea { width: 270px; border: 1px solid #D8E2D7; @@ -466,8 +478,8 @@ textarea { line-height: 21px; color: #91aa9d; font-family: Verdana, Arial, Helvetica, sans-serif; - } - + } + /* ----- Status Form ----- */ #status_form { height: 96px; @@ -476,7 +488,7 @@ textarea { #status_form p { margin: 36px 0 0 0; padding: 0; - } + } #status_label { display: block; clear: both; @@ -515,9 +527,9 @@ textarea { #status_submit:hover { background-color: #904632; } - + /* ----- Subscribe Form ----- */ -#subscribe .button, #unsubscribe .button, #remotesubscribe .button { +#subscribe .submit, #unsubscribe .submit, #remotesubscribe .button { margin: 0; width: 96px; height: 27px; @@ -528,17 +540,17 @@ textarea { background-color: #c15d42; color: #fcfff5; border: 0; - } + } #subscribe .button:hover, #unsubscribe .button:hover { background-color: #904632; cursor: pointer; } -input#profile_url { - width: 88px; - padding: 3px; - margin: 0 0 10px 0; - } -/* ----- Login Form -----*/ + +a#remotesubscribe { + display: block; +} + +/* ----- Login Form -----*/ input#license { width: auto; } @@ -546,6 +558,15 @@ input#license { form { clear: left; } - + +/* ----- OpenID Form -----*/ + +input#openid_url { + background: url(login-bg.gif) no-repeat; + background-color: #fff; + background-position: 0 50%; + color: #000; + padding-left: 18px; +} + /* ===== End Forms Styling ===== */ - \ No newline at end of file