| 1 | /* |
|---|
| 2 | Theme Name: Afridex |
|---|
| 3 | Theme URI: http://afridex.com |
|---|
| 4 | Description: The Index of African Tech Business |
|---|
| 5 | Version: 0.1.1 |
|---|
| 6 | Author: Jon Gosier |
|---|
| 7 | Author URI: http://appfrica.net/blog/ |
|---|
| 8 | Notes: Based on a heavily modified version of "WP-Contact-Manager" by <a href="http://thedesigncanopy.com/downloads/wp-contact-manager/">Design Canopy</a> |
|---|
| 9 | */ |
|---|
| 10 | |
|---|
| 11 | * { margin:0; padding:0; } |
|---|
| 12 | |
|---|
| 13 | body { width:100%; font-family:"Lucida Grande", Arial, sans-serif; color:#665; background:#F6EED7 url(images/back.png) repeat-x; } |
|---|
| 14 | |
|---|
| 15 | a:link { |
|---|
| 16 | color: #710000; |
|---|
| 17 | text-decoration: none; |
|---|
| 18 | } |
|---|
| 19 | a:hover { color: #380000; } |
|---|
| 20 | a:visited { color:#999; } |
|---|
| 21 | a:active { color:#004d86; } |
|---|
| 22 | |
|---|
| 23 | span.clearer { height:0; display:block; clear:both; font-size:1px; line-height:1px; } |
|---|
| 24 | |
|---|
| 25 | /* --- INDEX.PHP ---*/ |
|---|
| 26 | #site { margin:0 0 0 0; background:#fff; border-top:1px solid #ccc; } |
|---|
| 27 | #container { width:1280px; background:#fff; position:relative; } |
|---|
| 28 | #content { width:460px; float:left; background:#fff; border-right:1px solid #ccc; margin:0 0 0 0; padding:1.25em 0 0 0;} |
|---|
| 29 | #content2 { padding:0em 1.25em 0em 1.25em; } |
|---|
| 30 | #sidebar { width:300px; height:312px; float:right; background:#fff; margin:0 0 0 0; border-right:1px solid #ccc; padding:1.25em 2em 0em 0em;} |
|---|
| 31 | #plusbar { width:340px; float:right; background:#fff; margin:0 0 0 1.5em; padding:1.25em 6em 0 0em; } |
|---|
| 32 | #midspace { width:1280px; height:200px; position:relative; } |
|---|
| 33 | #mid { padding:1.25em .50em 1.5em 1.25em; width:50em; border:3px solid #6B5C2E; background:#FFF; color:#333; margin:3em 0em 1em 13em; } |
|---|
| 34 | #about p { font-size:.75em; padding:0 0 1em 0; } |
|---|
| 35 | #about li { font-size:.75em; padding:0 0 1em 2em; list-style-type:none; line-height:1.5em; } |
|---|
| 36 | |
|---|
| 37 | /* ----- SINGLE.PHP -----*/ |
|---|
| 38 | #site_alt { margin:1.25em 0 0 0em; } |
|---|
| 39 | #contenta { width:30em; position:absolute; float:left; background:#fff; border:1px solid #F6EED7; margin:1.25em 0 1.25em 23em;} |
|---|
| 40 | #contenta2 { padding:1.25em 1.25em 2.5em 1.25em; } |
|---|
| 41 | #singleright_bar { width:17.25em; position:absolute; float:left; margin:1.25em 0 0 54.7em; } |
|---|
| 42 | #singleleft_bar { width:22.25em; margin:0 0 0 1.25em; float:left; padding:1.25em 0 0 0; } |
|---|
| 43 | |
|---|
| 44 | /* --- FOOTER.PHP --- */ |
|---|
| 45 | #site-meta { width:100%; background:#380000; float:bottom; position:relative; border-top:1px solid #ccc; } |
|---|
| 46 | |
|---|
| 47 | /* ------- ADMIN BAR ------- */ |
|---|
| 48 | |
|---|
| 49 | #admin-bar { padding:0.2em 0 0.2em .5em; text-align:center; background:#fff; border-bottom:1px solid #CCC;} |
|---|
| 50 | #lead-link li { float:left; border-right:0; list-style-type:none; display:inline; padding:.18em 0 0 1em; font-size:0.688em; } |
|---|
| 51 | #lead-link a { font-weight:bold; text-decoration:none; color:#000; } |
|---|
| 52 | #log-link li { float:right; border-right:0; list-style-type:none; display:inline; padding:.18em 0 0 1em; font-size:0.688em; } |
|---|
| 53 | #log-link a { font-weight:bold; text-decoration:none; color:#000; } |
|---|
| 54 | |
|---|
| 55 | /* ------- A LATER FEATURE (MAYBE) |
|---|
| 56 | form#quick-select { width:200px; position:relative; top:-3px; display:block; float:left; } |
|---|
| 57 | form#quick-select select { padding:2px; font-size:0.688em; font-weight:bold; color:#fdfeef; border:0; background-color:#998; } |
|---|
| 58 | ------- */ |
|---|
| 59 | |
|---|
| 60 | |
|---|
| 61 | /* ------- MULTIPLE CONTACTS ------- */ |
|---|
| 62 | |
|---|
| 63 | h2 { padding-bottom:0.625em; font-family:Helvetica; font-size:1.125em; font-weight:normal; color:#333; } |
|---|
| 64 | .stringent { width:100%; padding-bottom:0px; border-bottom:1px solid #fff; font-family:Helvetica; font-size:1.125em; font-weight:normal; color:#333; } |
|---|
| 65 | h2 span.archived-feature { font-family:"Courier New" font-weight:bold; color:#710000; } |
|---|
| 66 | |
|---|
| 67 | #content .contact, #content .alt { clear:both; } |
|---|
| 68 | |
|---|
| 69 | #content .contact span { margin-right:0.063em; padding:5px; display:block; float:left; border-top:1px solid #ddd; background-color:#fff; } |
|---|
| 70 | #content .alt span { border-top:1px solid #ddd; } |
|---|
| 71 | #content .contact span a { text-decoration:none; } |
|---|
| 72 | #content .contact span a:visited { color:#554; } |
|---|
| 73 | #content .contact span.m-name { width:8.075em; font-family:"Lucida Grande", Arial, Verdana, sans-serif; font-size:0.813em; font-weight:bold; line-height:1.6em; } |
|---|
| 74 | #content .contact span.m-email { width:12.345em; margin-right:0.063em; font-size:0.813em; line-height:1.6em; } |
|---|
| 75 | #content .contact span.m-mobile { width:10em; margin-right:0; font-size:0.813em; line-height:1.6em; } |
|---|
| 76 | #content .contact span.m-mobile span { margin-right:0; padding:0; display:inline; float:none; font-size:1em; font-weight:bold; letter-spacing:1px; border-top:0; } |
|---|
| 77 | |
|---|
| 78 | .subcontent_side { font-size:85%; width:200px; position:relative; float:left; } |
|---|
| 79 | .subcontent_side span { font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:0.72em; line-height:13px; text-transform:uppercase; } |
|---|
| 80 | |
|---|
| 81 | .subcontent { font-size:85%; width:200px; position:relative; float:left; } |
|---|
| 82 | .subcontent span { font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:0.72em; line-height:13px; text-transform:uppercase; } |
|---|
| 83 | |
|---|
| 84 | |
|---|
| 85 | /* ------- SINGLE CONTACT ------- */ |
|---|
| 86 | |
|---|
| 87 | h3.site-subtitle { font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:20px; text-transform:uppercase; } |
|---|
| 88 | |
|---|
| 89 | .vitals { font-family:Verdana, Arial, sans-serif; } |
|---|
| 90 | img.contact-picture { margin:0 1em 1em 0; float:left; border:1px solid #ccc; } |
|---|
| 91 | .vitals p { width:19.75em; padding-bottom:0.5em; float:left; border-bottom:0.063em solid #ddd;} |
|---|
| 92 | |
|---|
| 93 | span.organization { padding-bottom:0; display:block; font-size:1.5em; font-family:Helvetica; font-weight:bold; line-height:1.5em; color:#380000; border-bottom:0.063em solid #ddd; } |
|---|
| 94 | span.name { margin-bottom:0.5em; padding-bottom:0.5em; display:block; font-family:Georgia, "Times New Roman", serif; font-size:0.75em; line-height:1.25em; color:#665; } |
|---|
| 95 | span.name a, a:visited { text-decoration:none; color:#665; } |
|---|
| 96 | span.email, span.website { display:block; font-size:0.688em; font-weight:bold; line-height:16px; } |
|---|
| 97 | span.email a,span.website a { text-decoration:none; } |
|---|
| 98 | span.leaveanote { font-family:Georgia, "Times New Roman", serif; font-size:0.75em; line-height:1.25em; color:#665; } |
|---|
| 99 | |
|---|
| 100 | .phone { padding:1.25em 0; clear:both; font-family:"Lucida Grande", Arial, Verdana, sans-serif; } |
|---|
| 101 | .phone h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; } |
|---|
| 102 | ul.phone-numbers { width:15em; float:left; list-style:none; } |
|---|
| 103 | ul.phone-numbers li { margin-bottom:1px; padding:0.125em 0.375em; font-size:0.813em; line-height:20px; border-top:1px solid #ddd; } |
|---|
| 104 | ul.phone-numbers li:first-child { background-color:#eee; } |
|---|
| 105 | ul.phone-numbers li span.number { font-weight:bold; letter-spacing:1px; } |
|---|
| 106 | |
|---|
| 107 | .contactlist { padding:1.25em 0; clear:both; font-family:Helvetica; } |
|---|
| 108 | .contactlist a { color: #710000; text-decoration:none; } |
|---|
| 109 | .contactlist h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; } |
|---|
| 110 | ul.contactlist-numbers { width:15em; float:left; list-style:none; } |
|---|
| 111 | ul.contactlist-numbers li { margin-bottom:1px; padding:0.125em 0.375em; font-size:0.813em; line-height:20px; border-top:1px solid #fff; } |
|---|
| 112 | ul.contactlist-numbers li:first-child { background-color:#fff; } |
|---|
| 113 | ul.contactlist-numbers li span.number { font-weight:bold; letter-spacing:1px; } |
|---|
| 114 | |
|---|
| 115 | .additional-info { padding:1.25em 0; clear:both; } |
|---|
| 116 | .address { margin-right:1.625em; float:left; } |
|---|
| 117 | .optional-fields { width:15.375em; float:right; font-size:0.813em; line-height:20px; } |
|---|
| 118 | |
|---|
| 119 | /* The width is static on this element due to alignment with the contact image */ |
|---|
| 120 | .address h3.site-subtitle { width:100px; margin-right:1.538em; float:left; text-align:right; } |
|---|
| 121 | .address p { width:17.75em; float:left; font-size:0.813em; line-height:20px; } |
|---|
| 122 | |
|---|
| 123 | .extra { width:27em; margin-top:1.25em; padding-top:0.75em; float:left; clear:both; border-top:0.188em double #ddd; } |
|---|
| 124 | #map { height:250px; } |
|---|
| 125 | .notes { width:27em; position:relative; float:left; } |
|---|
| 126 | .notes p { padding:0.188em 0 0.75em 0; font-size:0.813em; line-height:1.25em; } |
|---|
| 127 | |
|---|
| 128 | .related-contacts { margin:0 0 1em 0em; position:relative; color:#333; } |
|---|
| 129 | .related-contacts h3 { font-family:Verdana, Arial, sans-serif; font-size:0.688em; line-height:20px; } |
|---|
| 130 | .related-contacts ul { padding-top:3px; } |
|---|
| 131 | .related-contacts li { list-style-type:none; font-family:Helvetica; font-size:12px; line-height:17px; } |
|---|
| 132 | .related-contacts li a { list-style-type:none; text-decoration:none; } |
|---|
| 133 | |
|---|
| 134 | .gravatar { width:50px; height:50px; } |
|---|
| 135 | |
|---|
| 136 | .contact-tags { margin:1em 0 1.25em 0; padding-top:0.125em; clear:both; border-top:0.063em solid #ddd;} |
|---|
| 137 | .contact-tags span { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:0.688em; font-weight:bold; } |
|---|
| 138 | .contact-tags a { font-size:0.688em; font-weight:bold; text-decoration:none; } |
|---|
| 139 | |
|---|
| 140 | /* ------- SIDEBAR ------- */ |
|---|
| 141 | |
|---|
| 142 | #sidebar p { padding:0 0 1.25em 0; font-size:0.688em; line-height:1em; } |
|---|
| 143 | #sidebar h3 { margin-bottom:0.5em; font-size:0.688em; text-transform:uppercase; border-bottom:0.125em solid #ccc; } |
|---|
| 144 | #sidebar p a { text-decoration:none; } |
|---|
| 145 | #sidebar a:visited { color:#380000; text-decoration:none; } |
|---|
| 146 | |
|---|
| 147 | #sidebar form { padding:0 0 0 0; } |
|---|
| 148 | #searchform input { width:12em; margin-top:0em; padding:0em 0em 0 0; font-family:Helvetica; font-size:1em; color:#554; border:2px solid #CCC; background-color:#fff; } |
|---|
| 149 | #searchform input#searchsubmit { width:5.50em; padding:0.1em 0 0 0; font-size:0.85em; cursor:pointer; color:#333; border:1.5px solid #CCC; background:#fff; } |
|---|
| 150 | |
|---|
| 151 | #plusbar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; } |
|---|
| 152 | #plusbar h3 { text-decoration:none; margin-bottom:0.5em; text-transform:uppercase; border-bottom:0.125em solid #fff; border-bottom:0.125em solid #fff; } |
|---|
| 153 | #plusbar li a { text-decoration:none; } |
|---|
| 154 | #plusbar li a:hover { text-decoration:underline; } |
|---|
| 155 | #plusbar li a:active a:visited { text-decoration:none; } |
|---|
| 156 | #plusbar li { list-style-type:none; } |
|---|
| 157 | #plusbar form { padding:0 0 .5em 0; } |
|---|
| 158 | #plusbar .comments { font-size:.70em; color:#333; } |
|---|
| 159 | #plusbar .comments li { padding:0 0 .8em 0; } |
|---|
| 160 | #plusbar .comments a:visited { color:#380000; text-decoration:bold; } |
|---|
| 161 | #plusbar .comments a { color:#710000; text-decoration:bold; } |
|---|
| 162 | |
|---|
| 163 | #singleleft_bar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; background:#fff;} |
|---|
| 164 | #singleleft_bar h3 { text-decoration:none; margin-bottom:0.5em; text-transform:uppercase; border-bottom:0.125em solid #fff; border-bottom:0.125em solid #fff; } |
|---|
| 165 | #singleleft_bar li a { text-decoration:none; font-size:0.688em; } |
|---|
| 166 | #singleleft_bar li a:active { text-decoration:none; font-size:0.688em; color:#333; } |
|---|
| 167 | #singleleft_bar li a:visited { text-decoration:none; font-size:0.688em; color:#333; } |
|---|
| 168 | #singleleft_bar li { list-style-type:none; line-height:1em; } |
|---|
| 169 | #singleleft_bar form { padding:0 0 .5em 0; } |
|---|
| 170 | #singleleft_bar a:visited { color:#333;s } |
|---|
| 171 | |
|---|
| 172 | #singleright_bar p { padding-bottom:1.25em; font-size:0.688em; line-height:1em; } |
|---|
| 173 | #singleright_bar h3 { width:100%; padding-bottom:0px; border-bottom:1px solid #fff; font-family:Helvetica; font-size:1.125em; font-weight:normal; color:#333; } |
|---|
| 174 | #singleright_bar { text-decoration:none; } |
|---|
| 175 | #singleright_bar form { padding:0 0 1.25em 0; } |
|---|
| 176 | |
|---|
| 177 | /* ------- COMMENTS / USER NOTES ------- */ |
|---|
| 178 | |
|---|
| 179 | #user-notes { margin-top:1em; padding:1em; border:1px solid #CCC; background-color:#FFF; } |
|---|
| 180 | |
|---|
| 181 | #sidebar h3#user-notes-title, #sidebar h3#leave-user-note |
|---|
| 182 | { |
|---|
| 183 | font-family:Helvetica; |
|---|
| 184 | font-size:18px; |
|---|
| 185 | font-weight:normal; |
|---|
| 186 | text-transform:none; |
|---|
| 187 | color:#380000; |
|---|
| 188 | border-bottom:0; |
|---|
| 189 | } |
|---|
| 190 | |
|---|
| 191 | #sidebar h3#leave-user-note { padding-top:1.25em; } |
|---|
| 192 | |
|---|
| 193 | dl.commentlist {} |
|---|
| 194 | dl.commentlist dt { margin-top:1.38em; display:block; font-family:Georgia, "Times New Roman", serif; } |
|---|
| 195 | dl.commentlist dt cite { font-size:1em; } |
|---|
| 196 | dl.commentlist dt cite a { text-decoration:none; color:#004d86; } |
|---|
| 197 | dl.commentlist dt span#author-meta { padding-top:5px; position:relative; display:block; } |
|---|
| 198 | dl.commentlist dt span#author-meta a { text-decoration:none; } |
|---|
| 199 | dl.commentlist dt span.comment-meta a |
|---|
| 200 | { font-family:Helvetica, Arial, sans-serif; font-size:0.688em; text-decoration:none; color:#999; } |
|---|
| 201 | dl.commentlist dt img { margin:0 0.75em 0 0; position:relative; float:left; border:3px solid #ddd; border-top:2px solid #ddd; } |
|---|
| 202 | dl.commentlist dd { margin-top:1em; display:block; clear:both; font-family:Georgia, "Times New Roman", serif; } |
|---|
| 203 | #sidebar dl.commentlist dd p { padding-bottom:1em; display:block; font-size:0.75em; line-height:1.5em; } |
|---|
| 204 | |
|---|
| 205 | #sidebar p.login-note { font-size:0.813em; font-weight:bold; line-height:1em; background-color:#fdfeef; } |
|---|
| 206 | form#commentform p { font-size:0.813em; font-family:Georgia, "Times New Roman", serif; font-style:italic; line-height:1em; background-color:#fff; } |
|---|
| 207 | form#commentform p a { text-decoration:underline; } |
|---|
| 208 | form#commentform {} |
|---|
| 209 | form#commentform input, form#commentform textarea { padding:2px; font-size:13px; color:#665; border:1px solid #ddd; border-bottom:1px solid #dcdcdc; } |
|---|
| 210 | form#commentform input#submit { padding:3px 5px; font-family:Helvetica; font-size:15px; font-weight:bold; cursor:pointer; color:#443; border:3px double #c0c0c0; background-color:#ddd; } |
|---|
| 211 | |
|---|
| 212 | /* ------- SITE META ------- */ |
|---|
| 213 | |
|---|
| 214 | #site-meta p { padding:0.625em; font-size:0.588em; text-align:center; color:#FFF; } |
|---|
| 215 | #site-meta p a { color:#FFF; } |
|---|
| 216 | #site-meta p a.home-link { font-weight:bold; color:#554; text-decoration:none; } |
|---|
| 217 | #site-meta a.home-link:hover, #site-meta a.home-link:active { } |
|---|
| 218 | #site-meta a:hover, #site-meta a:active { text-decoration:underline; } |
|---|
