X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fstoica%2Fdisplay.css;h=bad55d5034d697f81a8173b6fcdf5a60b0e704ab;hb=1bdd1582729919c8f05a149f8ecc2c492162b026;hp=1fd966f377374c7e9e47337b88281c80916213fd;hpb=22fe92d6c8e9da3eb7bc4e038d80ae1e5d17d634;p=quix0rs-gnu-social.git diff --git a/theme/stoica/display.css b/theme/stoica/display.css index 1fd966f377..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,8 +38,7 @@ h1 { padding: 0 20px; width: 760px; background: url(bg-header.gif) repeat-x #FCFFF5; - - } + } #header { position: relative; margin: 0 auto; @@ -49,18 +49,26 @@ h1 { } #logo { margin-top: 9px; - } + } +p#branding { + margin: 0; + padding: 6px 0 3px 0; + color: #fbf2d7; + font-size: 21px; + font-weight: bold; + line-height: 27px; + } +p#branding a { + color: #dab134; + } #header h1.pagetitle { - /*display: none;*/ margin: 0; padding: 0; - /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 15px; -/* font-weight: normal; - font-style: italic;*/ line-height: 24px; color: #FCFFF5; + color: #d8e2d7; } #header h2.sitename { @@ -69,10 +77,10 @@ h1 { padding: 0; color: #FCFFF5; } - + /* ===== Begin Navigation Styling ===== */ - -/* ----- Navigation ------ */ + +/* ----- Navigation ------ */ #nav { float: right; margin: 0; @@ -86,7 +94,7 @@ h1 { } #nav li a { display: block; - padding: 9px 12px 12px 12px; + padding: 9px 9px 12px 9px; color: #91AA9D; } #nav li a:hover { @@ -120,7 +128,7 @@ h1 { } #nav_views li a:hover { text-decoration: none; - } + } #nav_views li.current a, #nav_views li.current a:hover { color: #3F606F; background-color: #FCFFF5; @@ -128,14 +136,14 @@ h1 { } #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; @@ -153,7 +161,7 @@ h1 { } #nav_sub li a { padding: 6px 24px 6px 0; - } + } #nav_sub li a:hover { text-decoration: underline; } @@ -166,7 +174,6 @@ h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 18px; - /*border: 1px solid #F00;*/ } #content h2 { font-family: Verdana, Arial, Helvetica, sans-serif; @@ -175,25 +182,26 @@ h1 { #content label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - } + } .instructions, .success, .error { - position: relative; - top: -130px; font-weight: normal; - margin: -36px 0 0 0; + margin: 36px 0 0 0; padding: 10px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + line-height: 15px; border: 1px solid #91AA9D; color: #FCFFF5; - } + } .success { background-color: #48705b; - } + } .error { background-color: #ce3728; } - - + + /* ----- Profile -----*/ #profile { clear: left; @@ -216,7 +224,7 @@ h1 { font-size: 11px; text-transform: uppercase; color: #91AA9D; - } + } #profile p { margin: 0 10px 0 0; font-size: 12px; @@ -224,14 +232,12 @@ h1 { } #profile p.location { margin: 0 10px 12px 0; - font-style: italic; - } + font-style: italic; + } #profile p.notice_current { font-size: 18px; line-height: 21px; - /*min-height: 96px;*/ - } - + } #profile_avatar { float: left; margin-right: 4px; @@ -246,26 +252,25 @@ h1 { } .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; width: 270px; height: 200px; } - .statistics { margin-top: 18px; } .statistics h2 { margin: 12px 0 3px 0; - } + } dl.statistics { margin: 0; font-size: 12px; @@ -281,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; @@ -305,10 +310,24 @@ dl.statistics { #subscriptions_viewall { clear: left; } +/* ----- End Profile -----*/ +/* ----- Begin Subscriptions & Subscribers -----*/ + +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; @@ -320,7 +339,7 @@ dl.statistics { } #notices a:hover { text-decoration: underline; - } + } .notice_single { clear: both; display: block; @@ -334,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 { @@ -353,7 +372,7 @@ p.time { } p.time a { color: #91AA9D; - } + } #pagination { margin: 18px auto; @@ -374,7 +393,7 @@ p.time a { } #nav_pagination li.before { margin-right: 1px; - } + } #nav_pagination li a { padding: 6px 15px; line-height: 21px; @@ -386,7 +405,7 @@ p.time a { color: #FCFFF5; text-decoration: none; } - + #footer { clear: both; margin: 0 auto; @@ -396,7 +415,7 @@ p.time a { } #footer p { margin-top: 9px; - } + } #cc { float: left; margin: 3px 10px 0 0; @@ -412,7 +431,7 @@ form { form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - } + } form label { display: block; font-size: 12px; @@ -423,7 +442,7 @@ form input { border: 1px solid #D8E2D7; width: 264px; } -input#submit { +input#submit, input.submit { display: block; margin: 18px 0; padding: 4px; @@ -434,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; @@ -445,7 +467,7 @@ textarea, input { } textarea:focus, input:focus { background-color: #f0f6eb; - } + } textarea { width: 270px; border: 1px solid #D8E2D7; @@ -456,8 +478,8 @@ textarea { line-height: 21px; color: #91aa9d; font-family: Verdana, Arial, Helvetica, sans-serif; - } - + } + /* ----- Status Form ----- */ #status_form { height: 96px; @@ -466,7 +488,7 @@ textarea { #status_form p { margin: 36px 0 0 0; padding: 0; - } + } #status_label { display: block; clear: both; @@ -505,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; @@ -518,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; } @@ -536,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