slitaz-forge rev 37
Update laste forum theme
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sat Mar 19 16:26:12 2011 +0100 (2011-03-19) |
parents | 0c3a5e9addd2 |
children | 1fa6db906aa3 |
files | forum/vanilla/themes/slitaz-2/README.txt forum/vanilla/themes/slitaz-2/about.php forum/vanilla/themes/slitaz-2/design/favicon.ico forum/vanilla/themes/slitaz-2/design/favicon.png forum/vanilla/themes/slitaz-2/design/style.css forum/vanilla/themes/slitaz-2/images/header.png forum/vanilla/themes/slitaz-2/images/logo.png forum/vanilla/themes/slitaz-2/images/overlayBg.png forum/vanilla/themes/slitaz-2/screenshot.png forum/vanilla/themes/slitaz-2/views/default.master.php forum/vanilla/themes/slitaz-2/views/discussion/comments.php forum/vanilla/themes/slitaz-2/views/discussion/helper_functions.php forum/vanilla/themes/slitaz-2/views/discussions/helper_functions.php forum/vanilla/themes/slitaz/README.txt forum/vanilla/themes/slitaz/about.php forum/vanilla/themes/slitaz/design/favicon.ico forum/vanilla/themes/slitaz/design/favicon.png forum/vanilla/themes/slitaz/design/header-img.png forum/vanilla/themes/slitaz/design/style.css forum/vanilla/themes/slitaz/design/style.css.org forum/vanilla/themes/slitaz/design/style.diff forum/vanilla/themes/slitaz/images/header.png forum/vanilla/themes/slitaz/images/logo.png forum/vanilla/themes/slitaz/images/overlayBg.png forum/vanilla/themes/slitaz/screenshot.png forum/vanilla/themes/slitaz/views/default.master.php forum/vanilla/themes/slitaz/views/discussion/comments.php forum/vanilla/themes/slitaz/views/discussion/helper_functions.php forum/vanilla/themes/slitaz/views/discussions/helper_functions.php |
line diff
1.1 --- a/forum/vanilla/themes/slitaz-2/README.txt Wed Mar 16 15:35:15 2011 +0000 1.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 1.3 @@ -1,45 +0,0 @@ 1.4 -How to create a theme: 1.5 - 1.6 -Part 1: CSS / Design 1.7 -================================================================================ 1.8 -1. Copy this "default" theme folder and rename it to your new theme name. 1.9 -2. Open the "about.php" file and edit the information to reflect your theme. Be 1.10 - sure to change the array key like this: $ThemeInfo['YourThemeNameHere']. 1.11 -3. Create a "design" subfolder and copy /applications/dashboard/design/style.css 1.12 - and /applications/vanilla/design/vanilla.css into it. 1.13 -4. Any background images you want to continue using (like the star png images 1.14 - for bookmarking) should be copied along with their respective stylesheets. 1.15 -5. Go to your Dashboard, Themes, and apply your new theme. 1.16 -6. Edit the copied CSS files to look however you wish! 1.17 - 1.18 -Other things you should know: 1.19 - 1.20 - + All non-forum pages should be edited in the global "style.css" file. 1.21 - 1.22 - + If you want to edit the look & feel of the administrative screens, also 1.23 - copy /applications/dashboard/design/admin.css in step 3. Similarly, you can 1.24 - copy other CSS files like /applications/vanilla/design/vanillaprofile.css to 1.25 - customize those pages as well. 1.26 - 1.27 - 1.28 -Part 2: HTML / Views 1.29 -================================================================================ 1.30 -If you want to customize the HTML, you can edit that too. 1.31 -Our pages are made up of two parts: 1.32 - 1.33 - 1. Master Views - these represent everything that wraps the main content of the 1.34 - page. If all you want to do is add a menu or banner above Vanilla, this is 1.35 - all you need to alter. To do so, copy the default master view from 1.36 - /applications/dashboard/views/default.master.php to 1.37 - /themes/yourtheme/views/default.master.php and edit it there. 1.38 - 1.39 - 2. Views - these represent all of the content in each page. Every application 1.40 - has a "views" folder that contains all of the HTML for every page. So, for 1.41 - example, if you wanted to edit the HTML for the Discussions list, you could 1.42 - copy the views from /applications/vanilla/views/discussions to 1.43 - /themes/yourtheme/views/discussions and edit them there. 1.44 - 1.45 -You can avoid naming conflicts between applications' views and specify which 1.46 -app a view is for by optionally adding a subfolder with the app's name in 1.47 -/themes/yourtheme/views/ (e.g.: /themes/yourtheme/views/appname/) and placing 1.48 -views there rather than directly in the "views" folder. 1.49 \ No newline at end of file
2.1 --- a/forum/vanilla/themes/slitaz-2/about.php Wed Mar 16 15:35:15 2011 +0000 2.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 2.3 @@ -1,21 +0,0 @@ 2.4 -<?php if (!defined('APPLICATION')) exit(); 2.5 -/* 2.6 -Copyright 2008, 2009 Vanilla Forums Inc. 2.7 -This file is part of Garden. 2.8 -Garden is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. 2.9 -Garden is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. 2.10 -You should have received a copy of the GNU General Public License along with Garden. If not, see <http://www.gnu.org/licenses/>. 2.11 -Contact Vanilla Forums Inc. at support [at] vanillaforums [dot] com 2.12 -*/ 2.13 - 2.14 -/** 2.15 - * An associative array of information about this application. 2.16 - */ 2.17 -$ThemeInfo['SliTaz-2'] = array( 2.18 - 'Name' => 'SliTaz-2', 2.19 - 'Description' => "SliTaz Vanilla 2 official theme", 2.20 - 'Version' => '2.0', 2.21 - 'Author' => "Christophe Lincoln", 2.22 - 'AuthorEmail' => 'pankso@slitaz.org', 2.23 - 'AuthorUrl' => 'http://www.slitaz.org' 2.24 -);
3.1 Binary file forum/vanilla/themes/slitaz-2/design/favicon.ico has changed
4.1 Binary file forum/vanilla/themes/slitaz-2/design/favicon.png has changed
5.1 --- a/forum/vanilla/themes/slitaz-2/design/style.css Wed Mar 16 15:35:15 2011 +0000 5.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 5.3 @@ -1,422 +0,0 @@ 5.4 -@charset "utf-8"; 5.5 -/* CSS Document */ 5.6 - 5.7 -/***--- MAIN / DEFAULT --***/ 5.8 -html, body { height: 102%; margin: 0; } 5.9 -html, body, input, select, textarea, button { 5.10 - font-family: Verdana, Geneva, sans-serif; 5.11 - font-size: 11px; 5.12 - line-height: 17px; 5.13 - color: #555; 5.14 -} 5.15 -a { color: #2f6c8e; text-decoration: none; } 5.16 -a:hover { color: #69a1c1; } 5.17 -a img { border: none; } 5.18 -ul, ol { margin: 0; padding: 0; list-style: none; } 5.19 - 5.20 -.clear { 5.21 - clear: both; 5.22 - display: block; 5.23 - height: 0; 5.24 - overflow: hidden; 5.25 - visibility: hidden; 5.26 - width: 0; 5.27 -} 5.28 - 5.29 -#Wrapper { min-height: 100%; position: relative; margin: 0 auto; } 5.30 -.Hidden { display: none; } 5.31 - 5.32 -/***--- HEADER(S) --***/ 5.33 - 5.34 - 5.35 -#Header h1 { padding: 15px; font-size: 2em; } 5.36 -#Header a { color: #69a1c1; } 5.37 -#Header a:hover { color: #FFF; } 5.38 - 5.39 -#Header{ 5.40 - background: #f0ba08 url(../images/header.png) repeat-x top; 5.41 - color: black; 5.42 - width: 100%; 5.43 - height: 50px; 5.44 - border-top: 1px solid black; 5.45 - border-bottom: 1px solid black; 5.46 - margin-bottom: 30px; 5.47 - position: absolute; 5.48 - top: 0; 5.49 -} 5.50 - 5.51 -#titre { 5.52 - position: absolute; 5.53 - font-size: 16px; 5.54 - font-weight: bolder ; 5.55 - margin-left: 200px; 5.56 - margin-top: 28px; 5.57 -} 5.58 - 5.59 -#logo { 5.60 - position: absolute; 5.61 - float: left; 5.62 - margin-left: 16px; 5.63 - margin-top: 0px; 5.64 -} 5.65 - 5.66 -/***--- NAV --***/ 5.67 -#Nav { 5.68 - right: 0; 5.69 - position: absolute; 5.70 - top: 3px; 5.71 - font-size: 10px; 5.72 - font-weight: bold; } 5.73 - 5.74 -/* search */ 5.75 -#Search { 5.76 - -moz-border-radius: 4px; 5.77 - -webkit-border-radius: 4px; 5.78 - height: 20px; 5.79 - float: right; 5.80 - background: #FFF; 5.81 - padding: 2px 2px; 5.82 - margin: 11px 95px 0 0; } 5.83 -#Search form { padding: 0; border: none; } 5.84 -#Nav #Search input.InputBox { width: 150px; border: none; } 5.85 -#Search input.Button { 5.86 - -moz-border-radius: 4px; 5.87 - -webkit-border-radius: 4px; 5.88 - height: 17px; 5.89 - margin: 0; 5.90 - padding: 0; } 5.91 - 5.92 -/***--- MAIN --***/ 5.93 -/*#Main { }*/ 5.94 - 5.95 -/* If you prefer the panel on the left and content on the right, simply switch the "float" property for #Content & #Panel and set the "margin-left" to "margin-right" for the #Content */ 5.96 -#Content { 5.97 - margin: 0px 320px 0px 0px; 5.98 - padding: 86px 40px 65px 80px; 5.99 - } 5.100 -#Panel { 5.101 - position: absolute; 5.102 - top: 76px; 5.103 - right: 80px; 5.104 - color: #555555; 5.105 - float: right; 5.106 - width: 250px; 5.107 - line-height: 1.5em; 5.108 - text-align: left; 5.109 - font-size: 12px; 5.110 - } 5.111 -.Box, #UserOptions { 5.112 - -moz-border-radius: 8px; 5.113 - -webkit-border-radius: 8px; 5.114 - list-style-type: none; 5.115 - margin: 10px 0; 5.116 - padding: 10px 24px 10px 24px; 5.117 - background-color: #eaeaea;} 5.118 -#Panel .Box ul { 5.119 - list-style-type: none; 5.120 - margin: 0; 5.121 - padding: 10px 24px 10px 0px; 5.122 - font-weight: bold; 5.123 -} 5.124 - 5.125 -/***--- CONTENT --***/ 5.126 -.GuestBox { background: #eaeaea; } 5.127 -.GuestBox p { padding: 0; } 5.128 -.Message img { max-width: 100%; } 5.129 - 5.130 -/* headers */ 5.131 -h1 { margin: 0; font-size: 1.5em; } 5.132 -#Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab { 5.133 - -moz-border-radius: 8px; 5.134 - -webkit-border-radius: 8px; 5.135 - font-size: 1.1em; background: #555555; color: #fff; margin: 0 0 10px; padding: 10px; font-weight: bold; 5.136 -} 5.137 -div.DiscussionTabs .SubTab { margin: 0; } 5.138 - 5.139 -#Panel h4, #Panel .GuestBox h4 { 5.140 - font-size: 110%; 5.141 - color: #666666; 5.142 - font-weight: bold; 5.143 - padding: 0 0 1px 0; 5.144 - margin: 0; 5.145 - border-bottom: 1px solid #cecece; } 5.146 - 5.147 -div.Empty, div#Status { padding: 10px; } 5.148 - 5.149 -/* tabs */ 5.150 -.Tabs li, .SubTab { 5.151 - -moz-border-radius: 8px; 5.152 - -webkit-border-radius: 8px; 5.153 - background: #CECECE; 5.154 - padding: 5px 8px; 5.155 - font-size: 140%; 5.156 - font-weight: bold; 5.157 - border-bottom: 1px solid #fff; } 5.158 -.Tabs li.Active { background: #555; border-bottom: none; } 5.159 -.Tabs li.Active a { color: #fff; } 5.160 -.Tabs span { display: inline-block; margin: 0 10px; color: #888; } 5.161 -.SubTab { font-size: 1em; } 5.162 - 5.163 -/* DISCUSSIONS */ 5.164 -.DataList li.Item, .Conversation li.Item { 5.165 - border-bottom: 1px solid #ccc; 5.166 - position: relative; 5.167 - padding: 10px; 5.168 - -moz-border-radius: 8px; 5.169 - -webkit-border-radius: 8px; 5.170 -} 5.171 -.Activities li.Item { min-height: 50px; } 5.172 -.DataList li.Item a.Title { display: block; font-size: 1.15em; font-weight: bold; padding: 0 0 8px; } 5.173 - 5.174 -/* discussions meta */ 5.175 -.DataList .Meta span, .DataList .Meta strong { 5.176 - min-width: 100px; display: inline-block; margin: 0 5px 0 0; 5.177 -} 5.178 -.DataList .Meta .LastCommentBy { width: 175px; } 5.179 -.DataList .Meta .LastCommentDate { width: 100px; } 5.180 - 5.181 -/* discussions highlight */ 5.182 -.DataList li.Mine { background: #f1f1f1; border-bottom-color: #fff; } 5.183 -.DataList li.New { background: #d8ecbc; } 5.184 -.DataList li.Bookmarked { background: #ffdf5d; border-bottom-color: #fff; } 5.185 - 5.186 -.DataList li.Closed { background: #eee; } 5.187 -.DataList .Meta .Closed { color: #333; } 5.188 -.DataList li.Closed a.Title { text-decoration: line-through; } 5.189 - 5.190 -.DataList li.Announcement { background: #FFC; } 5.191 -.DataList .Meta .Announcement, .DataList .Meta .Closed { 5.192 - width: 100px; font-weight: bold; 5.193 -} 5.194 -.DataList .Meta .Announcement { color: #C60; } 5.195 - 5.196 -/* DISCUSSION */ 5.197 -div.DiscussionTabs li { font-size: 1em; } 5.198 -ul.Discussion { margin: 0 0 10px; } 5.199 - 5.200 -/* bookmark */ 5.201 -a.Bookmark { width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; font-size: 0; background: #fff; border: 1px dotted #ffcc00; } 5.202 -.Discussion a.Bookmark { top: 41px; } 5.203 -a.Bookmarked { background: #ffcc00; border: 1px solid #fff; } 5.204 -div.Options a.Bookmark { top: 14px; } 5.205 - 5.206 -div.Comment { 5.207 - position: relative; 5.208 - border-bottom: 1px dotted #ccc; 5.209 - padding: 10px; } 5.210 -li.Even { background: #f8f8f8; } 5.211 - 5.212 -/* discussion meta */ 5.213 -.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message { 5.214 - margin-left: 215px; line-height: 1.75em; 5.215 -} 5.216 -.Comment .Meta, .ConversationMessage .Meta { 5.217 - width: 175px; float: left; padding: 10px; background: #FFC; 5.218 - -moz-border-radius: 8px; 5.219 - -webkit-border-radius: 8px; 5.220 -} 5.221 -.Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount { 5.222 - display: block; border-bottom: 1px dotted #ccc; font-size: 0.85em; padding: 1px 0; 5.223 -} 5.224 -.Comment .Author, .ConversationMessage span.Author { 5.225 - background: #fff; padding: 5px; border-bottom: none; 5.226 -} 5.227 -.Comment .Author img, .ConversationMessage .Author a.Photo { 5.228 - float: left; margin: 0 10px 0 0; 5.229 -} 5.230 -.Comment .Author a, .ConversationMessage .Author a { 5.231 - font-weight: bold; font-size: 1.1em; 5.232 -} 5.233 -blockquote { margin: 0; padding: 10px; background: #fff; border: 1px dotted #ccc; } 5.234 -.Odd blockquote { background: #F8F8F8; } 5.235 - 5.236 -/* post */ 5.237 -ul.PostOptions { margin: 0 0 10px; } 5.238 -.Preview { padding: 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; } 5.239 - 5.240 -/*- Conversations & Activities -*/ 5.241 -ul.Activities .Title { margin: 0 0 0 60px; font-weight: bold; } 5.242 -ul.Conversations .Photo, ul.Activities .Photo { 5.243 - width: 50px; height: 50px; float: left; font-size: 0.9em; color: #ccc; overflow: hidden; background: #eee; 5.244 -} 5.245 -ul.Conversations .Excerpt, ul.Activities .Excerpt { 5.246 - margin: 0 0 10px 60px; 5.247 -} 5.248 -ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta { 5.249 - margin: 0 0 0 60px;background: #FFC; padding: 3px 5px; 5.250 -} 5.251 -.SearchResults .Meta { margin: 5px 0 0; } 5.252 -ul.ActivityComments { margin: 0 0 0 60px; } 5.253 - 5.254 -.ConversationMessage .Message { min-height: 100px; } 5.255 -.ConversationMessage span.Author { height: 50px; } 5.256 -.ConversationMessage span.ItemLink { display: none; } 5.257 - 5.258 -/***--- PANEL --***/ 5.259 -.Block { padding: 15px; background: #ddd; margin: 0 10px 0 0; } 5.260 -.Post #Panel, .Search #Panel { 5.261 - display: none; 5.262 -} 5.263 - 5.264 -.PanelInfo li { padding: 0px 0px; } 5.265 -.PanelInfo li strong { font-weight: normal; } 5.266 -.PanelInfo li.Active a { color: #c60; } 5.267 -.PanelInfo li.Parent { background: #ccc; padding: 2px 5px; font-size: 1.1em; font-weight: bold; } 5.268 - 5.269 -.PanelInfo a, .Box a { 5.270 - color: #0F314E; 5.271 - background: inherit; 5.272 - display: block; 5.273 - text-decoration: none; 5.274 - font-weight: bold; 5.275 -} 5.276 - 5.277 -.PanelInfo a:hover, .Box a:hover { 5.278 - color: #c60; 5.279 - text-decoration: none; 5.280 - display: block; 5.281 -} 5.282 -/* account */ 5.283 - 5.284 -#Panel .Photo { background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; } 5.285 -#Panel .Photo img { width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; } 5.286 -#Panel .Photo img:hover { width: auto; } 5.287 - 5.288 -#Panel dl { padding: 10px; background: #fff; margin: 0; } 5.289 -#Panel dt { font-weight: bold; padding: 2px 0 0; } 5.290 -#Panel dd { margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; } 5.291 - 5.292 -/* inbox */ 5.293 -.PanelInfo li strong { display: inline-block; margin: 0 5px 0 0; } 5.294 - 5.295 -/*- Form elements -*/ 5.296 -form { padding: 0 10px 10px; border-bottom: 1px dotted #ccc; } 5.297 -fieldset { margin: 0; padding: 0; border: none; } 5.298 - 5.299 -form#Form_User_Register { margin-top: 10px; } 5.300 - 5.301 -input, textarea, select { 5.302 - border: 1px solid #ccc; padding: 3px 5px; margin: 0; 5.303 -} 5.304 -input.InputBox { width: 325px; margin: 0 10px 5px 0; } 5.305 - 5.306 -input.Button, input.Cancel { 5.307 - -moz-border-radius: 4px; 5.308 - -webkit-border-radius: 4px; 5.309 - cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px; 5.310 -} 5.311 -input.Button:hover, input.Cancel:hover { 5.312 - background: #555555; color: white; 5.313 -} 5.314 - 5.315 -a.Back, a.Cancel { 5.316 - margin: 0 5px 0 0; 5.317 -} 5.318 - 5.319 -textarea { width: 95%; min-height: 100px; display: block; margin: 10px 0; } 5.320 - 5.321 -label { display: block; font-weight: bold; } 5.322 -label.RadioLabel, label.CheckBoxLabel { 5.323 - font-weight: normal; 5.324 -} 5.325 -label.RadioLabel input, label.CheckBoxLabel input { 5.326 - border: none; 5.327 -} 5.328 - 5.329 -li.Gender, li.CaptchaInput { 5.330 - margin: 0 0 10px; 5.331 -} 5.332 -li.CreateAccount, li.Buttons { 5.333 - margin: 5px 0 0; 5.334 -} 5.335 -.cleditorMain { margin: 10px 0; } 5.336 - 5.337 -.CommentForm div.Messages { margin: 8px 0 0; } 5.338 -.Errors, .Warning { 5.339 - color: #F00; 5.340 -} 5.341 - 5.342 -/***--- BUTTONS ---***/ 5.343 -.GuestBox a.Button { 5.344 - -moz-border-radius: 4px; 5.345 - -webkit-border-radius: 4px; 5.346 - font-size: 11px; 5.347 - padding: 4px; 5.348 - margin: 0 0 10px; 5.349 - background: #c60; 5.350 - color: #FFF; } 5.351 -.GuestBox .Button:hover { 5.352 - background: #555555; } 5.353 - 5.354 -a.BigButton { 5.355 - -moz-border-radius: 8px; 5.356 - -webkit-border-radius: 8px; 5.357 - display: block; 5.358 - background: #c60; 5.359 - color: #FFF; 5.360 - padding: 10px; 5.361 - font-size: 1.1em; 5.362 - font-weight: bold; 5.363 - text-align: center} 5.364 -a.BigButton:hover { background: #555555; } 5.365 -a.ClearConversation { margin: 10px 0 0; } 5.366 - 5.367 -/* options */ 5.368 -div.Options, div.OptionButton { 5.369 - position: absolute; top: 12px; right: 10px; 5.370 -} 5.371 -div.OptionButton { font-weight: bold; color: #555; } 5.372 -ul.Options strong { 5.373 - -moz-border-radius: 4px; 5.374 - -webkit-border-radius: 4px; 5.375 - cursor: pointer; 5.376 - display: block; 5.377 - padding: 5px 10px; 5.378 - background: #FFC; 5.379 - border: 1px solid #ccc; } 5.380 - 5.381 -ul.Options { margin: 5px 40px 0 0; } 5.382 -ul.Options li { position: relative; } 5.383 -ul.Options ul { min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; margin-top: -1px; } 5.384 -ul.Options li:hover ul { display: block; } 5.385 -ul.Options ul li { display: block; border-top: 1px dotted #ccc; } 5.386 -ul.Options ul li:first-child { border-top: none; } 5.387 -ul.Options ul li a { display: block; padding: 5px 10px; } 5.388 - 5.389 -/*- Pager -*/ 5.390 -#PagerAfter { margin: 10px 0; text-align: center; background: #ddd; padding: 2px 10px; } 5.391 -#PagerAfter a { display: inline-block; padding: 0 5px; } 5.392 -#PagerAfter a.Highlight { color: #c60; } 5.393 -span.Previous, a.Previous { float: left; } 5.394 -#PagerAfter span.Next, #PagerAfter a.Next { float: right; padding: 0; } 5.395 - 5.396 -#PagerMore { text-align: right; padding: 5px 10px; } 5.397 - 5.398 -/***--- FOOTER --***/ 5.399 -#Footer { 5.400 - font-size: 11px ; 5.401 - width: 100%; 5.402 - position: absolute; 5.403 - bottom: 0; 5.404 - background: inherit; 5.405 - color: #a8a8a8; } 5.406 -#Footer ul { margin: 16px 15px; } 5.407 -#Footer li { float: left; } 5.408 -#Footer a { text-decoration: underline; background: inherit; color: #a8a8a8; } 5.409 -#Footer a:hover { color: #666666; } 5.410 - 5.411 -/***--- OVERLAY ---***/ 5.412 -.Overlay { width: 100%; position: absolute; top: 0; z-index: 10000; background: url(../images/overlayBg.png); } 5.413 -.Overlay #Popup { width: 720px; padding: 15px; background: #FFF; margin: 0 auto; border: 1px dotted #c60; position: relative; } 5.414 - 5.415 -.Overlay .Buttons input.Button { margin: 0 0 10px; } 5.416 -.Overlay p { padding: 0 10px; } 5.417 -.Overlay a.Close { position: absolute; display: block; top: 10px; right: 15px; padding: 13px; font-size: 1.5em; color: #fff; } 5.418 -.Overlay a.Close:hover { color: #c60; } 5.419 -.Overlay ul { margin: 10px 0 0; } 5.420 - 5.421 -.Overlay input.Button { margin: 10px 0 0; } 5.422 -.Overlay textarea { margin: 10px 0 0; } 5.423 -.Overlay li.Gender { margin: 0; } 5.424 - 5.425 -.Overlay #Form_Picture { margin: 0 0 10px; }
6.1 Binary file forum/vanilla/themes/slitaz-2/images/header.png has changed
7.1 Binary file forum/vanilla/themes/slitaz-2/images/logo.png has changed
8.1 Binary file forum/vanilla/themes/slitaz-2/images/overlayBg.png has changed
9.1 Binary file forum/vanilla/themes/slitaz-2/screenshot.png has changed
10.1 --- a/forum/vanilla/themes/slitaz-2/views/default.master.php Wed Mar 16 15:35:15 2011 +0000 10.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 10.3 @@ -1,84 +0,0 @@ 10.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 10.5 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 10.6 - <head> 10.7 - <?php $this->RenderAsset('Head'); ?> 10.8 - </head> 10.9 - <body id="<?php echo $BodyIdentifier; ?>" class="<?php echo $this->CssClass; ?>"> 10.10 - <div id="Wrapper"> 10.11 - <div id="Main"> 10.12 - <div id="ContentHolder"> 10.13 - <div id="Content"> 10.14 - <?php $this->RenderAsset('Content'); ?> 10.15 - </div> 10.16 - </div> 10.17 - <div id="PanelHolder"> 10.18 - <div id="Panel"> 10.19 - 10.20 - <div class="Box"> 10.21 - <h4>Navigation</h4> 10.22 - 10.23 - <?php 10.24 - $Session = Gdn::Session(); 10.25 - if ($this->Menu) { 10.26 - $this->Menu->AddLink('Dashboard', T('Dashboard'), '/dashboard/settings', array('Garden.Settings.Manage')); 10.27 - // $this->Menu->AddLink('Dashboard', T('Users'), '/user/browse', array('Garden.Users.Add', 'Garden.Users.Edit', 'Garden.Users.Delete')); 10.28 - $this->Menu->AddLink('Activity', T('Activity'), '/activity'); 10.29 - $Authenticator = Gdn::Authenticator(); 10.30 - if ($Session->IsValid()) { 10.31 - $Name = $Session->User->Name; 10.32 - $CountNotifications = $Session->User->CountNotifications; 10.33 - if (is_numeric($CountNotifications) && $CountNotifications > 0) 10.34 - $Name .= ' <span>'.$CountNotifications.'</span>'; 10.35 - 10.36 - $this->Menu->AddLink('User', "Profile ($Name)", '/profile/{UserID}/{Username}', array('Garden.SignIn.Allow'), array('class' => 'UserNotifications')); 10.37 - $this->Menu->AddLink('SignOut', T('Sign Out'), $Authenticator->SignOutUrl(), FALSE, array('class' => 'NonTab SignOut')); 10.38 - } else { 10.39 - $Attribs = array(); 10.40 - if (C('Garden.SignIn.Popup') && strpos(Gdn::Request()->Url(), 'entry') === FALSE) 10.41 - $Attribs['class'] = 'SignInPopup'; 10.42 - 10.43 - $this->Menu->AddLink('Entry', T('Sign In'), $Authenticator->SignInUrl($this->SelfUrl), FALSE, array('class' => 'NonTab'), $Attribs); 10.44 - } 10.45 - echo $this->Menu->ToString(); 10.46 - } 10.47 - ?> 10.48 - </div> 10.49 - <?php $this->RenderAsset('Panel'); ?> 10.50 - </div> 10.51 - </div> 10.52 - <div class="clear"> </div> 10.53 - </div> 10.54 - 10.55 - <div id="Header"> 10.56 - 10.57 - <a href="http://forum.slitaz.org/"><img id="logo" 10.58 - src="themes/slitaz/images/logo.png" title="www.slitaz.org" alt="www.slitaz.org" 10.59 - style="border: 0px solid ; width: 200px; height: 74px;" /></a> 10.60 - <p id="titre">#!/Support/Forum</p> 10.61 - 10.62 - </div> 10.63 - 10.64 - <div id="Nav"> 10.65 - 10.66 - <div id="Search"> 10.67 - <?php 10.68 - $Form = Gdn::Factory('Form'); 10.69 - $Form->InputPrefix = ''; 10.70 - echo 10.71 - $Form->Open(array('action' => Url('/search'), 'method' => 'get')), 10.72 - $Form->TextBox('Search'), 10.73 - $Form->Button('Search', array('Name' => '')), 10.74 - $Form->Close(); 10.75 - ?> 10.76 - </div> 10.77 - </div> 10.78 - 10.79 - <div id="Footer"> 10.80 - Copyright © 2010 <a href="http://www.slitaz.org/">SliTaz</a> - 10.81 - <a href="http://vanillaforums.org">Powered by Vanilla</a> 10.82 - </div> 10.83 - </div> 10.84 - 10.85 - <?php $this->FireEvent('AfterBody'); ?> 10.86 - </body> 10.87 -</html>
11.1 --- a/forum/vanilla/themes/slitaz-2/views/discussion/comments.php Wed Mar 16 15:35:15 2011 +0000 11.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 11.3 @@ -1,25 +0,0 @@ 11.4 -<?php if (!defined('APPLICATION')) exit(); 11.5 -$Session = Gdn::Session(); 11.6 -$this->FireEvent('BeforeCommentsRender'); 11.7 -if (!function_exists('WriteComment')) 11.8 - include($this->FetchViewLocation('helper_functions', 'discussion')); 11.9 - 11.10 -$CurrentOffset = $this->Offset; 11.11 -if ($CurrentOffset == 0 && !$this->Data('NewComments', FALSE)) { 11.12 - echo WriteComment($this->Discussion, $this, $Session, $CurrentOffset); 11.13 -} 11.14 - 11.15 -// Only prints individual comment list items 11.16 -$CommentData = $this->CommentData->Result(); 11.17 -$i = 0; 11.18 -foreach ($CommentData as $Comment) { 11.19 - ++$CurrentOffset; 11.20 - $this->CurrentComment = $Comment; 11.21 - if ($i % 2) { 11.22 - $counter = 'Odd'; 11.23 - } else { 11.24 - $counter = 'Even'; 11.25 - } 11.26 - WriteComment($Comment, $this, $Session, $CurrentOffset, $counter); 11.27 - $i++; 11.28 -}
12.1 --- a/forum/vanilla/themes/slitaz-2/views/discussion/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 12.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 12.3 @@ -1,118 +0,0 @@ 12.4 -<?php if (!defined('APPLICATION')) exit(); 12.5 - 12.6 -/** 12.7 - * $Object is either a Comment or the original Discussion. 12.8 - */ 12.9 -function WriteComment($Object, $Sender, $Session, $CurrentOffset, $counter) { 12.10 - $Author = UserBuilder($Object, 'Insert'); 12.11 - $Type = property_exists($Object, 'CommentID') ? 'Comment' : 'Discussion'; 12.12 - $Sender->EventArguments['Object'] = $Object; 12.13 - $Sender->EventArguments['Type'] = $Type; 12.14 - $Sender->EventArguments['Author'] = $Author; 12.15 - $CssClass = 'Item Comment ' . $counter; 12.16 - if ($Type == 'Comment') { 12.17 - $Sender->EventArguments['Comment'] = $Object; 12.18 - $Id = 'Comment_'.$Object->CommentID; 12.19 - $Permalink = '/discussion/comment/'.$Object->CommentID.'/#Comment_'.$Object->CommentID; 12.20 - } else { 12.21 - $Sender->EventArguments['Discussion'] = $Object; 12.22 - $CssClass .= ' FirstComment'; 12.23 - $Id = 'Discussion_'.$Object->DiscussionID; 12.24 - $Permalink = '/discussion/'.$Object->DiscussionID.'/'.Gdn_Format::Url($Object->Name).'/p1'; 12.25 - } 12.26 - $Sender->Options = ''; 12.27 - $CssClass .= $Object->InsertUserID == $Session->UserID ? ' Mine' : ''; 12.28 - $Sender->FireEvent('BeforeCommentDisplay'); 12.29 -?> 12.30 -<li class="<?php echo $CssClass; ?>" id="<?php echo $Id; ?>"> 12.31 - <div class="Comment"> 12.32 - <div class="Meta"> 12.33 - <?php $Sender->FireEvent('BeforeCommentMeta'); ?> 12.34 - <div class="Author"> 12.35 - <?php 12.36 - echo UserPhoto($Author); 12.37 - echo UserAnchor($Author); 12.38 - ?> 12.39 - <div class="clear"> </div> 12.40 - </div> 12.41 - <span class="DateCreated"> 12.42 - <?php 12.43 - echo Gdn_Format::Date($Object->DateInserted); 12.44 - ?> 12.45 - </span> 12.46 - <span class="Permalink"> 12.47 - <?php echo Anchor(T('Permalink'), $Permalink, 'Permalink', array('name' => 'Item_'.($CurrentOffset+1), 'rel' => 'nofollow')); ?> 12.48 - </span> 12.49 - <?php WriteOptionList($Object, $Sender, $Session); ?> 12.50 - <div class="CommentInfo"> 12.51 - <?php $Sender->FireEvent('CommentInfo'); ?> 12.52 - </div> 12.53 - <?php $Sender->FireEvent('AfterCommentMeta'); ?> 12.54 - </div> 12.55 - <div class="Message"> 12.56 - <?php $Sender->FireEvent('BeforeCommentBody'); ?> 12.57 - <?php 12.58 - $Object->FormatBody = Gdn_Format::To($Object->Body, $Object->Format); 12.59 - $Sender->FireEvent('AfterCommentFormat'); 12.60 - $Object = $Sender->EventArguments['Object']; 12.61 - echo $Object->FormatBody; 12.62 - ?> 12.63 - </div><div class="clear"> </div> 12.64 - <?php $Sender->FireEvent('AfterCommentBody'); ?> 12.65 - </div> 12.66 -</li> 12.67 -<?php 12.68 - $Sender->FireEvent('AfterComment'); 12.69 -} 12.70 - 12.71 -function WriteOptionList($Object, $Sender, $Session) { 12.72 - $EditContentTimeout = C('Garden.EditContentTimeout', -1); 12.73 - $CanEdit = $EditContentTimeout == -1 || strtotime($Object->DateInserted) + $EditContentTimeout > time(); 12.74 - $TimeLeft = ''; 12.75 - if ($CanEdit && $EditContentTimeout > 0) { 12.76 - $TimeLeft = strtotime($Object->DateInserted) + $EditContentTimeout - time(); 12.77 - $TimeLeft = $TimeLeft > 0 ? ' ('.Gdn_Format::Seconds($TimeLeft).')' : ''; 12.78 - } 12.79 - 12.80 - $Sender->Options = ''; 12.81 - $CategoryID = GetValue('CategoryID', $Object); 12.82 - if(!$CategoryID && property_exists($Sender, 'Discussion')) 12.83 - $CategoryID = GetValue('CategoryID', $Sender->Discussion); 12.84 - 12.85 - // Show discussion options if this is the discussion / first comment 12.86 - if ($Sender->EventArguments['Type'] == 'Discussion') { 12.87 - // Can the user edit the discussion? 12.88 - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $CategoryID)) 12.89 - $Sender->Options .= '<span>'.Anchor(T('Edit'), '/vanilla/post/editdiscussion/'.$Object->DiscussionID, 'EditDiscussion').$TimeLeft.'</span>'; 12.90 - 12.91 - // Can the user announce? 12.92 - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $CategoryID)) 12.93 - $Sender->Options .= '<span>'.Anchor(T($Sender->Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . '</span>'; 12.94 - 12.95 - // Can the user sink? 12.96 - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $CategoryID)) 12.97 - $Sender->Options .= '<span>'.Anchor(T($Sender->Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . '</span>'; 12.98 - 12.99 - // Can the user close? 12.100 - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $CategoryID)) 12.101 - $Sender->Options .= '<span>'.Anchor(T($Sender->Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . '</span>'; 12.102 - 12.103 - // Can the user delete? 12.104 - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $CategoryID)) 12.105 - $Sender->Options .= '<span>'.Anchor(T('Delete Discussion'), 'vanilla/discussion/delete/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'DeleteDiscussion') . '</span>'; 12.106 - } else { 12.107 - // And if this is just another comment in the discussion ... 12.108 - 12.109 - // Can the user edit the comment? 12.110 - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Comments.Edit', TRUE, 'Category', $Sender->Discussion->CategoryID)) 12.111 - $Sender->Options .= '<span>'.Anchor(T('Edit'), '/vanilla/post/editcomment/'.$Object->CommentID, 'EditComment').$TimeLeft.'</span>'; 12.112 - 12.113 - // Can the user delete the comment? 12.114 - if ($Session->CheckPermission('Vanilla.Comments.Delete', TRUE, 'Category', $CategoryID)) 12.115 - $Sender->Options .= '<span>'.Anchor(T('Delete'), 'vanilla/discussion/deletecomment/'.$Object->CommentID.'/'.$Session->TransientKey().'/?Target='.urlencode($Sender->SelfUrl), 'DeleteComment') . '</span>'; 12.116 - } 12.117 - 12.118 - // Allow plugins to add options 12.119 - $Sender->FireEvent('CommentOptions'); 12.120 - echo $Sender->Options; 12.121 -} 12.122 \ No newline at end of file
13.1 --- a/forum/vanilla/themes/slitaz-2/views/discussions/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 13.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 13.3 @@ -1,186 +0,0 @@ 13.4 -<?php 13.5 -if (!defined('APPLICATION')) exit(); 13.6 - 13.7 -function WriteDiscussion($Discussion, &$Sender, &$Session, $Alt) { 13.8 - $CssClass = 'Item'; 13.9 - $CssClass .= $Discussion->Bookmarked == '1' ? ' Bookmarked' : ''; 13.10 - $CssClass .= $Discussion->Closed == '1' ? ' Closed' : ''; 13.11 - $CssClass .= $Alt.' '; 13.12 - $CssClass .= $Discussion->Announce == '1' ? ' Announcement' : ''; 13.13 - $CssClass .= $Discussion->Dismissed == '1' ? ' Dismissed' : ''; 13.14 - $CssClass .= $Discussion->InsertUserID == $Session->UserID ? ' Mine' : ''; 13.15 - $CssClass .= ($Discussion->CountUnreadComments > 0 && $Session->IsValid()) ? ' New' : ''; 13.16 - $Sender->EventArguments['Discussion'] = &$Discussion; 13.17 - $First = UserBuilder($Discussion, 'First'); 13.18 - $Last = UserBuilder($Discussion, 'Last'); 13.19 - 13.20 - $Sender->FireEvent('BeforeDiscussionName'); 13.21 - 13.22 - $DiscussionName = Gdn_Format::Text($Discussion->Name); 13.23 - if ($DiscussionName == '') 13.24 - $DiscussionName = T('Blank Discussion Topic'); 13.25 - 13.26 - static $FirstDiscussion = TRUE; 13.27 - if (!$FirstDiscussion) 13.28 - $Sender->FireEvent('BetweenDiscussion'); 13.29 - else 13.30 - $FirstDiscussion = FALSE; 13.31 -?> 13.32 -<li class="<?php echo $CssClass; ?> "> 13.33 - <?php 13.34 - $Sender->FireEvent('BeforeDiscussionContent'); 13.35 - WriteOptions($Discussion, $Sender, $Session); 13.36 - ?> 13.37 - <div class="ItemContent Discussion"> 13.38 - <?php echo Anchor($DiscussionName, '/discussion/'.$Discussion->DiscussionID.'/'.Gdn_Format::Url($Discussion->Name).($Discussion->CountCommentWatch > 0 && C('Vanilla.Comments.AutoOffset') ? '/#Item_'.$Discussion->CountCommentWatch : ''), 'Title'); ?> 13.39 - <?php $Sender->FireEvent('AfterDiscussionTitle'); ?> 13.40 - <div class="Meta"> 13.41 - <?php if ($Discussion->Announce == '1') { ?> 13.42 - <span class="Announcement"><?php echo T('Announcement'); ?></span> 13.43 - <?php } ?> 13.44 - <?php if ($Discussion->Closed == '1') { ?> 13.45 - <span class="Closed"><?php echo T('Closed'); ?></span> 13.46 - <?php } ?> 13.47 - <span class="CommentCount"><?php printf(Plural($Discussion->CountComments, '%s comment', '%s comments'), $Discussion->CountComments); ?></span> 13.48 - <?php 13.49 - if ($Session->IsValid() && $Discussion->CountUnreadComments > 0) 13.50 - echo '<strong>'.Plural($Discussion->CountUnreadComments, '%s New', '%s New Plural').'</strong>'; 13.51 - 13.52 - if ($Discussion->LastCommentID != '') { 13.53 - echo '<span class="LastCommentBy">'.sprintf(T('Most recent by %1$s'), UserAnchor($Last)).'</span>'; 13.54 - echo '<span class="LastCommentDate">'.Gdn_Format::Date($Discussion->LastDate).'</span>'; 13.55 - } else { 13.56 - echo '<span class="LastCommentBy">'.sprintf(T('Started by %1$s'), UserAnchor($First)).'</span>'; 13.57 - echo '<span class="LastCommentDate">'.Gdn_Format::Date($Discussion->FirstDate).'</span>'; 13.58 - } 13.59 - 13.60 - if (C('Vanilla.Categories.Use')) 13.61 - echo Wrap(Anchor($Discussion->Category, '/categories/'.$Discussion->CategoryUrlCode, 'Category')); 13.62 - 13.63 - $Sender->FireEvent('DiscussionMeta'); 13.64 - ?> 13.65 - </div> 13.66 - </div> 13.67 -</li> 13.68 -<?php 13.69 -} 13.70 - 13.71 -function WriteFilterTabs(&$Sender) { 13.72 - $Session = Gdn::Session(); 13.73 - $Title = property_exists($Sender, 'Category') && is_object($Sender->Category) ? $Sender->Category->Name : T('All Discussions'); 13.74 - $Bookmarked = T('My Bookmarks'); 13.75 - $MyDiscussions = T('My Discussions'); 13.76 - $MyDrafts = T('My Drafts'); 13.77 - $CountBookmarks = 0; 13.78 - $CountDiscussions = 0; 13.79 - $CountDrafts = 0; 13.80 - if ($Session->IsValid()) { 13.81 - $CountBookmarks = $Session->User->CountBookmarks; 13.82 - $CountDiscussions = $Session->User->CountDiscussions; 13.83 - $CountDrafts = $Session->User->CountDrafts; 13.84 - } 13.85 - if (is_numeric($CountBookmarks) && $CountBookmarks > 0) 13.86 - $Bookmarked .= '<span>'.$CountBookmarks.'</span>'; 13.87 - 13.88 - if (is_numeric($CountDiscussions) && $CountDiscussions > 0) 13.89 - $MyDiscussions .= '<span>'.$CountDiscussions.'</span>'; 13.90 - 13.91 - if (is_numeric($CountDrafts) && $CountDrafts > 0) 13.92 - $MyDrafts .= '<span>'.$CountDrafts.'</span>'; 13.93 - 13.94 - ?> 13.95 -<div class="Tabs DiscussionsTabs"> 13.96 - <ul> 13.97 - <?php $Sender->FireEvent('BeforeDiscussionTabs'); ?> 13.98 - <li<?php echo strtolower($Sender->ControllerName) == 'discussionscontroller' && strtolower($Sender->RequestMethod) == 'index' ? ' class="Active"' : ''; ?>><?php echo Anchor(T('All Discussions'), 'discussions'); ?></li> 13.99 - <?php $Sender->FireEvent('AfterAllDiscussionsTab'); ?> 13.100 - <?php if ($CountBookmarks > 0 || $Sender->RequestMethod == 'bookmarked') { ?> 13.101 - <li<?php echo $Sender->RequestMethod == 'bookmarked' ? ' class="Active"' : ''; ?>><?php echo Anchor($Bookmarked, '/discussions/bookmarked', 'MyBookmarks'); ?></li> 13.102 - <?php 13.103 - $Sender->FireEvent('AfterBookmarksTab'); 13.104 - } 13.105 - if ($CountDiscussions > 0 || $Sender->RequestMethod == 'mine') { 13.106 - ?> 13.107 - <li<?php echo $Sender->RequestMethod == 'mine' ? ' class="Active"' : ''; ?>><?php echo Anchor($MyDiscussions, '/discussions/mine', 'MyDiscussions'); ?></li> 13.108 - <?php 13.109 - } 13.110 - if ($CountDrafts > 0 || $Sender->ControllerName == 'draftscontroller') { 13.111 - ?> 13.112 - <li<?php echo $Sender->ControllerName == 'draftscontroller' ? ' class="Active"' : ''; ?>><?php echo Anchor($MyDrafts, '/drafts', 'MyDrafts'); ?></li> 13.113 - <?php 13.114 - } 13.115 - $Sender->FireEvent('AfterDiscussionTabs'); 13.116 - ?> 13.117 - </ul> 13.118 - <?php 13.119 - if (property_exists($Sender, 'Category') && is_object($Sender->Category)) { 13.120 - ?> 13.121 - <div class="SubTab">↳ <?php echo $Sender->Category->Name; ?></div> 13.122 - <?php 13.123 - } 13.124 - ?> 13.125 -</div> 13.126 - <?php 13.127 -} 13.128 - 13.129 -/** 13.130 - * Render options that the user has for this discussion. 13.131 - */ 13.132 -function WriteOptions($Discussion, &$Sender, &$Session) { 13.133 - if ($Session->IsValid() && $Sender->ShowOptions) { 13.134 - echo '<div class="Options">'; 13.135 - // Bookmark link 13.136 - $Title = T($Discussion->Bookmarked == '1' ? 'Unbookmark' : 'Bookmark'); 13.137 - echo Anchor( 13.138 - '<span class="Star">' 13.139 - .Img('applications/dashboard/design/images/pixel.png', array('alt' => $Title)) 13.140 - .'</span>', 13.141 - '/vanilla/discussion/bookmark/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 13.142 - 'Bookmark' . ($Discussion->Bookmarked == '1' ? ' Bookmarked' : ''), 13.143 - array('title' => $Title) 13.144 - ); 13.145 - 13.146 - $Sender->Options = ''; 13.147 - 13.148 - // Dismiss an announcement 13.149 - if (C('Vanilla.Discussions.Dismiss', 1) && $Discussion->Announce == '1' && $Discussion->Dismissed != '1') 13.150 - $Sender->Options .= '<li>'.Anchor(T('Dismiss'), 'vanilla/discussion/dismissannouncement/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'DismissAnnouncement') . '</li>'; 13.151 - 13.152 - // Edit discussion 13.153 - if ($Discussion->FirstUserID == $Session->UserID || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $Discussion->CategoryID)) 13.154 - $Sender->Options .= '<li>'.Anchor(T('Edit'), 'vanilla/post/editdiscussion/'.$Discussion->DiscussionID, 'EditDiscussion') . '</li>'; 13.155 - 13.156 - // Announce discussion 13.157 - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $Discussion->CategoryID)) 13.158 - $Sender->Options .= '<li>'.Anchor(T($Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . '</li>'; 13.159 - 13.160 - // Sink discussion 13.161 - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $Discussion->CategoryID)) 13.162 - $Sender->Options .= '<li>'.Anchor(T($Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . '</li>'; 13.163 - 13.164 - // Close discussion 13.165 - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $Discussion->CategoryID)) 13.166 - $Sender->Options .= '<li>'.Anchor(T($Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . '</li>'; 13.167 - 13.168 - // Delete discussion 13.169 - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $Discussion->CategoryID)) 13.170 - $Sender->Options .= '<li>'.Anchor(T('Delete'), 'vanilla/discussion/delete/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'DeleteDiscussion') . '</li>'; 13.171 - 13.172 - // Allow plugins to add options 13.173 - $Sender->FireEvent('DiscussionOptions'); 13.174 - 13.175 - if ($Sender->Options != '') { 13.176 - ?> 13.177 - <ul class="Options"> 13.178 - <li> 13.179 - <strong><?php echo T('Options'); ?></strong> 13.180 - <ul> 13.181 - <?php echo $Sender->Options; ?> 13.182 - </ul> 13.183 - </li> 13.184 - </ul> 13.185 - <?php 13.186 - } 13.187 - echo '</div>'; 13.188 - } 13.189 -} 13.190 \ No newline at end of file
14.1 --- a/forum/vanilla/themes/slitaz/README.txt Wed Mar 16 15:35:15 2011 +0000 14.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 14.3 @@ -1,45 +0,0 @@ 14.4 -How to create a theme: 14.5 - 14.6 -Part 1: CSS / Design 14.7 -================================================================================ 14.8 -1. Copy this "default" theme folder and rename it to your new theme name. 14.9 -2. Open the "about.php" file and edit the information to reflect your theme. Be 14.10 - sure to change the array key like this: $ThemeInfo['YourThemeNameHere']. 14.11 -3. Create a "design" subfolder and copy /applications/dashboard/design/style.css 14.12 - and /applications/vanilla/design/vanilla.css into it. 14.13 -4. Any background images you want to continue using (like the star png images 14.14 - for bookmarking) should be copied along with their respective stylesheets. 14.15 -5. Go to your Dashboard, Themes, and apply your new theme. 14.16 -6. Edit the copied CSS files to look however you wish! 14.17 - 14.18 -Other things you should know: 14.19 - 14.20 - + All non-forum pages should be edited in the global "style.css" file. 14.21 - 14.22 - + If you want to edit the look & feel of the administrative screens, also 14.23 - copy /applications/dashboard/design/admin.css in step 3. Similarly, you can 14.24 - copy other CSS files like /applications/vanilla/design/vanillaprofile.css to 14.25 - customize those pages as well. 14.26 - 14.27 - 14.28 -Part 2: HTML / Views 14.29 -================================================================================ 14.30 -If you want to customize the HTML, you can edit that too. 14.31 -Our pages are made up of two parts: 14.32 - 14.33 - 1. Master Views - these represent everything that wraps the main content of the 14.34 - page. If all you want to do is add a menu or banner above Vanilla, this is 14.35 - all you need to alter. To do so, copy the default master view from 14.36 - /applications/dashboard/views/default.master.php to 14.37 - /themes/yourtheme/views/default.master.php and edit it there. 14.38 - 14.39 - 2. Views - these represent all of the content in each page. Every application 14.40 - has a "views" folder that contains all of the HTML for every page. So, for 14.41 - example, if you wanted to edit the HTML for the Discussions list, you could 14.42 - copy the views from /applications/vanilla/views/discussions to 14.43 - /themes/yourtheme/views/discussions and edit them there. 14.44 - 14.45 -You can avoid naming conflicts between applications' views and specify which 14.46 -app a view is for by optionally adding a subfolder with the app's name in 14.47 -/themes/yourtheme/views/ (e.g.: /themes/yourtheme/views/appname/) and placing 14.48 -views there rather than directly in the "views" folder. 14.49 \ No newline at end of file
15.1 --- a/forum/vanilla/themes/slitaz/about.php Wed Mar 16 15:35:15 2011 +0000 15.2 +++ b/forum/vanilla/themes/slitaz/about.php Sat Mar 19 16:26:12 2011 +0100 15.3 @@ -1,11 +1,6 @@ 15.4 <?php if (!defined('APPLICATION')) exit(); 15.5 /* 15.6 -Copyright 2008, 2009 Vanilla Forums Inc. 15.7 -This file is part of Garden. 15.8 -Garden is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. 15.9 -Garden is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. 15.10 -You should have received a copy of the GNU General Public License along with Garden. If not, see <http://www.gnu.org/licenses/>. 15.11 -Contact Vanilla Forums Inc. at support [at] vanillaforums [dot] com 15.12 + Copyright 2011 SliTaz GNU/Linux. 15.13 */ 15.14 15.15 /** 15.16 @@ -13,9 +8,9 @@ 15.17 */ 15.18 $ThemeInfo['SliTaz'] = array( 15.19 'Name' => 'SliTaz', 15.20 - 'Description' => "SliTaz Vanilla 2 official theme", 15.21 - 'Version' => '1.0', 15.22 + 'Description' => "SliTaz official theme for Vanilla 2 ", 15.23 + 'Version' => '4.0', 15.24 'Author' => "Christophe Lincoln", 15.25 'AuthorEmail' => 'pankso@slitaz.org', 15.26 - 'AuthorUrl' => 'http://www.slitaz.org' 15.27 + 'AuthorUrl' => 'http://www.slitaz.org/' 15.28 );
16.1 Binary file forum/vanilla/themes/slitaz/design/favicon.ico has changed
17.1 Binary file forum/vanilla/themes/slitaz/design/favicon.png has changed
18.1 Binary file forum/vanilla/themes/slitaz/design/header-img.png has changed
19.1 --- a/forum/vanilla/themes/slitaz/design/style.css Wed Mar 16 15:35:15 2011 +0000 19.2 +++ b/forum/vanilla/themes/slitaz/design/style.css Sat Mar 19 16:26:12 2011 +0100 19.3 @@ -1,438 +1,2717 @@ 19.4 -@charset "utf-8"; 19.5 -/* CSS Document */ 19.6 - 19.7 -/***--- MAIN / DEFAULT --***/ 19.8 -html, body { height: 102%; margin: 0; } 19.9 -html, body, input, select, textarea, button { 19.10 - font-family: Verdana, Geneva, sans-serif; 19.11 - font-size: 11px; 19.12 - line-height: 17px; 19.13 - color: #555; 19.14 -} 19.15 -a { color: #2f6c8e; text-decoration: none; } 19.16 -a:hover { color: #69a1c1; } 19.17 -a img { border: none; } 19.18 -ul, ol { margin: 0; padding: 0; list-style: none; } 19.19 - 19.20 -.clear { 19.21 - clear: both; 19.22 - display: block; 19.23 - height: 0; 19.24 - overflow: hidden; 19.25 - visibility: hidden; 19.26 - width: 0; 19.27 -} 19.28 - 19.29 -#Wrapper { min-height: 100%; position: relative; margin: 0 auto; } 19.30 -.Hidden { display: none; } 19.31 - 19.32 -/***--- HEADER(S) --***/ 19.33 - 19.34 - 19.35 -#Header h1 { padding: 15px; font-size: 2em; } 19.36 -#Header a { color: #69a1c1; } 19.37 -#Header a:hover { color: #FFF; } 19.38 - 19.39 -#Header{ 19.40 - background: #f0ba08 url(../images/header.png) repeat-x top; 19.41 - color: black; 19.42 - width: 100%; 19.43 - height: 50px; 19.44 - border-top: 1px solid black; 19.45 - border-bottom: 1px solid black; 19.46 - margin-bottom: 30px; 19.47 - position: absolute; 19.48 - top: 0; 19.49 -} 19.50 - 19.51 -#titre { 19.52 - position: absolute; 19.53 - font-size: 16px; 19.54 - font-weight: bolder ; 19.55 - margin-left: 200px; 19.56 - margin-top: 28px; 19.57 -} 19.58 - 19.59 -#logo { 19.60 - position: absolute; 19.61 - float: left; 19.62 - margin-left: 16px; 19.63 - margin-top: 0px; 19.64 -} 19.65 - 19.66 -/***--- NAV --***/ 19.67 -#Nav { 19.68 - right: 0; 19.69 - position: absolute; 19.70 - top: 3px; 19.71 - font-size: 10px; 19.72 - font-weight: bold; } 19.73 - 19.74 -ul#Menu { 19.75 - margin: 10px 15px; 19.76 - float: left; } 19.77 - 19.78 -#Menu li { float: left; margin: 0 1px 0 0; } 19.79 -#Menu a { 19.80 - display: block; 19.81 - padding: 5px 4px; 19.82 - background: inherit; 19.83 - color: white; 19.84 - text-decoration: none; } 19.85 - 19.86 -#Menu a:hover { 19.87 - background: inherit; 19.88 - color: #222222; } 19.89 -#Menu li.Highlight a { color: #222222; } 19.90 - 19.91 -/* search */ 19.92 -#Search { 19.93 - -moz-border-radius: 4px; 19.94 - -webkit-border-radius: 4px; 19.95 - height: 20px; 19.96 - float: right; 19.97 - background: #FFF; 19.98 - padding: 2px 2px; 19.99 - margin: 11px 15px; } 19.100 -#Search form { padding: 0; border: none; } 19.101 -#Nav #Search input.InputBox { width: 150px; border: none; } 19.102 -#Search input.Button { 19.103 - -moz-border-radius: 4px; 19.104 - -webkit-border-radius: 4px; 19.105 - height: 17px; 19.106 - margin: 0; 19.107 - padding: 0; } 19.108 - 19.109 -/***--- MAIN --***/ 19.110 -/*#Main { }*/ 19.111 - 19.112 -/* If you prefer the panel on the left and content on the right, simply switch the "float" property for #Content & #Panel and set the "margin-left" to "margin-right" for the #Content */ 19.113 -#Content { 19.114 - margin: 0px 320px 0px 0px; 19.115 - padding: 86px 40px 65px 80px; 19.116 - } 19.117 -#Panel { 19.118 - position: absolute; 19.119 - top: 86px; 19.120 - right: 80px; 19.121 - color: #555555; 19.122 - float: right; 19.123 - width: 250px; 19.124 - line-height: 1.5em; 19.125 - text-align: left; 19.126 - font-size: 12px; 19.127 - } 19.128 -.Box, #UserOptions { 19.129 - -moz-border-radius: 8px; 19.130 - -webkit-border-radius: 8px; 19.131 - list-style-type: none; 19.132 - margin: 10px 0; 19.133 - padding: 10px 24px 10px 24px; 19.134 - background-color: #eaeaea;} 19.135 -#Panel .Box ul { 19.136 - list-style-type: none; 19.137 - margin: 0; 19.138 - padding: 10px 24px 10px 0px; 19.139 -} 19.140 - 19.141 -/***--- CONTENT --***/ 19.142 -.GuestBox { background: #eaeaea; } 19.143 -.GuestBox p { padding: 0; } 19.144 -.Message img { max-width: 100%; } 19.145 - 19.146 -/* headers */ 19.147 -h1 { margin: 0; font-size: 1.5em; } 19.148 -#Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab { 19.149 - -moz-border-radius: 8px; 19.150 - -webkit-border-radius: 8px; 19.151 - font-size: 1.1em; background: #555555; color: #fff; margin: 0 0 10px; padding: 10px; font-weight: bold; 19.152 -} 19.153 -div.DiscussionTabs .SubTab { margin: 0; } 19.154 - 19.155 -#Panel h4, #Panel .GuestBox h4 { 19.156 - font-size: 110%; 19.157 - color: #666666; 19.158 - font-weight: bold; 19.159 - padding: 0 0 1px 0; 19.160 - margin: 0; 19.161 - border-bottom: 1px solid #cecece; } 19.162 - 19.163 -div.Empty, div#Status { padding: 10px; } 19.164 - 19.165 -/* tabs */ 19.166 -.Tabs li, .SubTab { 19.167 - -moz-border-radius: 8px; 19.168 - -webkit-border-radius: 8px; 19.169 - background: #CECECE; 19.170 - padding: 5px 8px; 19.171 - font-size: 140%; 19.172 - font-weight: bold; 19.173 - border-bottom: 1px solid #fff; } 19.174 -.Tabs li.Active { background: #555; border-bottom: none; } 19.175 -.Tabs li.Active a { color: #fff; } 19.176 -.Tabs span { display: inline-block; margin: 0 10px; color: #888; } 19.177 -.SubTab { font-size: 1em; } 19.178 - 19.179 -/* DISCUSSIONS */ 19.180 -.DataList li.Item, .Conversation li.Item { 19.181 - border-bottom: 1px solid #ccc; 19.182 - position: relative; 19.183 - padding: 10px; 19.184 - -moz-border-radius: 8px; 19.185 - -webkit-border-radius: 8px; 19.186 -} 19.187 -.Activities li.Item { min-height: 50px; } 19.188 -.DataList li.Item a.Title { display: block; font-size: 1.15em; font-weight: bold; padding: 0 0 8px; } 19.189 - 19.190 -/* discussions meta */ 19.191 -.DataList .Meta span, .DataList .Meta strong { 19.192 - min-width: 100px; display: inline-block; margin: 0 5px 0 0; 19.193 -} 19.194 -.DataList .Meta .LastCommentBy { width: 175px; } 19.195 -.DataList .Meta .LastCommentDate { width: 100px; } 19.196 - 19.197 -/* discussions highlight */ 19.198 -.DataList li.Mine { background: #f1f1f1; border-bottom-color: #fff; } 19.199 -.DataList li.New { background: #d8ecbc; } 19.200 -.DataList li.Bookmarked { background: #ffdf5d; border-bottom-color: #fff; } 19.201 - 19.202 -.DataList li.Closed { background: #eee; } 19.203 -.DataList .Meta .Closed { color: #333; } 19.204 -.DataList li.Closed a.Title { text-decoration: line-through; } 19.205 - 19.206 -.DataList li.Announcement { background: #FFC; } 19.207 -.DataList .Meta .Announcement, .DataList .Meta .Closed { 19.208 - width: 100px; font-weight: bold; 19.209 -} 19.210 -.DataList .Meta .Announcement { color: #C60; } 19.211 - 19.212 -/* DISCUSSION */ 19.213 -div.DiscussionTabs li { font-size: 1em; } 19.214 -ul.Discussion { margin: 0 0 10px; } 19.215 - 19.216 -/* bookmark */ 19.217 -a.Bookmark { width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; font-size: 0; background: #fff; border: 1px dotted #ffcc00; } 19.218 -.Discussion a.Bookmark { top: 41px; } 19.219 -a.Bookmarked { background: #ffcc00; border: 1px solid #fff; } 19.220 -div.Options a.Bookmark { top: 14px; } 19.221 - 19.222 -div.Comment { 19.223 - position: relative; 19.224 - border-bottom: 1px dotted #ccc; 19.225 - padding: 10px; } 19.226 -li.Even { background: #f8f8f8; } 19.227 - 19.228 -/* discussion meta */ 19.229 -.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message { 19.230 - margin-left: 215px; line-height: 1.75em; 19.231 -} 19.232 -.Comment .Meta, .ConversationMessage .Meta { 19.233 - width: 175px; float: left; padding: 10px; background: #FFC; 19.234 - -moz-border-radius: 8px; 19.235 - -webkit-border-radius: 8px; 19.236 -} 19.237 -.Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount { 19.238 - display: block; border-bottom: 1px dotted #ccc; font-size: 0.85em; padding: 1px 0; 19.239 -} 19.240 -.Comment .Author, .ConversationMessage span.Author { 19.241 - background: #fff; padding: 5px; border-bottom: none; 19.242 -} 19.243 -.Comment .Author img, .ConversationMessage .Author a.Photo { 19.244 - float: left; margin: 0 10px 0 0; 19.245 -} 19.246 -.Comment .Author a, .ConversationMessage .Author a { 19.247 - font-weight: bold; font-size: 1.1em; 19.248 -} 19.249 -blockquote { margin: 0; padding: 10px; background: #fff; border: 1px dotted #ccc; } 19.250 -.Odd blockquote { background: #F8F8F8; } 19.251 - 19.252 -/* post */ 19.253 -ul.PostOptions { margin: 0 0 10px; } 19.254 -.Preview { padding: 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; } 19.255 - 19.256 -/*- Conversations & Activities -*/ 19.257 -ul.Activities .Title { margin: 0 0 0 60px; font-weight: bold; } 19.258 -ul.Conversations .Photo, ul.Activities .Photo { 19.259 - width: 50px; height: 50px; float: left; font-size: 0.9em; color: #ccc; overflow: hidden; background: #eee; 19.260 -} 19.261 -ul.Conversations .Excerpt, ul.Activities .Excerpt { 19.262 - margin: 0 0 10px 60px; 19.263 -} 19.264 -ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta { 19.265 - margin: 0 0 0 60px;background: #FFC; padding: 3px 5px; 19.266 -} 19.267 -.SearchResults .Meta { margin: 5px 0 0; } 19.268 -ul.ActivityComments { margin: 0 0 0 60px; } 19.269 - 19.270 -.ConversationMessage .Message { min-height: 100px; } 19.271 -.ConversationMessage span.Author { height: 50px; } 19.272 -.ConversationMessage span.ItemLink { display: none; } 19.273 - 19.274 -/***--- PANEL --***/ 19.275 -.Block { padding: 15px; background: #ddd; margin: 0 10px 0 0; } 19.276 -.Post #Panel, .Search #Panel { 19.277 - display: none; 19.278 -} 19.279 - 19.280 -.PanelInfo li { padding: 0px 0px; } 19.281 -.PanelInfo li strong { font-weight: normal; } 19.282 -.PanelInfo li.Active a { color: #c60; } 19.283 -.PanelInfo li.Parent { background: #ccc; padding: 2px 5px; font-size: 1.1em; font-weight: bold; } 19.284 - 19.285 -.PanelInfo a { 19.286 - color: #0F314E; 19.287 - background: inherit; 19.288 - display: block; 19.289 - text-decoration: none; 19.290 - font-weight: bold; 19.291 -} 19.292 - 19.293 -.PanelInfo a:hover { 19.294 - color: #c60; 19.295 - text-decoration: none; 19.296 - display: block; 19.297 -} 19.298 -/* account */ 19.299 - 19.300 -#Panel .Photo { background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; } 19.301 -#Panel .Photo img { width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; } 19.302 -#Panel .Photo img:hover { width: auto; } 19.303 - 19.304 -#Panel dl { padding: 10px; background: #fff; margin: 0; } 19.305 -#Panel dt { font-weight: bold; padding: 2px 0 0; } 19.306 -#Panel dd { margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; } 19.307 - 19.308 -/* inbox */ 19.309 -.PanelInfo li strong { display: inline-block; margin: 0 5px 0 0; } 19.310 - 19.311 -/*- Form elements -*/ 19.312 -form { padding: 0 10px 10px; border-bottom: 1px dotted #ccc; } 19.313 -fieldset { margin: 0; padding: 0; border: none; } 19.314 - 19.315 -form#Form_User_Register { margin-top: 10px; } 19.316 - 19.317 -input, textarea, select { 19.318 - border: 1px solid #ccc; padding: 3px 5px; margin: 0; 19.319 -} 19.320 -input.InputBox { width: 325px; margin: 0 10px 5px 0; } 19.321 - 19.322 -input.Button, input.Cancel { 19.323 - -moz-border-radius: 4px; 19.324 - -webkit-border-radius: 4px; 19.325 - cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px; 19.326 -} 19.327 -input.Button:hover, input.Cancel:hover { 19.328 - background: #555555; color: white; 19.329 -} 19.330 - 19.331 -a.Back, a.Cancel { 19.332 - margin: 0 5px 0 0; 19.333 -} 19.334 - 19.335 -textarea { width: 95%; min-height: 100px; display: block; margin: 10px 0; } 19.336 - 19.337 -label { display: block; font-weight: bold; } 19.338 -label.RadioLabel, label.CheckBoxLabel { 19.339 - font-weight: normal; 19.340 -} 19.341 -label.RadioLabel input, label.CheckBoxLabel input { 19.342 - border: none; 19.343 -} 19.344 - 19.345 -li.Gender, li.CaptchaInput { 19.346 - margin: 0 0 10px; 19.347 -} 19.348 -li.CreateAccount, li.Buttons { 19.349 - margin: 5px 0 0; 19.350 -} 19.351 -.cleditorMain { margin: 10px 0; } 19.352 - 19.353 -.CommentForm div.Messages { margin: 8px 0 0; } 19.354 -.Errors, .Warning { 19.355 - color: #F00; 19.356 -} 19.357 - 19.358 -/***--- BUTTONS ---***/ 19.359 -.GuestBox a.Button { 19.360 - -moz-border-radius: 4px; 19.361 - -webkit-border-radius: 4px; 19.362 - font-size: 11px; 19.363 - padding: 4px; 19.364 - margin: 0 0 10px; 19.365 - background: #c60; 19.366 - color: #FFF; } 19.367 -.GuestBox .Button:hover { 19.368 - background: #555555; } 19.369 - 19.370 -a.BigButton { 19.371 - -moz-border-radius: 8px; 19.372 - -webkit-border-radius: 8px; 19.373 - display: block; 19.374 - background: #c60; 19.375 - color: #FFF; 19.376 - padding: 10px; 19.377 - font-size: 1.1em; 19.378 - font-weight: bold; 19.379 - text-align: center} 19.380 -a.BigButton:hover { background: #555555; } 19.381 -a.ClearConversation { margin: 10px 0 0; } 19.382 - 19.383 -/* options */ 19.384 -div.Options, div.OptionButton { 19.385 - position: absolute; top: 12px; right: 10px; 19.386 -} 19.387 -div.OptionButton { font-weight: bold; color: #555; } 19.388 -ul.Options strong { 19.389 - -moz-border-radius: 4px; 19.390 - -webkit-border-radius: 4px; 19.391 - cursor: pointer; 19.392 - display: block; 19.393 - padding: 5px 10px; 19.394 - background: #FFC; 19.395 - border: 1px solid #ccc; } 19.396 - 19.397 -ul.Options { margin: 5px 40px 0 0; } 19.398 -ul.Options li { position: relative; } 19.399 -ul.Options ul { min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; margin-top: -1px; } 19.400 -ul.Options li:hover ul { display: block; } 19.401 -ul.Options ul li { display: block; border-top: 1px dotted #ccc; } 19.402 -ul.Options ul li:first-child { border-top: none; } 19.403 -ul.Options ul li a { display: block; padding: 5px 10px; } 19.404 - 19.405 -/*- Pager -*/ 19.406 -#PagerAfter { margin: 10px 0; text-align: center; background: #ddd; padding: 2px 10px; } 19.407 -#PagerAfter a { display: inline-block; padding: 0 5px; } 19.408 -#PagerAfter a.Highlight { color: #c60; } 19.409 -span.Previous, a.Previous { float: left; } 19.410 -#PagerAfter span.Next, #PagerAfter a.Next { float: right; padding: 0; } 19.411 - 19.412 -#PagerMore { text-align: right; padding: 5px 10px; } 19.413 - 19.414 -/***--- FOOTER --***/ 19.415 -#Footer { 19.416 - font-size: 11px ; 19.417 - width: 100%; 19.418 - position: absolute; 19.419 - bottom: 0; 19.420 - background: inherit; 19.421 - color: #a8a8a8; } 19.422 -#Footer ul { margin: 16px 15px; } 19.423 -#Footer li { float: left; } 19.424 -#Footer a { text-decoration: underline; background: inherit; color: #a8a8a8; } 19.425 -#Footer a:hover { color: #666666; } 19.426 - 19.427 -/***--- OVERLAY ---***/ 19.428 -.Overlay { width: 100%; position: absolute; top: 0; z-index: 10000; background: url(../images/overlayBg.png); } 19.429 -.Overlay #Popup { width: 720px; padding: 15px; background: #FFF; margin: 0 auto; border: 1px dotted #c60; position: relative; } 19.430 - 19.431 -.Overlay .Buttons input.Button { margin: 0 0 10px; } 19.432 -.Overlay p { padding: 0 10px; } 19.433 -.Overlay a.Close { position: absolute; display: block; top: 10px; right: 15px; padding: 13px; font-size: 1.5em; color: #fff; } 19.434 -.Overlay a.Close:hover { color: #c60; } 19.435 -.Overlay ul { margin: 10px 0 0; } 19.436 - 19.437 -.Overlay input.Button { margin: 10px 0 0; } 19.438 -.Overlay textarea { margin: 10px 0 0; } 19.439 -.Overlay li.Gender { margin: 0; } 19.440 - 19.441 -.Overlay #Form_Picture { margin: 0 0 10px; } 19.442 +/* 19.443 +Welcome to the Generic Style CSS File! Some things you should know: 19.444 + 19.445 +1. This file is included on all front-end/user-facing pages. Applications can 19.446 + override this file in their own custom files (ie. vanilla.css or 19.447 + conversations.css). 19.448 + 19.449 +2. This file is broken down into the following sections: 19.450 + + General Styles & Typography 19.451 + + Header 19.452 + + Main Menu 19.453 + + Panels / Sidebars 19.454 + + Activities 19.455 + + Profile Page 19.456 + + Profile Tab Menu 19.457 + + Thumbnail Cropper 19.458 + + Footer 19.459 +*/ 19.460 + 19.461 +/* ================================================================ Reset CSS */ 19.462 +html, body, div, span, applet, object, iframe, 19.463 +h1, h2, h3, h4, h5, h6, p, blockquote, pre, 19.464 +a, abbr, acronym, address, big, cite, code, 19.465 +del, dfn, em, font, img, ins, kbd, q, s, samp, 19.466 +small, strike, strong, sub, sup, tt, var, 19.467 +dl, dt, dd, ol, ul, li, 19.468 +fieldset, form, label, legend, 19.469 +table, caption, tbody, tfoot, thead, tr, th, td { 19.470 + margin: 0; 19.471 + padding: 0; 19.472 + border: 0; 19.473 + outline: 0; 19.474 + font-weight: inherit; 19.475 + font-style: inherit; 19.476 + font-size: 100%; 19.477 + font-family: inherit; 19.478 + vertical-align: baseline; 19.479 +} 19.480 +/* remember to define focus styles! */ 19.481 +:focus { 19.482 + outline: 0; 19.483 +} 19.484 +body { 19.485 + line-height: 1; 19.486 + color: black; 19.487 + background: white; 19.488 + border-top: 34px solid #f1f1f1; 19.489 +} 19.490 +ol, ul { 19.491 + list-style: none; 19.492 +} 19.493 +/* tables still need 'cellspacing="0"' in the markup */ 19.494 +table { 19.495 + border-collapse: separate; 19.496 + border-spacing: 0; 19.497 +} 19.498 +caption, th, td { 19.499 + text-align: left; 19.500 + font-weight: normal; 19.501 +} 19.502 +blockquote:before, blockquote:after, 19.503 +q:before, q:after { 19.504 + content: ""; 19.505 +} 19.506 +blockquote, q { 19.507 + quotes: "" ""; 19.508 +} 19.509 + 19.510 +/* ============================================== General Styles & Typography */ 19.511 +body { 19.512 + color: #000; 19.513 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 19.514 + font-size: 75%; 19.515 + line-height: 1.7em; 19.516 + background: #fff; 19.517 + margin: 0; 19.518 + padding: 0; 19.519 + text-align: center; 19.520 + font-size: small; 19.521 +} 19.522 +#Body { 19.523 + width: 960px; 19.524 + text-align: left; 19.525 + margin: 15px auto 0; 19.526 +} 19.527 +#Content { 19.528 + float: left; 19.529 + width: 680px; 19.530 + margin: 0 0 40px; 19.531 +} 19.532 +.Hidden { 19.533 + display: none; 19.534 +} 19.535 +.nowrap { 19.536 + white-space: nowrap; 19.537 +} 19.538 +.Center { 19.539 + text-align: center; 19.540 +} 19.541 +.Right { 19.542 + text-align: right; 19.543 +} 19.544 +h1, h2, h3, h4, h5, h6 { 19.545 + color: #000; 19.546 + font-family: "Helvetica Neue",Helvetica,arial,sans-serif; 19.547 + font-weight: normal; 19.548 + margin: 0; 19.549 +} 19.550 +p { 19.551 + margin: 0.5em 0 0 0; 19.552 + line-height: 1.6em; 19.553 +} 19.554 +h1, h2 { 19.555 + border-bottom:1px solid #bbb; 19.556 + font-size:140%; 19.557 + font-weight:bold; 19.558 + margin-bottom:10px; 19.559 +} 19.560 +h3 { 19.561 + font-size:140%; 19.562 +} 19.563 +h4 { 19.564 + font-size: 120%; 19.565 + color: #6C6C6C; 19.566 +} 19.567 +h5 { 19.568 + font-size: 120%; 19.569 + color: #6C6C6C; 19.570 +} 19.571 +a, 19.572 +a:link, 19.573 +a:visited, 19.574 +a:active { 19.575 + text-decoration: none; 19.576 + color: #2571B1; 19.577 +} 19.578 +a:hover { 19.579 + text-decoration: none; 19.580 + color: blue; 19.581 +} 19.582 +input.DateBox, 19.583 +input.InputBox, 19.584 +input.SmallInput, 19.585 +textarea { 19.586 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 19.587 + color: #333; 19.588 + font-size: 15px; 19.589 + padding: 3px; 19.590 + margin: 0; 19.591 + width: 250px; 19.592 + border: 1px solid #aaa; 19.593 + border-radius: 2px; 19.594 + -moz-border-radius: 2px; 19.595 + -webkit-border-radius: 2px; 19.596 +} 19.597 +textarea.TextBox { 19.598 + width: 500px; 19.599 + height: 100px; 19.600 + min-height: 100px; 19.601 +} 19.602 +#Popup textarea.TextBox { 19.603 + width: 100%; 19.604 +} 19.605 +input.SmallInput, 19.606 +input.InputBox { 19.607 + padding: 6px 3px; 19.608 +} 19.609 +input.SmallInput:focus, 19.610 +input.InputBox:focus, 19.611 +textarea:focus { 19.612 + background: #ffe; 19.613 +} 19.614 +textarea { 19.615 + line-height: 128%; 19.616 +} 19.617 +select { 19.618 + font-family: arial; 19.619 + font-size: 14px; 19.620 + color: #222; 19.621 + margin: 0; 19.622 + padding: 3px; 19.623 + } 19.624 +a.Button, 19.625 +.Button { 19.626 + cursor: pointer; 19.627 + margin: 0; 19.628 + font-size: 11px; 19.629 + padding: 4px; 19.630 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 19.631 + color: #02475A; 19.632 + text-shadow: 0 1px 0 #fff; 19.633 + border: 1px solid #999; 19.634 + border-radius: 3px; 19.635 + -moz-border-radius: 3px; 19.636 + -webkit-border-radius: 3px; 19.637 + box-shadow: 0px 0px 2px #999; 19.638 + -moz-box-shadow: 0px 0px 2px #999; 19.639 + -webkit-box-shadow: 0px 0px 2px #999; 19.640 + } 19.641 +input.Button { 19.642 + font-size: 14px; 19.643 + font-weight: bold; 19.644 +} 19.645 +.Button:hover { 19.646 + color: #111; 19.647 + border: 1px solid #666; 19.648 +} 19.649 +.Button:focus { 19.650 + background: #eee; 19.651 +} 19.652 +.Loading { 19.653 + height: 100px; 19.654 + padding: 0 20px; 19.655 + background: url('images/progress.gif') center center no-repeat; 19.656 +} 19.657 +.Progress { 19.658 + padding: 10px 40px 10px 0; 19.659 + background: url('images/progress.gif') center center no-repeat; 19.660 +} 19.661 +.TinyProgress { 19.662 + padding: 10px 40px 10px 0; 19.663 + background: url('images/progress_sm.gif') center center no-repeat; 19.664 +} 19.665 +/* Note: Messages are the yellow notices that appear at the top/center of the 19.666 + page to notify users of things like drafts being saved, etc. */ 19.667 +div.Messages { 19.668 + text-align: center !important; 19.669 + position: fixed; 19.670 + top: 0; 19.671 + left: 0; 19.672 + z-index: 200; 19.673 + margin: 0 !important; 19.674 + padding: 0 !important; 19.675 + list-style: none !important; 19.676 + font-size: 12px; 19.677 + display: block; 19.678 + width: 100%; 19.679 +} 19.680 +* html div.Messages { 19.681 + position: absolute; 19.682 + width: 100%;/*IE5.5*/ 19.683 + top: 0; 19.684 + left: 0; 19.685 + overflow: visible; 19.686 + top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); 19.687 +} 19.688 +div.Messages ul { 19.689 + cursor: pointer; 19.690 + width: auto !important; 19.691 + border: 0 !important; 19.692 + margin: 0 auto !important; 19.693 + padding: 4px 8px !important; 19.694 + border-bottom-left-radius: 2px; 19.695 + border-bottom-right-radius: 2px; 19.696 + -moz-border-radius-bottomleft: 2px; 19.697 + -moz-border-radius-bottomright: 2px; 19.698 + -webkit-border-bottom-left-radius: 2px; 19.699 + -webkit-border-bottom-right-radius: 2px; 19.700 + background: #ff9 !important; 19.701 + display:-moz-inline-stack; 19.702 + display:inline-block; 19.703 + zoom:1; 19.704 + *display:inline; 19.705 + box-shadow: 0px 0px 2px #333; 19.706 + -moz-box-shadow: 0px 0px 2px #333; 19.707 + -webkit-box-shadow: 0px 0px 2px #333; 19.708 +} 19.709 +div.Messages ul li { 19.710 + text-align: left !important; 19.711 + border: 0 !important; 19.712 + color: #000 !important; 19.713 + padding: 0 !important; 19.714 + margin: 0 !important; 19.715 + list-style-position: outside; 19.716 +} 19.717 +div.Errors ul { 19.718 + background: #d50a0a !important; 19.719 +} 19.720 +div.Errors ul li { 19.721 + color: #fff !important; 19.722 + background: #d50a0a !important; 19.723 +} 19.724 +.Conversations .Deleted { 19.725 + text-decoration: line-through; 19.726 +} 19.727 +div.Deleted { 19.728 + background: #f5f5f5; 19.729 + border: 1px solid #dddddd; 19.730 + margin: 10px 0 0; 19.731 + padding: 6px 10px; 19.732 + border-radius: 3px; 19.733 + -moz-border-radius: 3px; 19.734 + -webkit-border-radius: 3px; 19.735 +} 19.736 +/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message 19.737 + strings & imply importance. */ 19.738 +.Warning { 19.739 + background: #ffc; 19.740 + border: 1px solid #ff9; 19.741 + color: #000; 19.742 + padding: 6px 8px; 19.743 + border-radius: 3px; 19.744 + -moz-border-radius: 3px; 19.745 + -webkit-border-radius: 3px; 19.746 +} 19.747 +.Alert { 19.748 + background: #d00; 19.749 + border: 1px solid #b00; 19.750 + color: #fff; 19.751 + padding: 3px 6px; 19.752 + border-radius: 3px; 19.753 + -moz-border-radius: 3px; 19.754 + -webkit-border-radius: 3px; 19.755 +} 19.756 +.Alert a { 19.757 + color: #fff; 19.758 +} 19.759 +.Alert a:hover { 19.760 + text-decoration: underline; 19.761 +} 19.762 +div.Info { 19.763 + font-size: 13px; 19.764 + background: #fafafa; 19.765 + border: 1px solid #eee; 19.766 + color: #666666; 19.767 + -moz-border-radius: 4px; 19.768 + -webkit-border-radius: 4px; 19.769 + border-radius: 4px; 19.770 + padding: 8px; 19.771 + margin: 0 0 10px; 19.772 +} 19.773 +div.Info strong { 19.774 + font-weight: bold; 19.775 +} 19.776 +/* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages 19.777 + that it renders in a div with this DismissMessage class. */ 19.778 +div.DismissMessage { 19.779 + margin: 6px 0 10px; 19.780 + text-align: left; 19.781 + position: relative; 19.782 +} 19.783 +div.DismissMessage p { 19.784 + margin: 2px 0; 19.785 +} 19.786 +div.DismissMessage a.Dismiss { 19.787 + font-family: arial; 19.788 + position: absolute; 19.789 + font-size: 22px; 19.790 + font-weight: bold; 19.791 + line-height: 1; 19.792 + color: #999; 19.793 + top: 3px; 19.794 + right: 5px; 19.795 +} 19.796 +div.DismissMessage a.Dismiss:hover { 19.797 + color: #ff0084; 19.798 +} 19.799 +#PagerLess { 19.800 + -moz-border-radius-topright: 2px; 19.801 + -moz-border-radius-topleft: 2px; 19.802 + -webkit-border-top-right-radius: 2px; 19.803 + -webkit-border-top-left-radius: 2px; 19.804 + border-radius-topright: 2px; 19.805 + border-radius-topleft: 2px; 19.806 + margin-bottom: 1px; 19.807 + text-align: left; 19.808 +} 19.809 +div.MorePager a.Loading { 19.810 + border: 0 !important; 19.811 + padding: 0 20px !important; 19.812 + background: url('images/progress.gif') center center no-repeat !important; 19.813 +} 19.814 +#PagerMore { 19.815 + margin-bottom: 1px; 19.816 +} 19.817 +.NumberedPager { 19.818 + margin: 1px 0 0; 19.819 + text-align: right; 19.820 + font-weight: bold; 19.821 + font-size: 16px; 19.822 +} 19.823 +#PagerBefore { 19.824 + margin: 1px 0; 19.825 +} 19.826 +.NumberedPager a, 19.827 +.NumberedPager span { 19.828 + padding: 0 4px; 19.829 +} 19.830 +.NumberedPager span, 19.831 +.NumberedPager a.Highlight { 19.832 + color: #777; 19.833 +} 19.834 +.NumberedPager a.Next, 19.835 +.NumberedPager span.Next, 19.836 +.NumberedPager a.Previous, 19.837 +.NumberedPager span.Previous { 19.838 + font-size: 16px; 19.839 + line-height: 10px; 19.840 +} 19.841 +.NumberedPager a.Next, 19.842 +.NumberedPager span.Next { 19.843 + margin-left: 6px; 19.844 +} 19.845 +.NumberedPager a.Previous, 19.846 +.NumberedPager span.Previous { 19.847 + margin-right: 6px; 19.848 +} 19.849 + 19.850 + 19.851 +/* =================================================================== Header */ 19.852 +#Head { 19.853 + background: #351a0a url(header-img.png) no-repeat top right; 19.854 + padding: 10px 0 0 0; 19.855 + border-top: 1px solid black; 19.856 + border-bottom: 1px solid #999; 19.857 +} 19.858 +div.Search:after, 19.859 +div#Search:after { 19.860 + content: "."; 19.861 + display: block; 19.862 + height: 0; 19.863 + clear: both; 19.864 + visibility: hidden; 19.865 +} 19.866 +body #Head h1 { 19.867 + display: inline-block; 19.868 + font-weight: bold; 19.869 + margin: 0; 19.870 + padding: 0 10px 5px 0; 19.871 + border: 0; 19.872 +} 19.873 +#Head h1 a span { 19.874 + font-size: 18px; 19.875 + color: #f1f1f1; 19.876 +} 19.877 +#Head h1 a:hover span { 19.878 + color: #b64b22; 19.879 +} 19.880 +#Head form { 19.881 + float: right; 19.882 + width: 250px; 19.883 + background: #fff; 19.884 + padding: 0; 19.885 + margin: 15px 0 0; 19.886 + -moz-border-radius: 2px; 19.887 + -webkit-border-radius: 2px; 19.888 + border-radius: 2px; 19.889 +} 19.890 +#Head form input.InputBox { 19.891 + width: 204px; 19.892 + border: 0; 19.893 + padding: 4px 2px 4px 0; 19.894 + background: #fff; 19.895 + margin: 0; 19.896 + -moz-border-radius-topleft: 2px; 19.897 + -moz-border-radius-bottomleft: 2px; 19.898 + -webkit-border-top-left-radius: 2px; 19.899 + -webkit-border-bottom-left-radius: 2px; 19.900 + border-top-left-radius: 2px; 19.901 + border-bottom-left-radius: 2px; 19.902 + color: #969696; 19.903 + font-size: 13px; 19.904 +} 19.905 +#Head form input.Button { 19.906 + border: 0; 19.907 + width: 38px; 19.908 + height: 26px; 19.909 + background: #eaeaea; 19.910 + color: #222222; 19.911 + padding: 3px 0 4px; 19.912 + margin: 0; 19.913 + -moz-border-radius: 0; 19.914 + -webkit-border-radius: 0; 19.915 + border-radius: 0; 19.916 + -moz-border-radius-topright: 2px; 19.917 + -moz-border-radius-bottomright: 2px; 19.918 + -webkit-border-top-right-radius: 2px; 19.919 + -webkit-border-bottom-right-radius: 2px; 19.920 + border-top-right-radius: 2px; 19.921 + border-bottom-right-radius: 2px; 19.922 + box-shadow: none; 19.923 + -moz-box-shadow: none; 19.924 + -webkit-box-shadow: none; 19.925 +} 19.926 +#Menu ul { 19.927 + display: none; 19.928 +} 19.929 +#Menu li { 19.930 + line-height: 27px; 19.931 + float: left; 19.932 + position: relative; 19.933 + display: block; 19.934 + list-style: none; 19.935 + padding: 0; 19.936 + margin: 0 4px 0 0; 19.937 + font-weight: bold; 19.938 + text-align: left; 19.939 +} 19.940 +* html #Menu li { 19.941 + display: inline; 19.942 +} 19.943 +#Menu a { 19.944 + border: 0; 19.945 + text-decoration: none; 19.946 + position: relative; 19.947 + display: block; 19.948 + padding: 0 7px; 19.949 + white-space: nowrap; 19.950 + font-size: 11px; 19.951 + height: 28px; 19.952 +} 19.953 +* html #Menu a { 19.954 + display: inline; 19.955 + padding: 6px 10px; 19.956 +} 19.957 +#Menu li.NonTab, 19.958 +#Menu li.NonTab a { 19.959 + background: transparent; 19.960 + border: 0; 19.961 + font-weight: normal; 19.962 +} 19.963 +#Menu a span, 19.964 +#Menu li.Active a span, 19.965 +#Menu li.Highlight a:hover span { 19.966 + -moz-border-radius: 2px; 19.967 + -webkit-border-radius: 2px; 19.968 + border-radius: 2px; 19.969 + padding: 0 2px; 19.970 + font-size: 9px; 19.971 + line-height: 12px; 19.972 + font-weight: normal; 19.973 +} 19.974 + 19.975 +/* Option (dropdown) Menus 19.976 + 19.977 +Menu takes a z-index of 100 19.978 +Option menu takes a z-index of 300 19.979 + 19.980 +*/ 19.981 +ul.Options, 19.982 +ul.Options ul { 19.983 + margin: 0; 19.984 + padding: 0; 19.985 + display: none; 19.986 +} 19.987 +ul.Options { 19.988 + z-index: 298; 19.989 +} 19.990 +ul.Options ul { 19.991 + z-index: 300; 19.992 + position: absolute; 19.993 +} 19.994 +ul.Options li { 19.995 + float: right; 19.996 + position: relative; 19.997 + display: block; 19.998 + list-style: none outside none; 19.999 + padding: 0; 19.1000 + font-size: 11px; 19.1001 + line-height: 22px; 19.1002 +} 19.1003 +ul.Options h3 { 19.1004 + display: block; 19.1005 + cursor: pointer; 19.1006 + margin: 0; 19.1007 + padding: 0; 19.1008 +} 19.1009 +ul.Options li ul li { 19.1010 + float: none; 19.1011 + text-align: left; 19.1012 + margin: 0; 19.1013 + font-weight: normal; 19.1014 +} 19.1015 +ul.Options li ul li a { 19.1016 + width: 104px; 19.1017 + padding: 0 6px; 19.1018 + height: auto; 19.1019 +} 19.1020 +ul.Options a { 19.1021 + text-decoration: none; 19.1022 + display: block; 19.1023 + position: relative; 19.1024 + white-space: nowrap; 19.1025 + font-size: 11px; 19.1026 +} 19.1027 +ul.Options ul li { 19.1028 + display: block; 19.1029 + float: none; 19.1030 +} 19.1031 +ul.Options li.Parent strong { 19.1032 + display: block; 19.1033 + padding: 4px; 19.1034 + margin: 3px 4px 0 0; 19.1035 + font-size: 10px; 19.1036 + font-weight: normal; 19.1037 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 19.1038 + border: 1px solid #bbb; 19.1039 + -moz-border-radius: 2px; 19.1040 + -webkit-border-radius: 2px; 19.1041 + border-radius: 2px; 19.1042 + color: #555; 19.1043 + cursor: pointer; 19.1044 + line-height: 100%; 19.1045 +} 19.1046 +ul.Options li.Parent strong:focus, 19.1047 +ul.Options li.Parent strong:hover { 19.1048 + color: #333; 19.1049 + border: 1px solid #888; 19.1050 +} 19.1051 +ul.Options li.Parent strong:focus { 19.1052 + background: #eee; 19.1053 +} 19.1054 +ul.Options li.Active strong:hover, 19.1055 +ul.Options li.Active strong { 19.1056 + color: #fff; 19.1057 + background: #9c9c9c !important; 19.1058 + border: 1px solid #9c9c9c; 19.1059 + -moz-border-radius-bottomleft: 0; 19.1060 + -moz-border-radius-bottomright: 0; 19.1061 + -webkit-border-bottom-left-radius: 0; 19.1062 + -webkit-border-bottom-right-radius: 0; 19.1063 + border-bottom-left-radius: 0; 19.1064 + border-bottom-right-radius: 0; 19.1065 +} 19.1066 +ul.Options li.Active { 19.1067 + background: none; 19.1068 +} 19.1069 +ul.Options li.Active ul { 19.1070 + border: 1px solid #9c9c9c; 19.1071 + background: #fafafa; 19.1072 + -moz-border-radius-bottomleft: 2px; 19.1073 + -moz-border-radius-bottomright: 2px; 19.1074 + -webkit-border-bottom-left-radius: 2px; 19.1075 + -webkit-border-bottom-right-radius: 2px; 19.1076 + border-bottom-left-radius: 2px; 19.1077 + border-bottom-right-radius: 2px; 19.1078 +} 19.1079 +ul.Options li.Active ul li a { 19.1080 + background: none; 19.1081 +} 19.1082 +ul.Options li.Active a { 19.1083 + background: #efefef; 19.1084 + color: #595959; 19.1085 +} 19.1086 +ul.Options li.Active a:hover { 19.1087 + background: #8d8d8d; 19.1088 + color: #fff; 19.1089 +} 19.1090 +ul.Options li.Parent strong:hover, 19.1091 +ul.Options li.Active strong:hover, 19.1092 +ul.Options li.Active strong, 19.1093 +ul.Options li.Active ul { 19.1094 + box-shadow: 0px 0px 2px #999; 19.1095 + -moz-box-shadow: 0 0 2px #999; 19.1096 + -webkit-box-shadow: 0px 0px 2px #999; 19.1097 +} 19.1098 +.Center { 19.1099 + text-align: center; 19.1100 +} 19.1101 + 19.1102 + 19.1103 +/* ================================================================ Main Menu */ 19.1104 +div.Menu { 19.1105 + width: 960px; 19.1106 + margin: 0 auto; 19.1107 + position: relative; 19.1108 + text-align: left; 19.1109 + vertical-align: bottom; 19.1110 +} 19.1111 +ul#Menu { 19.1112 + display: inline-block; 19.1113 + margin-right: 280px; 19.1114 + vertical-align: bottom; 19.1115 +} 19.1116 +#Menu ul, 19.1117 +#Menu li.Active { 19.1118 + background: #38abe3; 19.1119 +} 19.1120 +#Menu a, 19.1121 +#Menu li.Active a { 19.1122 + color: #fff; 19.1123 +} 19.1124 +#Menu a:hover { 19.1125 + background: #a3431f; 19.1126 +} 19.1127 +#Menu a:hover, 19.1128 +#Menu li.NonTab a:hover { 19.1129 + color: #fff !important; 19.1130 +} 19.1131 +/* Numbers next to menu items */ 19.1132 +#Menu a span, 19.1133 +#Menu li.Active a span, 19.1134 +#Menu li.Highlight a:hover span { 19.1135 + background: #f2fcff; 19.1136 + color: #299fc7; 19.1137 +} 19.1138 + 19.1139 +#Head .Search, #Head #Search { 19.1140 + position: absolute; 19.1141 + right: 0; 19.1142 + bottom: 6px; 19.1143 + text-align: right; 19.1144 +} 19.1145 + 19.1146 +/* ======================================================== Panels / Sidebars */ 19.1147 +#Panel { 19.1148 + width: 250px; 19.1149 + float: right; 19.1150 +} 19.1151 +div.Box { 19.1152 + background: #eaeaea; 19.1153 + color: #888; 19.1154 + padding: 6px 10px; 19.1155 + margin: 0 0 10px; 19.1156 + border-radius: 2px; 19.1157 + -moz-border-radius: 2px; 19.1158 + -webkit-border-radius: 2px; 19.1159 + box-shadow: 0px 0px 2px #999; 19.1160 + -moz-box-shadow: 0px 0px 2px #999; 19.1161 + -webkit-box-shadow: 0px 0px 2px #999; 19.1162 +} 19.1163 +div.Box h4 { 19.1164 + font-size: 110%; 19.1165 + color: #666666; 19.1166 + font-weight: bold; 19.1167 + margin: 0; 19.1168 + padding: 0 0 1px; 19.1169 +} 19.1170 +div.Box h4 a { 19.1171 + color: #666666; 19.1172 +} 19.1173 +div.Box dl { 19.1174 + overflow: hidden; 19.1175 +} 19.1176 +div.Box dl dt { 19.1177 + font-size: 12px; 19.1178 + float: left; 19.1179 + width: 80px; 19.1180 + color: #555; 19.1181 +} 19.1182 +div.Box dl dd { 19.1183 + font-size: 12px; 19.1184 + margin-left: 80px; 19.1185 +} 19.1186 +div.Box p { 19.1187 + font-size: 100%; 19.1188 + padding: 0 0 4px; 19.1189 + color: #555; 19.1190 +} 19.1191 +ul.PanelActivity { 19.1192 + border-top: 1px solid #C8C8C8; 19.1193 + border-bottom: 0; 19.1194 +} 19.1195 +ul.PanelActivity li { 19.1196 + background: #f1f1f1; 19.1197 + border-bottom: 1px solid #C8C8C8; 19.1198 + padding: 2px 4px; 19.1199 + color: #555; 19.1200 + font-size: 11px; 19.1201 + line-height: 1.6; 19.1202 +} 19.1203 +ul.PanelActivity li a { 19.1204 + font-size: 13px; 19.1205 +} 19.1206 +ul.PanelActivity li a.Name { 19.1207 + margin-right: 2px; 19.1208 +} 19.1209 +ul.PanelActivity span { 19.1210 + padding: 0 4px; 19.1211 +} 19.1212 +ul.PanelActivity p { 19.1213 + padding: 0 4px; 19.1214 + display: inline; 19.1215 + font-size: 90%; 19.1216 +} 19.1217 +ul.PanelActivity li em { 19.1218 + padding-left: 5px; 19.1219 + color: #777; 19.1220 + font-size: 80%; 19.1221 +} 19.1222 +ul.PanelActivity li div.Story { 19.1223 + font-size: 85%; 19.1224 +} 19.1225 +ul.PanelInfo li { 19.1226 + background: #f1f1f1; 19.1227 + border-bottom: 1px solid #C8C8C8; 19.1228 + padding: 2px 4px; 19.1229 + text-align: right; 19.1230 +} 19.1231 +ul.PanelInfo li.Heading { 19.1232 + text-align: left; 19.1233 + color: #000; 19.1234 + font-weight: bold; 19.1235 +} 19.1236 +ul.PanelInfo { 19.1237 + border-top: 1px solid #C8C8C8; 19.1238 + border-bottom: 0; 19.1239 +} 19.1240 +ul.PanelInfo li strong { 19.1241 + font-weight: normal; 19.1242 + text-align: left; 19.1243 + font-weight: normal; 19.1244 +} 19.1245 +ul.PanelInfo li a { 19.1246 + float: left; 19.1247 +} 19.1248 +ul.PanelInfo div.Meta { 19.1249 + font-size: 11px; 19.1250 +} 19.1251 +ul.PanelInfo div.Meta span, 19.1252 +ul.PanelInfo div.Meta strong { 19.1253 + margin-right: 8px; 19.1254 +} 19.1255 +ul.PanelInfo div.Meta span a { 19.1256 + margin-left: 8px; 19.1257 +} 19.1258 +ul.PanelInfo div.Meta strong { 19.1259 + display: inline; 19.1260 + border-radius: 2px; 19.1261 + -moz-border-radius: 2px; 19.1262 + -webkit-border-radius: 2px; 19.1263 + /* 19.1264 + box-shadow: 0px 0px 2px #777; 19.1265 + -moz-box-shadow: 0px 0px 2px #777; 19.1266 + -webkit-box-shadow: 0px 0px 2px #777; 19.1267 + */ 19.1268 + background: #FF0; 19.1269 + color:#000; 19.1270 + font-size:9px; 19.1271 + font-weight:bold; 19.1272 + padding: 3px; 19.1273 + line-height: 1; 19.1274 +} 19.1275 +ul.PanelInfo li.Parent { 19.1276 + text-align: left; 19.1277 + font-weight: bold; 19.1278 + background: none; 19.1279 + color: #333; 19.1280 + padding: 2px 0; 19.1281 +} 19.1282 +ul.PanelInfo li.Active { 19.1283 + background: #f8f8f8; 19.1284 + border-bottom: 1px solid #444444; 19.1285 +} 19.1286 +ul.PanelInfo li.Active a { 19.1287 + color: #1e79a7; 19.1288 +} 19.1289 +ul.PanelActivity li.ShowAll, 19.1290 +ul.PanelInfo li.ShowAll { 19.1291 + font-weight: bold; 19.1292 + border: 0; 19.1293 + text-align: right; 19.1294 + background: none; 19.1295 +} 19.1296 +#UserOptions { 19.1297 + margin-bottom: 10px; 19.1298 +} 19.1299 +body.Profile ul.PanelInfo { 19.1300 + border-bottom: 1px solid #C8C8C8; 19.1301 +} 19.1302 +body.Profile ul.PanelInfo li { 19.1303 + border-bottom: 0; 19.1304 + text-align: left; 19.1305 +} 19.1306 +body.Profile ul.PanelInfo li a { 19.1307 + float: none; 19.1308 +} 19.1309 +a.BigButton { 19.1310 + text-align: center; 19.1311 + display: block; 19.1312 + cursor: pointer; 19.1313 + margin: 0 0 10px; 19.1314 + font-size: 15px; 19.1315 + font-weight: bold; 19.1316 + padding: 8px 0; 19.1317 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 19.1318 + color: #02475A; 19.1319 + text-shadow: 0 1px 0 #fff; 19.1320 + border: 1px solid #999; 19.1321 + border-radius: 3px; 19.1322 + -moz-border-radius: 3px; 19.1323 + -webkit-border-radius: 3px; 19.1324 + box-shadow: 0px 0px 2px #999; 19.1325 + -moz-box-shadow: 0px 0px 2px #999; 19.1326 + -webkit-box-shadow: 0px 0px 2px #999; 19.1327 + } 19.1328 +a.BigButton:hover { 19.1329 + color: #111; 19.1330 + border: 1px solid #666; 19.1331 + box-shadow: 0px 0px 5px #aaa; 19.1332 + -moz-box-shadow: 0px 0px 5px #aaa; 19.1333 + -webkit-box-shadow: 0px 0px 5px #aaa; 19.1334 +} 19.1335 +a.BigButton:focus { 19.1336 + background: #eee; 19.1337 + box-shadow: 0px 0px 2px #999; 19.1338 + -moz-box-shadow: 0px 0px 2px #999; 19.1339 + -webkit-box-shadow: 0px 0px 2px #999; 19.1340 +} 19.1341 +/* Category Depths */ 19.1342 +ul.PanelCategories li.Depth2 { padding-left: 8px; } 19.1343 +ul.PanelCategories li.Depth3 { padding-left: 12px; } 19.1344 +ul.PanelCategories li.Depth4 { padding-left: 16px; } 19.1345 +ul.PanelCategories li.Depth5 { padding-left: 20px; } 19.1346 +ul.PanelCategories li.Depth6 { padding-left: 24px; } 19.1347 +ul.PanelCategories li.Depth7 { padding-left: 28px; } 19.1348 +ul.PanelCategories li.Depth8 { padding-left: 32px; } 19.1349 +ul.PanelCategories li.Depth9 { padding-left: 36px; } 19.1350 +ul.PanelCategories li.Depth10 { padding-left: 40px; } 19.1351 +ul.PanelCategories li.Depth11 { padding-left: 44px; } 19.1352 +ul.PanelCategories li.Depth12 { padding-left: 48px; } 19.1353 +ul.CategoryList li.Depth2 { padding-left: 25px !important; } 19.1354 +ul.CategoryList li.Depth3 { padding-left: 50px !important; } 19.1355 +ul.CategoryList li.Depth4 { padding-left: 75px !important; } 19.1356 +ul.CategoryList li.Depth5 { padding-left: 100px !important; } 19.1357 +ul.CategoryList li.Depth6 { padding-left: 125px !important; } 19.1358 +ul.CategoryList li.Depth7 { padding-left: 150px !important; } 19.1359 +ul.CategoryList li.Depth8 { padding-left: 175px !important; } 19.1360 +ul.CategoryList li.Depth9 { padding-left: 200px !important; } 19.1361 +ul.CategoryList li.Depth10 { padding-left: 225px !important; } 19.1362 +ul.CategoryList li.Depth11 { padding-left: 250px !important; } 19.1363 +ul.CategoryList li.Depth12 { padding-left: 275px !important; } 19.1364 +ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; } 19.1365 +ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; } 19.1366 +ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; } 19.1367 +ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; } 19.1368 +ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; } 19.1369 +ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; } 19.1370 +ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; } 19.1371 +ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; } 19.1372 +ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; } 19.1373 +ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; } 19.1374 +ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; } 19.1375 + 19.1376 +div.Box.RecentUsers { 19.1377 + float: left; 19.1378 +} 19.1379 +div.Icons a { 19.1380 + display: block; 19.1381 + margin: 0 2px 2px 0; 19.1382 + float: left; 19.1383 +} 19.1384 +div.Icons img { 19.1385 + display: block; 19.1386 + height: 44px; 19.1387 + width: 44px; 19.1388 + overflow: hidden; 19.1389 + background: #c4cde0; 19.1390 + color: #c4cde0; 19.1391 + text-indent: 50px; 19.1392 +} 19.1393 + 19.1394 +/* ================================================ DataList (Search Results) */ 19.1395 +/* Note: DataList is used in search results, vanilla discussions & drafts */ 19.1396 +div.Empty { 19.1397 + margin: 10px 0; 19.1398 +} 19.1399 +ul.DataList li.Item { 19.1400 + margin: 0; 19.1401 + padding: 4px 0; 19.1402 + border-bottom: 1px solid #bec8cc; 19.1403 +} 19.1404 +ul.DataList li.Item li.Item { 19.1405 + border-bottom: none; 19.1406 +} 19.1407 +ul.DataList li { 19.1408 + border: 0; 19.1409 + padding: 0; 19.1410 + position: relative; 19.1411 +} 19.1412 +ul.DataList div.Options { 19.1413 + position: absolute; 19.1414 + right: 0; 19.1415 + width:100px; 19.1416 +} 19.1417 +ul.DataList div.OptionButton { 19.1418 + position: absolute; 19.1419 + top: 0; 19.1420 + right: 0; 19.1421 +} 19.1422 +ul.DataList a.Title { 19.1423 + display: block; 19.1424 + margin: 0; 19.1425 + font-size: 14px; 19.1426 + font-weight: bold; 19.1427 +} 19.1428 +ul.DataList div.Title { 19.1429 + display: block; 19.1430 + margin: 0; 19.1431 +} 19.1432 +ul.DataList div.Title a { 19.1433 + font-size: 120%; 19.1434 + font-weight: bold; 19.1435 +} 19.1436 +ul.DataList div.Meta { 19.1437 + font-size: 11px; 19.1438 + color: #70727c; 19.1439 +} 19.1440 +ul.DataList div.Excerpt { 19.1441 + font-size: 12px; 19.1442 + line-height: 1.4; 19.1443 +} 19.1444 +ul.DataList div.Excerpt a { 19.1445 + color: #333; 19.1446 + display: block; 19.1447 +} 19.1448 +ul.DataList div.Excerpt p { 19.1449 + display: inline; 19.1450 + padding: 0; 19.1451 +} 19.1452 +/* ul.DataList div.Meta span a, */ 19.1453 +ul.DataList div.Meta span, 19.1454 +ul.DataList div.Meta strong { 19.1455 + margin-right: 12px; 19.1456 +} 19.1457 +ul.DataList div.Meta strong { 19.1458 + border-radius: 2px; 19.1459 + -moz-border-radius: 2px; 19.1460 + -webkit-border-radius: 2px; 19.1461 + /* 19.1462 + box-shadow: 0px 0px 2px #777; 19.1463 + -moz-box-shadow: 0px 0px 2px #777; 19.1464 + -webkit-box-shadow: 0px 0px 2px #777; 19.1465 + */ 19.1466 + background: #FF0; 19.1467 + color:#000; 19.1468 + font-size:9px; 19.1469 + font-weight:bold; 19.1470 + padding: 3px; 19.1471 + line-height: 1; 19.1472 +} 19.1473 +ul.DataList div.Meta a { 19.1474 + color: #2b2d33; 19.1475 +} 19.1476 +ul.DataList a.Delete { 19.1477 + width: auto; 19.1478 + padding: 0 5px; 19.1479 + margin: 0 1px 0 0; 19.1480 + font-size: 11px; 19.1481 + font-weight: normal; 19.1482 + border-radius: 2px; 19.1483 + -moz-border-radius: 2px; 19.1484 + -webkit-border-radius: 2px; 19.1485 + color: #555; 19.1486 + cursor: pointer; 19.1487 + line-height: 1; 19.1488 +} 19.1489 +ul.DataList a.Delete:hover { 19.1490 + padding: 4px; 19.1491 + color: #333; 19.1492 + border: 1px solid #888; 19.1493 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 19.1494 +} 19.1495 +ul.DataList a.Delete:focus { 19.1496 + background: #f8f8f8; 19.1497 +} 19.1498 +/* Condensed datalists make the main link & excerpt inline. */ 19.1499 +ul.DataList div.Photo { 19.1500 + float: left; 19.1501 + padding: 0 10px 0 0; 19.1502 + font-size: 11px; 19.1503 +} 19.1504 +ul.DataList div.Photo img { 19.1505 + display: block; 19.1506 + height: 43px; 19.1507 + width: 43px; 19.1508 + overflow: hidden; 19.1509 + background: #eee; 19.1510 +} 19.1511 +ul.Condensed li, 19.1512 +li.Condensed { 19.1513 + clear: left; 19.1514 +} 19.1515 +ul.Condensed a.Title, 19.1516 +li.Condensed a.Title, 19.1517 +ul.Condensed div.Title, 19.1518 +li.Condensed div.Title { 19.1519 + display: inline; 19.1520 + padding: 0; 19.1521 +} 19.1522 +ul.Condensed div.Excerpt, 19.1523 +li.Condensed div.Excerpt { 19.1524 + display: inline; 19.1525 +} 19.1526 +ul.Condensed div.Excerpt a, 19.1527 +li.Condensed div.Excerpt a { 19.1528 + display: block; 19.1529 + padding: 3px 0; 19.1530 +} 19.1531 + 19.1532 +/* =============================================================== Activities */ 19.1533 + 19.1534 +body.Activity h1 { 19.1535 + margin: 0; 19.1536 +} 19.1537 +body.Profile ul.Activities { 19.1538 + margin-top: 10px; 19.1539 + border-top: 1px solid #ddd; 19.1540 +} 19.1541 +ul.Activities li.HasPhoto div.Title { 19.1542 + padding: 0; 19.1543 +} 19.1544 +ul.Activities a.Title, 19.1545 +ul.Activities div.Title, 19.1546 +ul.Activities div.Title a { 19.1547 + font-size: 14px; 19.1548 +} 19.1549 +ul.Activities div.Excerpt { 19.1550 + color: #80828C; 19.1551 +} 19.1552 +ul.Activities li.Condensed div.Excerpt { 19.1553 + color: #000; 19.1554 + font-size: 13px; 19.1555 + padding: 0 0 0 4px; 19.1556 +} 19.1557 +ul.Activities div.Excerpt a, 19.1558 +ul.Activities div.Meta a { 19.1559 + color: #1e79a7; 19.1560 +} 19.1561 +ul.Activities div.Excerpt a:hover, 19.1562 +ul.Activities div.Meta a:hover { 19.1563 + color: #ff0084; 19.1564 +} 19.1565 +ul.Activities div.Excerpt img { 19.1566 + padding: 2px; 19.1567 + border: 1px solid #999; 19.1568 +} 19.1569 +ul.Activities ul.DataList { 19.1570 + margin-left: 50px; 19.1571 + width: 400px; 19.1572 +} 19.1573 +ul.Activities div.ItemContent { 19.1574 + width: 631px; 19.1575 +} 19.1576 +ul.Activities li.HasPhoto div.ItemContent { 19.1577 + margin-left: 53px; 19.1578 + width: 578px; 19.1579 +} 19.1580 +ul.Activities li.Item li.HasPhoto div.ItemContent { 19.1581 + width: auto; 19.1582 + margin-left: 42px; 19.1583 +} 19.1584 +ul.Activities ul.DataList li { 19.1585 + background: #D7E7FF; 19.1586 + margin-bottom: 2px; 19.1587 + padding: 6px; 19.1588 +} 19.1589 +ul.Activities ul.DataList a.Title, 19.1590 +ul.Activities ul.DataList div.Title, 19.1591 +ul.Activities ul.DataList div.Title a, 19.1592 +ul.Activities ul.DataList div.Excerpt p { 19.1593 + font-size: 13px; 19.1594 + line-height: 1; 19.1595 +} 19.1596 +ul.HasPhoto div.Excerpt, 19.1597 +ul.HasPhoto div.Meta { 19.1598 + padding-left: 49px !important; 19.1599 + display: block; 19.1600 +} 19.1601 +ul.Activities ul.DataList .HasPhoto div.Meta { 19.1602 + padding: 2px 0 0; 19.1603 + line-height: 1; 19.1604 +} 19.1605 +ul.Activities ul.DataList div.Photo img { 19.1606 + height: 32px; 19.1607 + width: 32px; 19.1608 +} 19.1609 +ul.Activities a.CommentLink, 19.1610 +ul.Activities a.CommentLink:hover { 19.1611 + font-size: 12px; 19.1612 + cursor: text; 19.1613 + background: #fff; 19.1614 + color: #bbb !important; 19.1615 + padding: 5px; 19.1616 + text-decoration: none; 19.1617 + border: 1px solid #aaa; 19.1618 + display: block; 19.1619 + line-height: 100%; 19.1620 + font-weight: normal; 19.1621 +} 19.1622 +ul.Activities li.CommentForm form div { 19.1623 + text-align: right; 19.1624 +} 19.1625 +ul.Activities li.CommentForm textarea.TextBox { 19.1626 + width: 380px; 19.1627 + min-height: 40px; 19.1628 + height: 40px; 19.1629 + margin-bottom: 2px; 19.1630 + font-size: 12px; 19.1631 +} 19.1632 +ul.Activities li.CommentForm input.Button { 19.1633 + font-size: 12px; 19.1634 + box-shadow: 0 0 1px #999; 19.1635 + -moz-box-shadow: 0 0 1px #999; 19.1636 + -webkit-box-shadow: 0 0 1px #999; 19.1637 +} 19.1638 + 19.1639 + 19.1640 +/* ============================================================== MessageList */ 19.1641 +/* used for lists of message-based content (discussion comments, private 19.1642 +conversation messages, etc). */ 19.1643 + 19.1644 +ul.MessageList, 19.1645 +ul.MessageList li { 19.1646 + list-style: none; 19.1647 + margin: 0; 19.1648 + padding: 0; 19.1649 +} 19.1650 +ul.MessageList li.Item { 19.1651 + border-bottom: 1px solid #ddd; 19.1652 + padding: 10px 4px 4px 10px; 19.1653 +} 19.1654 +ul.MessageList div.Meta { 19.1655 + font-size: 11px; 19.1656 + color: #777; 19.1657 + min-height: 40px; 19.1658 +} 19.1659 +ul.MessageList div.Meta span.Author img { 19.1660 + height: 40px; 19.1661 + width: 40px; 19.1662 + border: 0; 19.1663 + margin: 0 10px 0 0; 19.1664 + float: left; 19.1665 + overflow: hidden; 19.1666 + background: #eee; 19.1667 +} 19.1668 +ul.MessageList div.Meta span { 19.1669 + line-height: 2.5; 19.1670 + padding-left: 10px; 19.1671 +} 19.1672 +ul.MessageList div.Meta span.Author { 19.1673 + padding: 0; 19.1674 +} 19.1675 +ul.MessageList div.Meta span.Author a { 19.1676 + font-size: 15px; 19.1677 + font-weight: bold; 19.1678 +} 19.1679 + 19.1680 +ul.MessageList div.Comment div.Meta span { 19.1681 + line-height: inherit; 19.1682 +} 19.1683 + 19.1684 +ul.MessageList div.Comment div.Meta div.CommentInfo { 19.1685 + line-height: normal; 19.1686 +} 19.1687 + 19.1688 +ul.MessageList div.Comment div.Meta div.CommentInfo span { 19.1689 + padding-left: 0px; 19.1690 + padding-right: 10px; 19.1691 +} 19.1692 + 19.1693 +div.Preview { 19.1694 + text-align: left; 19.1695 + background: #f1f1f1; 19.1696 + padding: 1px 8px; 19.1697 + margin: 4px 0 8px; 19.1698 +} 19.1699 +div.Popup div.Preview { 19.1700 + padding: 8px; 19.1701 + margin: 0; 19.1702 +} 19.1703 +body.Post div.Popup a.Close { 19.1704 + color: #1e79a7; 19.1705 +} 19.1706 +div.Preview div.Message, 19.1707 +ul.MessageList div.Message { 19.1708 + clear: both; 19.1709 + line-height: 140%; 19.1710 + font-size: 100%; 19.1711 + word-wrap: break-word; 19.1712 +} 19.1713 +div.Preview div.Message, 19.1714 +div.Preview div.Message p, 19.1715 +ul.MessageList div.Message, 19.1716 +ul.MessageList div.Message p { 19.1717 + margin: 8px 0; 19.1718 +} 19.1719 +div.Preview div.Message blockquote, 19.1720 +ul.MessageList div.Message blockquote { 19.1721 + padding: 4px 16px; 19.1722 + margin: 4px 0; 19.1723 +} 19.1724 + 19.1725 +code, pre { 19.1726 + border-radius: 2px; 19.1727 + -moz-border-radius: 2px; 19.1728 + -webkit-border-radius: 2px; 19.1729 + background: #ff9; 19.1730 + padding: 4px 8px; 19.1731 + white-space: pre; 19.1732 + font-family: monospace; 19.1733 + overflow: auto; 19.1734 + border: 1px solid #eec; 19.1735 +} 19.1736 +pre { 19.1737 + display: block; 19.1738 +} 19.1739 +div.Preview div.Message strong, 19.1740 +ul.MessageList div.Message strong { 19.1741 + font-weight: bold; 19.1742 +} 19.1743 +div.Preview div.Message em, 19.1744 +ul.MessageList div.Message em { 19.1745 + font-style: oblique; 19.1746 +} 19.1747 +div.Preview div.Message ul, 19.1748 +div.Preview div.Message ol, 19.1749 +ul.MessageList div.Message ul, 19.1750 +ul.MessageList div.Message ol { 19.1751 + margin-left: 3em ! important; 19.1752 +} 19.1753 +div.Preview div.Message ol li, 19.1754 +ul.MessageList div.Message ol li { 19.1755 + list-style: decimal ! important; 19.1756 +} 19.1757 +div.Preview div.Message ul li, 19.1758 +ul.MessageList div.Message ul li { 19.1759 + list-style: disc ! important; 19.1760 +} 19.1761 +div.Message h1, 19.1762 +div.Message h2, 19.1763 +div.Message h3, 19.1764 +div.Message h4, 19.1765 +div.Message h5 { 19.1766 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 19.1767 + font-weight: bold; 19.1768 + border: none; 19.1769 + color: #000; 19.1770 +} 19.1771 +div.Message h1 { font-size: 22px; } 19.1772 +div.Message h2 { font-size: 20px; } 19.1773 +div.Message h3 { font-size: 18px; } 19.1774 +div.Message h4 { font-size: 16px; } 19.1775 +div.Message h5 { font-size: 14px; } 19.1776 +div.Message div.ImageResized { 19.1777 + font-size: 11px; 19.1778 + font-weight: normal; 19.1779 + cursor: pointer; 19.1780 + margin-bottom: 10px; 19.1781 +} 19.1782 +/* The "Foot" is at the bottom of the #Content section. Used for more results 19.1783 +links, sign in buttons, etc */ 19.1784 +.Foot { 19.1785 + border-bottom: 1px solid #C8C8C8; 19.1786 + padding: 6px; 19.1787 + background: #eaeaea; 19.1788 + text-align: right; 19.1789 + border-bottom-right-radius: 2px; 19.1790 + border-bottom-left-radius: 2px; 19.1791 + -moz-border-radius-bottomright: 2px; 19.1792 + -moz-border-radius-bottomleft: 2px; 19.1793 + -webkit-border-bottom-right-radius: 2px; 19.1794 + -webkit-border-bottom-left-radius: 2px; 19.1795 + } 19.1796 +.Foot a.TabLink { 19.1797 + margin-left: 10px; 19.1798 +} 19.1799 +.Foot .Note { 19.1800 + line-height: 2.6; 19.1801 + float: left; 19.1802 + padding: 0 0 0 8px; 19.1803 + font-weight: bold; 19.1804 +} 19.1805 + 19.1806 +/* =============================================================== Categories */ 19.1807 +ul.CategoryList li.Item { 19.1808 + margin: 0; 19.1809 + padding: 0; 19.1810 + border: 0 !important; 19.1811 +} 19.1812 +ul.CategoryList .ItemContent { 19.1813 + position: relative; 19.1814 + margin-top: -1px; 19.1815 + border: 1px solid #BEC8CC; 19.1816 + border-width: 1px 0; 19.1817 + padding: 4px 9px; 19.1818 +} 19.1819 +div.Meta span.ChildCategories { 19.1820 + border-top: 1px dotted #ddd; 19.1821 + display: block; 19.1822 +} 19.1823 +ul.DataList div.Meta span.RSS { 19.1824 + margin-right: 6px; 19.1825 +} 19.1826 +div.Meta span.RSS img { 19.1827 + vertical-align: text-bottom; 19.1828 +} 19.1829 +ul.CategoryList li.CategoryHeading { 19.1830 + font-weight: bold; 19.1831 + font-size: 14px; 19.1832 +} 19.1833 + 19.1834 +/* ============================================================= Profile Page */ 19.1835 +body.Profile #Content { 19.1836 + width: auto; 19.1837 + margin: 0 0 40px 20px; 19.1838 + width: 690px; 19.1839 + float: right; 19.1840 +} 19.1841 +body.Profile #Panel { 19.1842 + float: left; 19.1843 + width: 250px; 19.1844 +} 19.1845 +ul.SideMenu { 19.1846 + border-radius: 0; 19.1847 + -moz-border-radius: 0; 19.1848 + -webkit-border-radius: 0; 19.1849 + background: none; 19.1850 + padding: 0; 19.1851 + margin: 0 0 10px; 19.1852 +} 19.1853 +ul.SideMenu li ul { 19.1854 + margin: 0; 19.1855 + padding: 0; 19.1856 + border: 0; 19.1857 + background: none; 19.1858 +} 19.1859 +ul.SideMenu li ul li { 19.1860 + border-bottom: 1px solid #bec8cc; 19.1861 +} 19.1862 +ul.SideMenu li ul li a { 19.1863 + padding: 0 8px; 19.1864 + display: block; 19.1865 +} 19.1866 +ul.SideMenu li ul li a:hover { 19.1867 + text-decoration: none; 19.1868 + background: #eaeaea; 19.1869 +} 19.1870 +div.User { 19.1871 + line-height: 150%; 19.1872 +} 19.1873 +div.User, 19.1874 +div.User a { 19.1875 + text-decoration: none; 19.1876 +} 19.1877 +div.User h1 { 19.1878 + padding: 0 0 8px; 19.1879 + margin: 0; 19.1880 + line-height: 100%; 19.1881 + border: 0; 19.1882 +} 19.1883 +#Status { 19.1884 + border-top-left-radius: 2px; 19.1885 + border-top-right-radius: 2px; 19.1886 + -moz-border-radius-topleft: 2px; 19.1887 + -moz-border-radius-topright: 2px; 19.1888 + -webkit-border-top-left-radius: 2px; 19.1889 + -webkit-border-top-right-radius: 2px; 19.1890 + background: #f1f1f1; 19.1891 + margin: 0; 19.1892 + padding: 8px 8px 0; 19.1893 + color: #999; 19.1894 + font-weight: normal; 19.1895 + line-height: 1.5; 19.1896 +} 19.1897 +#Status p { 19.1898 + font-size: 120%; 19.1899 + color: #6c6c6c; 19.1900 + display: inline; 19.1901 + margin: 0; 19.1902 + padding: 0; 19.1903 + line-height: 1; 19.1904 +} 19.1905 +#Status a.Change { 19.1906 + text-transform: lowercase; 19.1907 + font-size: 11px; 19.1908 + text-decoration: none; 19.1909 +} 19.1910 +#Status a:hover { 19.1911 + text-decoration: underline; 19.1912 +} 19.1913 +div.User form { 19.1914 + border-top-left-radius: 2px; 19.1915 + border-top-right-radius: 2px; 19.1916 + -moz-border-radius-topleft: 2px; 19.1917 + -moz-border-radius-topright: 2px; 19.1918 + -webkit-border-top-left-radius: 2px; 19.1919 + -webkit-border-top-right-radius: 2px; 19.1920 + background: #f1f1f1; 19.1921 + padding: 8px 8px 0; 19.1922 +} 19.1923 +div.User form input.InputBox { 19.1924 + width: 618px; 19.1925 + margin-right: 2px; 19.1926 +} 19.1927 +form.Activity { 19.1928 + display: block; 19.1929 + padding: 10px 10px 0 10px; 19.1930 + text-align: right; 19.1931 +} 19.1932 +form.Activity textarea { 19.1933 + width: 99%; 19.1934 + margin-bottom: 2px; 19.1935 + height: 60px; 19.1936 + min-height: 60px; 19.1937 +} 19.1938 + 19.1939 +/* Invitations Form */ 19.1940 +#Form_Invitation table { 19.1941 + width: 100%; 19.1942 + border-collapse: collapse; 19.1943 + margin: 10px 0; 19.1944 + background: #f1f1f1; 19.1945 + border: 1px solid #DDDDDD; 19.1946 +} 19.1947 +#Form_Invitation table label { 19.1948 + font-size: 12px; 19.1949 + padding: 0px; 19.1950 +} 19.1951 +#Form_Invitation table tr.Last td, 19.1952 +#Form_Invitation table tr.Last th { 19.1953 + border-bottom: 0px; 19.1954 +} 19.1955 +#Form_Invitation table th, 19.1956 +#Form_Invitation table td { 19.1957 + font-weight: normal; 19.1958 + color: #555; 19.1959 + padding: 6px; 19.1960 +} 19.1961 +#Form_Invitation table thead th, 19.1962 +#Form_Invitation table thead td { 19.1963 + border-bottom: 1px solid #DDDDDD; 19.1964 +} 19.1965 +#Form_Invitation table tbody th { 19.1966 + font-weight: bold; 19.1967 + color: #000; 19.1968 +} 19.1969 +#Form_Invitation table tbody th, 19.1970 +#Form_Invitation table tbody td { 19.1971 + border-bottom: 1px solid #DDDDDD; 19.1972 + line-height: 150%; 19.1973 +} 19.1974 +#Form_Invitation table thead th { 19.1975 + font-weight: bold; 19.1976 + font-size: 13px; 19.1977 + color: #000; 19.1978 +} 19.1979 +#Form_Invitation table.AltRows tr.Alt th, 19.1980 +#Form_Invitation table.AltRows tr.Alt td, 19.1981 +#Form_Invitation table.AltColumns th.Alt, 19.1982 +#Form_Invitation table.AltColumns td.Alt { 19.1983 + background: #f1f1f1; 19.1984 +} 19.1985 +#Form_Invitation table.AltColumns tr.Alt { 19.1986 + background: none; 19.1987 +} 19.1988 +body.Profile ul.Notifications { 19.1989 + border-top: 0; 19.1990 + margin-top: 0; 19.1991 +} 19.1992 + 19.1993 + 19.1994 +/* ================================================= Tabs, Headings & Footers */ 19.1995 +div.MessageForm { 19.1996 + text-align: right; 19.1997 +} 19.1998 +div.MessageForm, 19.1999 +div.Tabs, 19.2000 +div.Headings { 19.2001 + display: block; 19.2002 + border-bottom: 1px solid #C8C8C8; 19.2003 + padding: 5px 8px; 19.2004 + margin: 0; 19.2005 + background: #f1f1f1; 19.2006 +} 19.2007 +div.MessageForm div.Tabs { 19.2008 + padding: 0; 19.2009 + border: 0; 19.2010 + background: none; 19.2011 + text-align: left; 19.2012 +} 19.2013 +div.MessageForm div.Tabs ul { 19.2014 + display: inline; 19.2015 +} 19.2016 +div.Tabs li { 19.2017 + display: inline; 19.2018 + margin: 0; 19.2019 +} 19.2020 +div.MorePager a, 19.2021 +div.MorePager a:link, 19.2022 +div.MorePager a:hover, 19.2023 +div.MorePager a:active, 19.2024 +div.MorePager a:visited, 19.2025 +a.TabLink, 19.2026 +a.TabLink:link, 19.2027 +a.TabLink:hover, 19.2028 +a.TabLink:active, 19.2029 +a.TabLink:visited, 19.2030 +div.Tabs li a, 19.2031 +div.Tabs li a:link, 19.2032 +div.Tabs li a:hover, 19.2033 +div.Tabs li a:active, 19.2034 +div.Tabs li a:visited { 19.2035 + margin: 0; 19.2036 + border: 1px solid #C8C8C8; 19.2037 + border-radius: 3px; 19.2038 + -moz-border-radius: 3px; 19.2039 + -webkit-border-radius: 3px; 19.2040 + background: #b64b22; 19.2041 + display: inline; 19.2042 + font-weight: bold; 19.2043 + color: #ffffff; 19.2044 + text-decoration: none; 19.2045 + padding: 5px 10px; 19.2046 + line-height: 2.6; 19.2047 +} 19.2048 +div.MorePager li a:hover, 19.2049 +a.TabLink:hover, 19.2050 +div.Tabs li a:hover { 19.2051 + background: #a3431f; 19.2052 +} 19.2053 +a.Active, 19.2054 +div.Tabs li.Active a { 19.2055 + background: #fff; 19.2056 + color: #474747; 19.2057 +} 19.2058 +div.Tabs li a span { 19.2059 + line-height: 1; 19.2060 + font-size: 80%; 19.2061 + padding: 0 3px; 19.2062 + border-radius: 3px; 19.2063 + -webkit-border-radius: 3px; 19.2064 + -moz-border-radius: 3px; 19.2065 + font-weight: normal; 19.2066 + background: #1e79a7; 19.2067 + color: #eaf4fd; 19.2068 + margin: 0 0 0 4px; 19.2069 +} 19.2070 +div.Tabs div.SubTab { 19.2071 + margin: 10px 0 0; 19.2072 + padding: 4px 8px; 19.2073 + background: #f3fcff; 19.2074 + border-radius: 2px; 19.2075 + -webkit-border-radius: 2px; 19.2076 + -moz-border-radius: 2px; 19.2077 +} 19.2078 +div.HeadingTabs { 19.2079 + padding: 8px 8px 8px 12px; 19.2080 +} 19.2081 +div.HeadingTabs ul { 19.2082 + display: inline; 19.2083 + float: right; 19.2084 +} 19.2085 +div.HeadingTabs div.SubTab { 19.2086 + font-size: 14px; 19.2087 + display: inline; 19.2088 + font-weight: bold; 19.2089 + background: none; 19.2090 + padding: 0; 19.2091 + line-height: 2.4; 19.2092 +} 19.2093 +div.SearchTabs input.InputBox { 19.2094 + width: 560px; 19.2095 + margin-right: 10px; 19.2096 +} 19.2097 +div.Headings { 19.2098 + position: relative; 19.2099 + text-align: left; 19.2100 +} 19.2101 +div.Headings div { 19.2102 + display: inline-block; 19.2103 + padding-right: 10px; 19.2104 +} 19.2105 +div.Headings div.ItemHeading { 19.2106 + font-size: 14px; 19.2107 + font-weight: bold; 19.2108 + line-height: 2; 19.2109 +} 19.2110 +div.Headings div.MetaHeading { 19.2111 + font-size: 11px; 19.2112 +} 19.2113 + 19.2114 +/* ======================================================== Thumbnail Cropper */ 19.2115 +form.Thumbnail table { 19.2116 + width: 100%; 19.2117 +} 19.2118 +form.Thumbnail table td { 19.2119 + width: 50%; 19.2120 +} 19.2121 +form.Thumbnail table tr td { 19.2122 + vertical-align: top; 19.2123 +} 19.2124 +form.Thumbnail table tr th { 19.2125 + padding-right: 10px; 19.2126 +} 19.2127 +.jcropper-holder { 19.2128 + border: 1px black solid; 19.2129 +} 19.2130 +.jcrop-holder { 19.2131 + text-align: left; 19.2132 +} 19.2133 +.jcrop-vline, .jcrop-hline { 19.2134 + font-size: 0; 19.2135 + position: absolute; 19.2136 + background: white url('images/jcrop.gif') top left repeat; 19.2137 +} 19.2138 +.jcrop-vline { height: 100%; width: 1px !important; } 19.2139 +.jcrop-hline { width: 100%; height: 1px !important; } 19.2140 +.jcrop-handle { 19.2141 + font-size: 1px; 19.2142 + width: 7px !important; 19.2143 + height: 7px !important; 19.2144 + border: 1px #eee solid; 19.2145 + background-color: #333; 19.2146 + *width: 9px; 19.2147 + *height: 9px; 19.2148 +} 19.2149 +.jcrop-tracker { 19.2150 + *background-color: gray; 19.2151 + width: 100%; height: 100%; 19.2152 +} 19.2153 +.custom .jcrop-vline, 19.2154 +.custom .jcrop-hline { 19.2155 + background: yellow; 19.2156 +} 19.2157 +.custom .jcrop-handle { 19.2158 + border-color: black; 19.2159 + background-color: #C7BB00; 19.2160 + border-radius: 3px; 19.2161 + -moz-border-radius: 3px; 19.2162 + -webkit-border-radius: 3px; 19.2163 +} 19.2164 +form.Thumbnail table { 19.2165 + width: 100%; 19.2166 +} 19.2167 +form.Thumbnail table td { 19.2168 + font-weight: normal; 19.2169 +} 19.2170 + 19.2171 + 19.2172 +/* =================================================================== Popups */ 19.2173 +div.Popup div.Errors ul { 19.2174 + border: 1px solid #a00 !important; 19.2175 +} 19.2176 +div.Popup div.Messages { 19.2177 + text-align: left; 19.2178 + position: inherit; 19.2179 + top: auto; 19.2180 + left: auto; 19.2181 + z-index: auto; 19.2182 + margin: 10px 0 !important; 19.2183 +} 19.2184 +div.Popup div.Messages ul { 19.2185 + display: block; 19.2186 + border-radius: 2px; 19.2187 + -moz-border-radius: 2px; 19.2188 + -webkit-border-radius: 2px; 19.2189 + box-shadow: none; 19.2190 + -moz-box-shadow: none; 19.2191 + -webkit-box-shadow: none; 19.2192 +} 19.2193 +* html div.Popup div.Messages { 19.2194 + position: inherit; 19.2195 + width: auto; 19.2196 + top: auto; 19.2197 + left: auto; 19.2198 + overflow: auto; 19.2199 +} 19.2200 +div.Popup .Info { 19.2201 + margin-top: 10px; 19.2202 +} 19.2203 +div.Popup .Loading { 19.2204 + display: block; 19.2205 + width: 200px; 19.2206 +} 19.2207 +div.Overlay { 19.2208 + position: absolute; 19.2209 + top: 0; 19.2210 + left: 0; 19.2211 + width: 100%; 19.2212 + height: 100%; 19.2213 +} 19.2214 +div.Popup { 19.2215 + position: absolute; 19.2216 + width: 100%; 19.2217 + top: 0; 19.2218 + left: 0; 19.2219 + z-index: 5000; 19.2220 + text-align: center; 19.2221 +} 19.2222 +div.Popup div.Border { 19.2223 + margin: 0px auto; 19.2224 + text-align: left; 19.2225 + position: relative; 19.2226 + max-width: 500px; 19.2227 + display: inline-block; 19.2228 +} 19.2229 +div.Popup div.Body { 19.2230 + background: #fff; 19.2231 +} 19.2232 +div.Popup div.Legal, 19.2233 +div.Popup .Content form { 19.2234 + max-height: 440px; 19.2235 + overflow: auto; 19.2236 + padding: 0 10px 10px; 19.2237 +} 19.2238 +div.Popup .Loading { 19.2239 + text-align: center; 19.2240 +} 19.2241 +div.Popup h1, 19.2242 +div.Popup h2, 19.2243 +div.Connect h1, 19.2244 +div.Connect h2 { 19.2245 + font-size:120%; 19.2246 + font-weight:bold; 19.2247 + margin-bottom: 0; 19.2248 + color: #fff; 19.2249 + background: #38abe3; 19.2250 + border-bottom: 1px solid #3DB9E5; 19.2251 + padding: 6px 9px 4px; 19.2252 +} 19.2253 +a.Close { 19.2254 + position: absolute; 19.2255 + top: 16px; 19.2256 + right: 20px; 19.2257 + line-height: 1; 19.2258 + color: #E4F7FE; 19.2259 + cursor: pointer; 19.2260 + font-family: arial; 19.2261 + font-size: 22px; 19.2262 + font-weight: bold; 19.2263 + padding: 0; 19.2264 +} 19.2265 +a.Close:hover { 19.2266 + color: #fff; 19.2267 +} 19.2268 +div.Popup .Footer { 19.2269 + border: none; 19.2270 + background: none; 19.2271 + padding: 0; 19.2272 + margin: 0; 19.2273 + text-align: right; 19.2274 +} 19.2275 +div.Popup .Footer input.Button { 19.2276 + font-size: 11px; 19.2277 + margin-right: 2px; 19.2278 +} 19.2279 +div.Popup h3 { 19.2280 + font-size: 120%; 19.2281 + font-weight: bold; 19.2282 + padding: 20px 0 10px; 19.2283 +} 19.2284 +div.Popup p { 19.2285 + padding: 6px 10px 10px; 19.2286 +} 19.2287 +div.Popup div.Legal p { 19.2288 + padding: 6px 0 10px; 19.2289 +} 19.2290 +div.Popup small { 19.2291 + font-size: 11px; 19.2292 +} 19.2293 +div.Popup form p { 19.2294 + padding: 0; 19.2295 +} 19.2296 +body.Profile #Form_Invitation ul li label, 19.2297 +body.Profile #Form_User ul li label, 19.2298 +div.Popup form ul li label { 19.2299 + color:#000; 19.2300 + display:block; 19.2301 + font-size:14px; 19.2302 + font-weight:bold; 19.2303 + margin: 10px 0 0; 19.2304 +} 19.2305 +body.Entry form ul li.Gender label.RadioLabel, 19.2306 +body.Profile #Form_User ul li.Gender label.RadioLabel, 19.2307 +div.Popup form ul li.Gender label.RadioLabel { 19.2308 + display: inline; 19.2309 + padding-right: 20px; 19.2310 +} 19.2311 +li.Gender { 19.2312 + margin-bottom: 10px; 19.2313 +} 19.2314 +body.Profile #Form_User ul li label.RadioLabel, 19.2315 +body.Profile #Form_User ul li label.CheckBoxLabel, 19.2316 +div.Popup form ul li label.RadioLabel, 19.2317 +div.Popup form ul li label.CheckBoxLabel { 19.2318 + font-weight: normal; 19.2319 +} 19.2320 +div.Profile #Form_User input.Button, 19.2321 +div.Popup input.Button { 19.2322 + margin: 4px 0 2px; 19.2323 +} 19.2324 +div.Popup #Form_User div.Warning, 19.2325 +#dashboard_profile_picture #Form_User div.Warning { 19.2326 + margin: 6px 0; 19.2327 +} 19.2328 + 19.2329 +/* Serious Ajax Error Styles */ 19.2330 +div.AjaxError { 19.2331 + white-space: pre; 19.2332 + overflow: auto; 19.2333 + padding: 10px; 19.2334 +} 19.2335 + 19.2336 +/* ==================================================================== Legal */ 19.2337 +div.Legal h3 { 19.2338 + padding: 0; 19.2339 + margin: 20px 0 0; 19.2340 + font-size: 120%; 19.2341 + font-weight: bold; 19.2342 +} 19.2343 +div.Legal ol { 19.2344 + list-style-position:outside; 19.2345 + list-style-type:decimal; 19.2346 + margin:0 30px 10px; 19.2347 +} 19.2348 +div.Legal ul { 19.2349 + list-style-position:outside; 19.2350 + list-style-type:disc; 19.2351 + margin:0 30px 10px; 19.2352 +} 19.2353 +div.Legal li { 19.2354 + padding: 5px 0; 19.2355 +} 19.2356 +div.Legal strong { 19.2357 + font-weight: bold; 19.2358 +} 19.2359 + 19.2360 + 19.2361 +/* =================================================================== Footer */ 19.2362 +#Foot { 19.2363 + clear: both; 19.2364 + text-align: center; 19.2365 + margin: 2px 0; 19.2366 + padding: 4px 9px; 19.2367 + font-size: 13px; 19.2368 + color: #ddd; 19.2369 + line-height: 1; 19.2370 +} 19.2371 +#Foot a { 19.2372 + color: #ccc; 19.2373 +} 19.2374 +#Foot a:hover { 19.2375 + color: #aaa; 19.2376 +} 19.2377 +#Foot div { 19.2378 + width: 960px; 19.2379 + padding: 6px 0; 19.2380 + margin: 20px auto 0; 19.2381 + text-align: left; 19.2382 +} 19.2383 + 19.2384 + 19.2385 + 19.2386 +/* ================================ Vanilla ================================= */ 19.2387 + 19.2388 +#Panel ul.Discussions { 19.2389 + border: 0; 19.2390 +} 19.2391 +ul.PanelDiscussions li { 19.2392 + text-align: left; 19.2393 +} 19.2394 +ul.PanelDiscussions li a { 19.2395 + float: none; 19.2396 +} 19.2397 +ul.PanelDiscussions li strong { 19.2398 + display: block; 19.2399 + line-height: 1.5; 19.2400 +} 19.2401 + 19.2402 +/* ============================================================== Discussions */ 19.2403 + 19.2404 +/* Note: The Vanilla Discussion List has the following classes applied to 19.2405 + individual list elements and can be styled: 19.2406 + + Bookmarked: the user has bookmarked that topic 19.2407 + + Announcement: the discussion has been announced 19.2408 + + Mine: the user created the discussion 19.2409 + + New: there are new comments since the last viewed the discussion 19.2410 +*/ 19.2411 +.Mine { background: #f1f1f1; } 19.2412 + 19.2413 +ul.DataList div.Meta a.Category { 19.2414 + background: #fafafa; 19.2415 + padding: 2px 4px; 19.2416 + border-radius: 2px; 19.2417 + -moz-border-radius: 2px; 19.2418 + -webkit-border-radius: 2px; 19.2419 +} 19.2420 +ul.DataList li.Mine div.Meta a.Category { 19.2421 + background: #eff7ff; 19.2422 +} 19.2423 + 19.2424 +ul.DataList div.Meta span.Announcement { 19.2425 + background: #777777; 19.2426 + color: #ffffff; 19.2427 + padding: 1px 4px; 19.2428 + border-radius: 2px; 19.2429 + -moz-border-radius: 2px; 19.2430 + -webkit-border-radius: 2px; 19.2431 + border-radius: 2px; 19.2432 + font-weight: bold; 19.2433 +} 19.2434 +ul.DataList div.Meta span.Closed { 19.2435 + background: #555555; 19.2436 + color: #ffffff; 19.2437 + font-weight: bold; 19.2438 + padding: 1px 4px; 19.2439 + border-radius: 2px; 19.2440 + -moz-border-radius: 2px; 19.2441 + -webkit-border-radius: 2px; 19.2442 + border-radius: 2px; 19.2443 +} 19.2444 + 19.2445 + 19.2446 +/* ================================================================= Comments */ 19.2447 +body.Discussion #Content { 19.2448 + margin-bottom: 20px; 19.2449 +} 19.2450 +ul.Discussion { 19.2451 + margin-bottom: 1px; 19.2452 +} 19.2453 +/* 19.2454 + Note: Discussion & Comment Option (dropdown) Menu customizations. The layout 19.2455 + css for these is in /applications/garden/design/menu.css. Override them here. 19.2456 +*/ 19.2457 +a.Bookmark, 19.2458 +a.Bookmarking { 19.2459 + float: right; 19.2460 + display: block; 19.2461 + background: url('images/star_sprite.png') top center no-repeat; 19.2462 + height: 22px; 19.2463 + width: 22px; 19.2464 + margin: 2px 4px 0 4px; 19.2465 +} 19.2466 +a.Bookmark span, 19.2467 +a.Bookmarking span { 19.2468 + display: none; 19.2469 +} 19.2470 +a.Bookmarked { 19.2471 + background: url('images/star_sprite.png') center center no-repeat; 19.2472 +} 19.2473 +a.Bookmarking { 19.2474 + background: url('images/star_sprite.png') bottom center no-repeat; 19.2475 +} 19.2476 +body.Discussion a.Bookmark { 19.2477 + margin: 13px 8px; 19.2478 +} 19.2479 + 19.2480 +body.Discussion .Back { 19.2481 + padding: 3px 6px; 19.2482 + text-align: left; 19.2483 +} 19.2484 + 19.2485 + 19.2486 +/* =================================================================== Drafts */ 19.2487 +ul.Discussions div.ItemContent, 19.2488 +ul.Drafts div.ItemContent { 19.2489 + margin: 0 0 0 9px; 19.2490 +} 19.2491 +ul.Drafts div.ItemContent a.Title, 19.2492 +ul.Discussions div.ItemContent a.Title { 19.2493 + max-width: 580px; 19.2494 +} 19.2495 + 19.2496 +/* =============================================== Discussion & Comment Forms */ 19.2497 +li.Editing { 19.2498 + background: #f1f1f1; 19.2499 +} 19.2500 +div.CommentForm textarea { 19.2501 + width: 99%; 19.2502 + height: 100px; 19.2503 + min-height: 100px; 19.2504 + margin: 0 0 6px; 19.2505 +} 19.2506 +div.Comment div.CommentForm { 19.2507 + width: 98%; 19.2508 + background: none; 19.2509 + padding: 6px 4px; 19.2510 + border: 0; 19.2511 +} 19.2512 +div.Comment div.CommentForm textarea { 19.2513 + width: 99%; 19.2514 +} 19.2515 +#DiscussionForm label { 19.2516 + font-size: 14px; 19.2517 + font-weight: bold; 19.2518 + color: #666; 19.2519 +} 19.2520 +body.Post #Panel { 19.2521 + display: none; 19.2522 +} 19.2523 +body.Post #Content { 19.2524 + width: 100%; 19.2525 +} 19.2526 +#DiscussionForm h2 { 19.2527 + border: none; 19.2528 + color: #02475A; 19.2529 + font-size: 140%; 19.2530 + font-weight: bold; 19.2531 + margin: 0; 19.2532 + padding: 6px; 19.2533 +} 19.2534 +#DiscussionForm form { 19.2535 + border-radius: 2px; 19.2536 + -moz-border-radius: 2px; 19.2537 + -webkit-border-radius: 2px; 19.2538 + background: #f1f1f1 none repeat scroll 0 0; 19.2539 + border: 1px solid #DDDDDD; 19.2540 + margin: 0; 19.2541 + padding: 20px; 19.2542 +} 19.2543 +#DiscussionForm textarea { 19.2544 + width: 99%; 19.2545 + height: 100px; 19.2546 + min-height: 100px; 19.2547 + margin: 0 0 6px; 19.2548 +} 19.2549 +#DiscussionForm input.InputBox { 19.2550 + width: 99%; 19.2551 + margin-bottom: 10px; 19.2552 +} 19.2553 +#DiscussionForm div.Category { 19.2554 + padding: 0 0 10px; 19.2555 +} 19.2556 +#DiscussionForm div.Category label { 19.2557 + padding: 0 8px 0 0; 19.2558 +} 19.2559 +div.CommentForm a.Back, 19.2560 +div.CommentForm a.Cancel { 19.2561 + float: left; 19.2562 +} 19.2563 +#DiscussionForm a.Cancel { 19.2564 + margin-left: 18px; 19.2565 +} 19.2566 +#DiscussionForm ul { 19.2567 + margin: 0 0 20px; 19.2568 +} 19.2569 +#DiscussionForm ul.PostOptions li { 19.2570 + display: inline; 19.2571 + padding: 0 8px 0 0; 19.2572 +} 19.2573 +#DiscussionForm ul.PostOptions label { 19.2574 + display: inline; 19.2575 + font-weight: normal; 19.2576 + font-size: 95%; 19.2577 + color: #555; 19.2578 +} 19.2579 + 19.2580 +/* ============================== Conversations ============================= */ 19.2581 +textarea.MultiComplete { 19.2582 + height: 20px; 19.2583 + padding: 3px 0; 19.2584 + text-align: left; 19.2585 +} 19.2586 +.ac_results { 19.2587 + padding: 0; 19.2588 + border: 1px solid #bbb; 19.2589 + border-top: 0; 19.2590 + background-color: white; 19.2591 + overflow: hidden; 19.2592 + z-index: 99999; 19.2593 +} 19.2594 +.ac_results ul { 19.2595 + width: 100%; 19.2596 + list-style-position: outside; 19.2597 + list-style: none; 19.2598 + padding: 0; 19.2599 + margin: 0; 19.2600 +} 19.2601 +.ac_results li { 19.2602 + margin: 0; 19.2603 + padding: 5px; 19.2604 + cursor: default; 19.2605 + display: block; 19.2606 + /* 19.2607 + if width will be 100% horizontal scrollbar will apear 19.2608 + when scroll mode will be used 19.2609 + */ 19.2610 + /*width: 100%;*/ 19.2611 + font-size: 12px; 19.2612 + /* 19.2613 + it is very important, if line-height not setted or setted 19.2614 + in relative units scroll will be broken in firefox 19.2615 + */ 19.2616 + line-height: 16px; 19.2617 + overflow: hidden; 19.2618 + border-bottom: 1px solid #bbb; 19.2619 + text-align: left; 19.2620 +} 19.2621 +.ac_lastitem { 19.2622 + border-bottom: 0 !important; 19.2623 +} 19.2624 +.ac_results strong { 19.2625 + font-weight: bold; 19.2626 + background: #daf4fd; 19.2627 +} 19.2628 +.ac_over strong { 19.2629 + font-weight: bold; 19.2630 + background: #2ab0de; 19.2631 +} 19.2632 +.ac_over { 19.2633 + background: #44c7f4; 19.2634 + color: #fff; 19.2635 +} 19.2636 +div.AddPeople h4 { 19.2637 + border-bottom: 0px; 19.2638 +} 19.2639 +#Panel input.InputBox, 19.2640 +div.AddPeople textarea.MultiComplete { 19.2641 + width: 228px; 19.2642 + margin-bottom: 2px; 19.2643 +} 19.2644 +div.AddPeople form div { 19.2645 + text-align: right; 19.2646 +} 19.2647 + 19.2648 + 19.2649 +/* ============================================================ Conversations */ 19.2650 +fieldset { 19.2651 + padding: 0px !important; 19.2652 +} 19.2653 +h2.NewConversation { 19.2654 + float: right; 19.2655 +} 19.2656 +h2.NewConversation a { 19.2657 + font-weight: bold; 19.2658 +} 19.2659 +body.Conversations h2 { 19.2660 + margin: 0; 19.2661 +} 19.2662 +ul.Conversations li.Active { 19.2663 + cursor: pointer; 19.2664 + background: #ffe; 19.2665 +} 19.2666 +ul.Conversations li.Item { 19.2667 + padding: 4px 5px; 19.2668 +} 19.2669 +ul.Conversations div.ItemContent { 19.2670 + margin:0 0 0 5px; 19.2671 +} 19.2672 +ul.Conversations div.Meta a.Name { 19.2673 + color: #1E79A7; 19.2674 + font-weight: bold; 19.2675 +} 19.2676 + 19.2677 + 19.2678 +/* ========================================================= Add Message Form */ 19.2679 +#MessageForm { 19.2680 + background: #E9F9FF; 19.2681 + padding: 4px 8px 8px; 19.2682 + margin: 1px 0 0; 19.2683 + border-bottom-left-radius: 2px; 19.2684 + border-bottom-right-radius: 2px; 19.2685 + -moz-border-radius-bottomleft: 2px; 19.2686 + -moz-border-radius-bottomright: 2px; 19.2687 + -webkit-border-bottom-left-radius: 2px; 19.2688 + -webkit-border-bottom-right-radius: 2px; 19.2689 +} 19.2690 +#MessageForm h2 { 19.2691 + font-size: 115%; 19.2692 + color: #2786C2; 19.2693 + font-weight: bold; 19.2694 + border: 0; 19.2695 +} 19.2696 +#MessageForm form div { 19.2697 + text-align: right; 19.2698 +} 19.2699 +#MessageForm textarea { 19.2700 + width: 99%; 19.2701 + height: 100px; 19.2702 + min-height: 100px; 19.2703 + margin-bottom: 2px; 19.2704 +} 19.2705 + 19.2706 + 19.2707 +/* ==================================================== New Conversation Form */ 19.2708 +body.add #Panel { 19.2709 + display: none; 19.2710 +} 19.2711 +body.add #Content { 19.2712 + width: auto; 19.2713 +} 19.2714 +#ConversationForm form { 19.2715 + border-radius: 2px; 19.2716 + -moz-border-radius: 2px; 19.2717 + -webkit-border-radius: 2px; 19.2718 + border-radius: 2px; 19.2719 + background:none repeat scroll 0 0 #c4e1ff; 19.2720 + margin:0; 19.2721 + padding:20px; 19.2722 + text-align: right; 19.2723 +} 19.2724 +#ConversationForm h2 { 19.2725 + color:#02475A; 19.2726 + font-size:140%; 19.2727 + font-weight:bold; 19.2728 + margin:0; 19.2729 + padding:6px; 19.2730 + text-align: left; 19.2731 + border: 0; 19.2732 +} 19.2733 +#ConversationForm label { 19.2734 + display: block; 19.2735 + text-align: left; 19.2736 + color:#666666; 19.2737 + font-size:14px; 19.2738 + font-weight:bold; 19.2739 +} 19.2740 +#ConversationForm .TextBox { 19.2741 + height: 100px; 19.2742 + min-height: 100px; 19.2743 + margin: 8px 0 6px; 19.2744 + padding: 0; 19.2745 +} 19.2746 +body.Conversations a.Cancel { 19.2747 + margin-left: 20px; 19.2748 +} 19.2749 +div.Popup #ConversationForm form { 19.2750 + background: none; 19.2751 + -border-radius: 0; 19.2752 + -moz-border-radius: 0; 19.2753 + -webkit-border-radius: 0; 19.2754 + border-radius: 0; 19.2755 + padding: 10px; 19.2756 +} 19.2757 +div.Popup #ConversationForm h2 { 19.2758 + color: #fff; 19.2759 + font-size: 120%; 19.2760 + font-weight: bold; 19.2761 + padding: 6px 9px 4px; 19.2762 +} 19.2763 +div.Popup #ConversationForm textarea.MultiComplete, 19.2764 +div.Popup #ConversationForm .TextBox { 19.2765 + width: 100%; 19.2766 +} 19.2767 + 19.2768 +/* Upload Progress Bar */ 19.2769 +div.UploadProgress { 19.2770 + margin: 10px 0; 19.2771 + background: url('images/upload-progress-back.gif') repeat; 19.2772 + width: 200px; 19.2773 + z-index: 0; 19.2774 + color: #fff; 19.2775 + text-shadow: 0 1px 1px #333; 19.2776 + border: 1px solid #0c3c7e; 19.2777 + border-radius: 2px; 19.2778 + -moz-border-radius: 2px; 19.2779 + -webkit-border-radius: 2px; 19.2780 + border-radius: 2px; 19.2781 +} 19.2782 +div.UploadProgress div { 19.2783 + padding: 2px 0; 19.2784 +} 19.2785 +div.UploadProgress div strong { 19.2786 + font-weight: bold; 19.2787 +} 19.2788 +div.UploadProgress div.Foreground, 19.2789 +div.UploadProgress div.Background { 19.2790 + position: absolute; 19.2791 +} 19.2792 +div.UploadProgress div.Background { 19.2793 + width: 0; 19.2794 + background: url('images/upload-bg.gif') repeat; 19.2795 + z-index: 1; 19.2796 +} 19.2797 +div.UploadProgress div.Foreground { 19.2798 + text-indent: 6px; 19.2799 + overflow: visible; 19.2800 + white-space: nowrap; 19.2801 + z-index: 2; 19.2802 +} 19.2803 + 19.2804 + 19.2805 +/* Adding CSS for multiple sign-in methods */ 19.2806 + 19.2807 +/* Container */ 19.2808 +div.Border { 19.2809 + border-radius: 8px; 19.2810 + -moz-border-radius: 8px; 19.2811 + -webkit-border-radius: 8px; 19.2812 + background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7); 19.2813 + padding: 10px; 19.2814 +} 19.2815 + 19.2816 +/* Tabs */ 19.2817 +ul.Tabs { 19.2818 + border-bottom: 1px solid #aaa; 19.2819 + text-align: left; 19.2820 + padding-left: 4px; 19.2821 +} 19.2822 +ul.Tabs li { 19.2823 + display: inline-block; 19.2824 +} 19.2825 +ul.Tabs li a, 19.2826 +ul.Tabs li a:link, 19.2827 +ul.Tabs li a:active, 19.2828 +ul.Tabs li a:visited, 19.2829 +ul.Tabs li a:hover { 19.2830 + display: inline-block; 19.2831 + margin-left: 4px; 19.2832 + border: 1px solid #aaa; 19.2833 + border-width: 1px 1px 0 1px; 19.2834 + border-radius: 3px 3px 0 0; 19.2835 + -moz-border-radius: 3px 3px 0 0; 19.2836 + -webkit-border-radius: 3px 3px 0 0; 19.2837 + background: #eee; 19.2838 + color: #888; 19.2839 + position: relative; 19.2840 + top: 1px; 19.2841 + padding: 2px 8px 1px; 19.2842 +} 19.2843 +ul.Tabs li a:hover { 19.2844 + background: #f5f5f5; 19.2845 + color: #444; 19.2846 +} 19.2847 +ul.Tabs li a.Active { 19.2848 + padding: 2px 8px; 19.2849 + background: #fff; 19.2850 + color: #000; 19.2851 +} 19.2852 + 19.2853 +/* Icons */ 19.2854 +ul.Tabs li a.EntryTabFor_password { 19.2855 + padding-left: 22px; 19.2856 + background-image: url('../../../themes/default/design/favicon.png'); 19.2857 + background-position: 3px 4px; 19.2858 + background-repeat: no-repeat; 19.2859 +} 19.2860 + 19.2861 + 19.2862 +/* ============================================================ Entry Screens */ 19.2863 +body.Entry { 19.2864 + text-align: center; 19.2865 +} 19.2866 +body.Entry #Panel { 19.2867 + display: none; 19.2868 +} 19.2869 +body.Entry #Content { 19.2870 + float: none; 19.2871 + margin: 0 auto; 19.2872 + width: 360px; 19.2873 + text-align: center; 19.2874 +} 19.2875 +body.Entry #Content h1 { 19.2876 + border: none; 19.2877 + color: #02475A; 19.2878 + font-size:140%; 19.2879 + font-weight:bold; 19.2880 + padding: 6px; 19.2881 + margin: 0; 19.2882 + text-align: left; 19.2883 +} 19.2884 +body.Entry #Content form { 19.2885 + text-align: left; 19.2886 + padding: 10px; 19.2887 +} 19.2888 +body.Entry form ul li label { 19.2889 + font-size: 14px; 19.2890 + color: #474747; 19.2891 + font-weight: bold; 19.2892 + padding: 6px 0 0; 19.2893 + display: block; 19.2894 +} 19.2895 +body.Entry form ul li label.CheckBoxLabel, 19.2896 +body.Entry form ul li label.RadioLabel { 19.2897 + font-size: 12px; 19.2898 + font-weight: normal; 19.2899 + width: auto; 19.2900 +} 19.2901 +body.Entry input.DateBox, 19.2902 +body.Entry input.InputBox, 19.2903 +body.Entry textarea { 19.2904 + width: 310px; 19.2905 +} 19.2906 +span.Incorrect { 19.2907 + display: block; 19.2908 + color: red; 19.2909 +} 19.2910 + 19.2911 +/* Sign In Page & Popup */ 19.2912 +div.SignInPopup div.Box { 19.2913 + margin: 0; 19.2914 + padding: 0; 19.2915 + background: none; 19.2916 + border: 0; 19.2917 + border-radius: 0; 19.2918 + -moz-border-radius: 0; 19.2919 + -webkit-border-radius: 0; 19.2920 + box-shadow: none; 19.2921 + -moz-box-shadow: none; 19.2922 + -webkit-box-shadow: none; 19.2923 +} 19.2924 +body#dashboard_entry_password #Content, 19.2925 +body#dashboard_entry_signin #Content, 19.2926 +body#dashboard_entry_index #Content { 19.2927 + width: auto; 19.2928 +} 19.2929 +div.SignInPopup .Content form { 19.2930 + padding: 0 10px 10px; 19.2931 +} 19.2932 +body#dashboard_entry_password #Content form, 19.2933 +body#dashboard_entry_index #Content form, 19.2934 +body#dashboard_entry_signin #Content form { 19.2935 + padding: 0; 19.2936 + text-align:left; 19.2937 +} 19.2938 +body#dashboard_entry_password #Content form, 19.2939 +body#dashboard_entry_signin #Content form, 19.2940 +body#dashboard_entry_index #Content form, 19.2941 +div.SignInPopup form { 19.2942 + width: 270px; 19.2943 +} 19.2944 +div.SingleEntryMethod { 19.2945 + width: 290px; 19.2946 + margin: 0 auto; 19.2947 +} 19.2948 +div.MultipleEntryMethods { 19.2949 + width: 500px; 19.2950 + margin: 0 auto; 19.2951 +} 19.2952 +body#dashboard_entry_handshake #Content input.InputBox, 19.2953 +body#dashboard_entry_signin #Content input.InputBox, 19.2954 +body#dashboard_entry_index #Content input.InputBox, 19.2955 +body#dashboard_entry_password #Content input.InputBox, 19.2956 +div.SignInPopup input.DateBox, 19.2957 +div.SignInPopup input.InputBox, 19.2958 +div.SignInPopup textarea { 19.2959 + width: 260px; 19.2960 + padding: 3px; 19.2961 +} 19.2962 +div.SignInPopup form ul li label, 19.2963 +body#dashboard_entry_signin form ul li label, 19.2964 +body#dashboard_entry_index form ul li label, 19.2965 +body#dashboard_entry_password form ul li label, 19.2966 +body#dashboard_entry_handshake form ul li label { 19.2967 + font-size: 13px; 19.2968 + line-height: 1.5; 19.2969 + padding: 0; 19.2970 +} 19.2971 +body#dashboard_entry_password #Content form ul li input#Form_Email, 19.2972 +body#dashboard_entry_signin #Content form ul li input#Form_Email, 19.2973 +body#dashboard_entry_index #Content form ul li input#Form_Email { 19.2974 + margin-bottom: 6px; 19.2975 +} 19.2976 +body#dashboard_entry_password #Content input.Password, 19.2977 +body#dashboard_entry_signin #Content input.Password, 19.2978 +body#dashboard_entry_index #Content input.Password, 19.2979 +div.SignInPopup input.Password { 19.2980 + width: 180px; 19.2981 +} 19.2982 +a.ForgotPassword { 19.2983 + margin-left: 10px; 19.2984 +} 19.2985 +li.Buttons div a.ForgotPassword { 19.2986 + margin: 0; 19.2987 +} 19.2988 +body#dashboard_entry_password ul li label.CheckBoxLabel, 19.2989 +body#dashboard_entry_signin ul li label.CheckBoxLabel, 19.2990 +body#dashboard_entry_index ul li label.CheckBoxLabel, 19.2991 +div.SignInPopup ul li label.CheckBoxLabel { 19.2992 + color: #777; 19.2993 + display: inline; 19.2994 + font-size: 12px; 19.2995 + font-weight: normal; 19.2996 + margin: 10px 0 0 10px; 19.2997 +} 19.2998 +body.Entry li.Buttons input.Button, 19.2999 +div.SignInPopup li.Buttons input.Button { 19.3000 + margin: 10px 0; 19.3001 +} 19.3002 +div.Entry { 19.3003 + position: relative; 19.3004 +} 19.3005 +div.Methods { 19.3006 + text-align: left; 19.3007 + font-size: 14px; 19.3008 + font-weight: bold; 19.3009 + position: absolute; 19.3010 + top: 33px; 19.3011 + bottom: 0; 19.3012 + right: 0; 19.3013 + padding: 12px 20px 6px; 19.3014 + line-height: 1; 19.3015 +} 19.3016 +body#dashboard_entry_password div.Methods, 19.3017 +body#dashboard_entry_signin div.Methods, 19.3018 +body#dashboard_entry_index div.Methods { 19.3019 + padding: 10px 6px 6px; 19.3020 + background: none; 19.3021 +} 19.3022 +div.Methods div.Method { 19.3023 + padding: 10px 0 0; 19.3024 + text-align: left; 19.3025 +} 19.3026 + 19.3027 +/* Handshake */ 19.3028 +body#dashboard_entry_handshake #Content { 19.3029 + width: 720px; 19.3030 +} 19.3031 +body#dashboard_entry_handshake #Content form { 19.3032 + padding: 20px 30px 26px; 19.3033 +} 19.3034 +body#dashboard_entry_handshake ul.NewAccount { 19.3035 + float: left; 19.3036 + width: 315px; 19.3037 + margin-right: 44px; 19.3038 + border-right: 1px solid #A5D0E7; 19.3039 +} 19.3040 +body#dashboard_entry_handshake ul.LinkAccount { 19.3041 + margin-left: 315px; 19.3042 +} 19.3043 +ul.NewAccount h2, 19.3044 +ul.LinkAccount h2 { 19.3045 + padding-left: 36px !important; 19.3046 + background: url('images/dashboard-sprites.png') 0 -542px no-repeat; 19.3047 +} 19.3048 +ul.LinkAccount h2 { 19.3049 + padding-left: 84px !important; 19.3050 + background-position: 45px -296px; 19.3051 +} 19.3052 +body#dashboard_entry_handshake div.Info { 19.3053 + border: 1px solid #A5D0E7; 19.3054 + background: #D3F0FF; 19.3055 + color: #02475A; 19.3056 +} 19.3057 +body#dashboard_entry_handshake #Content h2 { 19.3058 + border: none; 19.3059 + color: #02475A; 19.3060 + font-size:140%; 19.3061 + font-weight:bold; 19.3062 + padding: 6px 0; 19.3063 + margin: 0; 19.3064 + text-align: left; 19.3065 +} 19.3066 + 19.3067 + 19.3068 +/* Leaving Page */ 19.3069 +body#dashboard_entry_leave p { 19.3070 + margin: 0; 19.3071 + padding: 20px 10px; 19.3072 +} 19.3073 +body#dashboard_entry_leave p.Leaving { 19.3074 + background: url('images/progress.gif') left center no-repeat; 19.3075 + margin: 0 0 0 14px; 19.3076 + padding: 20px 0 20px 50px; 19.3077 +} 19.3078 + 19.3079 + 19.3080 + 19.3081 +/* External App Connect Designs */ 19.3082 +div.Connect h1, 19.3083 +div.Connect h2 { 19.3084 + text-align: left; 19.3085 +} 19.3086 +body.connect div.Box { 19.3087 + border-radius: none; 19.3088 + -moz-border-radius: none; 19.3089 + -webkit-border-radius: none; 19.3090 + box-shadow: none; 19.3091 + -moz-box-shadow: none; 19.3092 + -webkit-box-shadow: none; 19.3093 + width: 320px; 19.3094 + margin: 0 auto; 19.3095 + text-align: left; 19.3096 + background: none; 19.3097 +} 19.3098 +div.ConnectInfo { 19.3099 + margin: 10px 0 0; 19.3100 + position: relative; 19.3101 +} 19.3102 +div.ConnectInfo img { 19.3103 + position: absolute; 19.3104 + height: 36px; 19.3105 + width: 36px; 19.3106 + top: 0; 19.3107 + left: 0; 19.3108 +} 19.3109 +div.ConnectInfo span.Name { 19.3110 + padding-left: 46px; 19.3111 + font-weight: bold; 19.3112 + line-height: 1; 19.3113 + font-size: 13px; 19.3114 + color: #444; 19.3115 + display: block; 19.3116 +} 19.3117 +div.ConnectInfo h3 { 19.3118 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 19.3119 + font-size: 15px; 19.3120 + font-weight: bold; 19.3121 + line-height: 1.6; 19.3122 + color: #333; 19.3123 + padding: 0 0 10px 46px; 19.3124 + border: none; 19.3125 +} 19.3126 +div.Connect form ul li label, 19.3127 +div.SignInPopup form ul li label, 19.3128 +body#dashboard_entry_password form ul li label, 19.3129 +body#dashboard_entry_signin form ul li label, 19.3130 +body#dashboard_entry_index form ul li label { 19.3131 + font-size: 13px; 19.3132 + line-height: 1.5; 19.3133 + padding: 0; 19.3134 +} 19.3135 +div.Connect form ul li#ConnectPassword label, 19.3136 +div.SignInPopup form ul li#ConnectPassword label { 19.3137 + padding: 10px 0 0; 19.3138 +} 19.3139 +div.Connect .FinePrint, 19.3140 +div.SignInPopup .FinePrint { 19.3141 + font-size: 11px; 19.3142 + color: #777; 19.3143 +} 19.3144 +body#dashboard_entry_password input.InputBox, 19.3145 +body#dashboard_entry_signin input.InputBox, 19.3146 +body#dashboard_entry_index input.InputBox, 19.3147 +div.Connect input.InputBox, 19.3148 +div.SignInPopup input.InputBox { 19.3149 + padding: 3px 19.3150 +} 19.3151 +div.Connect .ExistingUsername, 19.3152 +div.SignInPopup .ExistingUsername { 19.3153 + font-weight: bold; 19.3154 + line-height: 1; 19.3155 + font-size: 13px; 19.3156 + color: #000; 19.3157 + display: block; 19.3158 +}
20.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 20.2 +++ b/forum/vanilla/themes/slitaz/design/style.css.org Sat Mar 19 16:26:12 2011 +0100 20.3 @@ -0,0 +1,2712 @@ 20.4 +/* 20.5 +Welcome to the Generic Style CSS File! Some things you should know: 20.6 + 20.7 +1. This file is included on all front-end/user-facing pages. Applications can 20.8 + override this file in their own custom files (ie. vanilla.css or 20.9 + conversations.css). 20.10 + 20.11 +2. This file is broken down into the following sections: 20.12 + + General Styles & Typography 20.13 + + Header 20.14 + + Main Menu 20.15 + + Panels / Sidebars 20.16 + + Activities 20.17 + + Profile Page 20.18 + + Profile Tab Menu 20.19 + + Thumbnail Cropper 20.20 + + Footer 20.21 +*/ 20.22 + 20.23 +/* ================================================================ Reset CSS */ 20.24 +html, body, div, span, applet, object, iframe, 20.25 +h1, h2, h3, h4, h5, h6, p, blockquote, pre, 20.26 +a, abbr, acronym, address, big, cite, code, 20.27 +del, dfn, em, font, img, ins, kbd, q, s, samp, 20.28 +small, strike, strong, sub, sup, tt, var, 20.29 +dl, dt, dd, ol, ul, li, 20.30 +fieldset, form, label, legend, 20.31 +table, caption, tbody, tfoot, thead, tr, th, td { 20.32 + margin: 0; 20.33 + padding: 0; 20.34 + border: 0; 20.35 + outline: 0; 20.36 + font-weight: inherit; 20.37 + font-style: inherit; 20.38 + font-size: 100%; 20.39 + font-family: inherit; 20.40 + vertical-align: baseline; 20.41 +} 20.42 +/* remember to define focus styles! */ 20.43 +:focus { 20.44 + outline: 0; 20.45 +} 20.46 +body { 20.47 + line-height: 1; 20.48 + color: black; 20.49 + background: white; 20.50 +} 20.51 +ol, ul { 20.52 + list-style: none; 20.53 +} 20.54 +/* tables still need 'cellspacing="0"' in the markup */ 20.55 +table { 20.56 + border-collapse: separate; 20.57 + border-spacing: 0; 20.58 +} 20.59 +caption, th, td { 20.60 + text-align: left; 20.61 + font-weight: normal; 20.62 +} 20.63 +blockquote:before, blockquote:after, 20.64 +q:before, q:after { 20.65 + content: ""; 20.66 +} 20.67 +blockquote, q { 20.68 + quotes: "" ""; 20.69 +} 20.70 + 20.71 +/* ============================================== General Styles & Typography */ 20.72 +body { 20.73 + color: #000; 20.74 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 20.75 + font-size: 75%; 20.76 + line-height: 1.7em; 20.77 + background: #fff; 20.78 + margin: 0; 20.79 + padding: 0; 20.80 + text-align: center; 20.81 + font-size: small; 20.82 +} 20.83 +#Body { 20.84 + width: 960px; 20.85 + text-align: left; 20.86 + margin: 15px auto 0; 20.87 +} 20.88 +#Content { 20.89 + float: left; 20.90 + width: 680px; 20.91 + margin: 0 0 40px; 20.92 +} 20.93 +.Hidden { 20.94 + display: none; 20.95 +} 20.96 +.nowrap { 20.97 + white-space: nowrap; 20.98 +} 20.99 +.Center { 20.100 + text-align: center; 20.101 +} 20.102 +.Right { 20.103 + text-align: right; 20.104 +} 20.105 +h1, h2, h3, h4, h5, h6 { 20.106 + color: #000; 20.107 + font-family: "Helvetica Neue",Helvetica,arial,sans-serif; 20.108 + font-weight: normal; 20.109 + margin: 0; 20.110 +} 20.111 +p { 20.112 + margin: 0.5em 0 0 0; 20.113 + line-height: 1.6em; 20.114 +} 20.115 +h1, h2 { 20.116 + border-bottom:1px solid #bbb; 20.117 + font-size:140%; 20.118 + font-weight:bold; 20.119 + margin-bottom:10px; 20.120 +} 20.121 +h3 { 20.122 + font-size:140%; 20.123 +} 20.124 +h4 { 20.125 + font-size: 120%; 20.126 + color: #6C6C6C; 20.127 +} 20.128 +h5 { 20.129 + font-size: 120%; 20.130 + color: #6C6C6C; 20.131 +} 20.132 +a, 20.133 +a:link, 20.134 +a:visited, 20.135 +a:active { 20.136 + text-decoration: none; 20.137 + color: #1e79a7; 20.138 +} 20.139 +a:hover { 20.140 + text-decoration: none; 20.141 + color: #ff0084; 20.142 +} 20.143 +input.DateBox, 20.144 +input.InputBox, 20.145 +input.SmallInput, 20.146 +textarea { 20.147 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 20.148 + color: #333; 20.149 + font-size: 15px; 20.150 + padding: 3px; 20.151 + margin: 0; 20.152 + width: 250px; 20.153 + border: 1px solid #aaa; 20.154 + border-radius: 2px; 20.155 + -moz-border-radius: 2px; 20.156 + -webkit-border-radius: 2px; 20.157 +} 20.158 +textarea.TextBox { 20.159 + width: 500px; 20.160 + height: 100px; 20.161 + min-height: 100px; 20.162 +} 20.163 +#Popup textarea.TextBox { 20.164 + width: 100%; 20.165 +} 20.166 +input.SmallInput, 20.167 +input.InputBox { 20.168 + padding: 6px 3px; 20.169 +} 20.170 +input.SmallInput:focus, 20.171 +input.InputBox:focus, 20.172 +textarea:focus { 20.173 + background: #ffe; 20.174 +} 20.175 +textarea { 20.176 + line-height: 128%; 20.177 +} 20.178 +select { 20.179 + font-family: arial; 20.180 + font-size: 14px; 20.181 + color: #222; 20.182 + margin: 0; 20.183 + padding: 3px; 20.184 + } 20.185 +a.Button, 20.186 +.Button { 20.187 + cursor: pointer; 20.188 + margin: 0; 20.189 + font-size: 11px; 20.190 + padding: 4px; 20.191 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 20.192 + color: #02475A; 20.193 + text-shadow: 0 1px 0 #fff; 20.194 + border: 1px solid #999; 20.195 + border-radius: 3px; 20.196 + -moz-border-radius: 3px; 20.197 + -webkit-border-radius: 3px; 20.198 + box-shadow: 0px 0px 2px #999; 20.199 + -moz-box-shadow: 0px 0px 2px #999; 20.200 + -webkit-box-shadow: 0px 0px 2px #999; 20.201 + } 20.202 +input.Button { 20.203 + font-size: 14px; 20.204 + font-weight: bold; 20.205 +} 20.206 +.Button:hover { 20.207 + color: #111; 20.208 + border: 1px solid #666; 20.209 +} 20.210 +.Button:focus { 20.211 + background: #eee; 20.212 +} 20.213 +.Loading { 20.214 + height: 100px; 20.215 + padding: 0 20px; 20.216 + background: url('images/progress.gif') center center no-repeat; 20.217 +} 20.218 +.Progress { 20.219 + padding: 10px 40px 10px 0; 20.220 + background: url('images/progress.gif') center center no-repeat; 20.221 +} 20.222 +.TinyProgress { 20.223 + padding: 10px 40px 10px 0; 20.224 + background: url('images/progress_sm.gif') center center no-repeat; 20.225 +} 20.226 +/* Note: Messages are the yellow notices that appear at the top/center of the 20.227 + page to notify users of things like drafts being saved, etc. */ 20.228 +div.Messages { 20.229 + text-align: center !important; 20.230 + position: fixed; 20.231 + top: 0; 20.232 + left: 0; 20.233 + z-index: 200; 20.234 + margin: 0 !important; 20.235 + padding: 0 !important; 20.236 + list-style: none !important; 20.237 + font-size: 12px; 20.238 + display: block; 20.239 + width: 100%; 20.240 +} 20.241 +* html div.Messages { 20.242 + position: absolute; 20.243 + width: 100%;/*IE5.5*/ 20.244 + top: 0; 20.245 + left: 0; 20.246 + overflow: visible; 20.247 + top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); 20.248 +} 20.249 +div.Messages ul { 20.250 + cursor: pointer; 20.251 + width: auto !important; 20.252 + border: 0 !important; 20.253 + margin: 0 auto !important; 20.254 + padding: 4px 8px !important; 20.255 + border-bottom-left-radius: 2px; 20.256 + border-bottom-right-radius: 2px; 20.257 + -moz-border-radius-bottomleft: 2px; 20.258 + -moz-border-radius-bottomright: 2px; 20.259 + -webkit-border-bottom-left-radius: 2px; 20.260 + -webkit-border-bottom-right-radius: 2px; 20.261 + background: #ff9 !important; 20.262 + display:-moz-inline-stack; 20.263 + display:inline-block; 20.264 + zoom:1; 20.265 + *display:inline; 20.266 + box-shadow: 0px 0px 2px #333; 20.267 + -moz-box-shadow: 0px 0px 2px #333; 20.268 + -webkit-box-shadow: 0px 0px 2px #333; 20.269 +} 20.270 +div.Messages ul li { 20.271 + text-align: left !important; 20.272 + border: 0 !important; 20.273 + color: #000 !important; 20.274 + padding: 0 !important; 20.275 + margin: 0 !important; 20.276 + list-style-position: outside; 20.277 +} 20.278 +div.Errors ul { 20.279 + background: #d50a0a !important; 20.280 +} 20.281 +div.Errors ul li { 20.282 + color: #fff !important; 20.283 + background: #d50a0a !important; 20.284 +} 20.285 +.Conversations .Deleted { 20.286 + text-decoration: line-through; 20.287 +} 20.288 +div.Deleted { 20.289 + background: #f5f5f5; 20.290 + border: 1px solid #dddddd; 20.291 + margin: 10px 0 0; 20.292 + padding: 6px 10px; 20.293 + border-radius: 3px; 20.294 + -moz-border-radius: 3px; 20.295 + -webkit-border-radius: 3px; 20.296 +} 20.297 +/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message 20.298 + strings & imply importance. */ 20.299 +.Warning { 20.300 + background: #ffc; 20.301 + border: 1px solid #ff9; 20.302 + color: #000; 20.303 + padding: 6px 8px; 20.304 + border-radius: 3px; 20.305 + -moz-border-radius: 3px; 20.306 + -webkit-border-radius: 3px; 20.307 +} 20.308 +.Alert { 20.309 + background: #d00; 20.310 + border: 1px solid #b00; 20.311 + color: #fff; 20.312 + padding: 3px 6px; 20.313 + border-radius: 3px; 20.314 + -moz-border-radius: 3px; 20.315 + -webkit-border-radius: 3px; 20.316 +} 20.317 +.Alert a { 20.318 + color: #fff; 20.319 +} 20.320 +.Alert a:hover { 20.321 + text-decoration: underline; 20.322 +} 20.323 +div.Info { 20.324 + font-size: 13px; 20.325 + background: #fafafa; 20.326 + border: 1px solid #eee; 20.327 + color: #888; 20.328 + -moz-border-radius: 4px; 20.329 + -webkit-border-radius: 4px; 20.330 + border-radius: 4px; 20.331 + padding: 6px; 20.332 + margin: 0 0 10px; 20.333 +} 20.334 +div.Info strong { 20.335 + font-weight: bold; 20.336 +} 20.337 +/* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages 20.338 + that it renders in a div with this DismissMessage class. */ 20.339 +div.DismissMessage { 20.340 + margin: 6px 0 10px; 20.341 + text-align: left; 20.342 + position: relative; 20.343 +} 20.344 +div.DismissMessage p { 20.345 + margin: 2px 0; 20.346 +} 20.347 +div.DismissMessage a.Dismiss { 20.348 + font-family: arial; 20.349 + position: absolute; 20.350 + font-size: 22px; 20.351 + font-weight: bold; 20.352 + line-height: 1; 20.353 + color: #999; 20.354 + top: 3px; 20.355 + right: 5px; 20.356 +} 20.357 +div.DismissMessage a.Dismiss:hover { 20.358 + color: #ff0084; 20.359 +} 20.360 +#PagerLess { 20.361 + -moz-border-radius-topright: 2px; 20.362 + -moz-border-radius-topleft: 2px; 20.363 + -webkit-border-top-right-radius: 2px; 20.364 + -webkit-border-top-left-radius: 2px; 20.365 + border-radius-topright: 2px; 20.366 + border-radius-topleft: 2px; 20.367 + margin-bottom: 1px; 20.368 + text-align: left; 20.369 +} 20.370 +div.MorePager a.Loading { 20.371 + border: 0 !important; 20.372 + padding: 0 20px !important; 20.373 + background: url('images/progress.gif') center center no-repeat !important; 20.374 +} 20.375 +#PagerMore { 20.376 + margin-bottom: 1px; 20.377 +} 20.378 +.NumberedPager { 20.379 + margin: 1px 0 0; 20.380 + text-align: right; 20.381 + font-weight: bold; 20.382 + font-size: 16px; 20.383 +} 20.384 +#PagerBefore { 20.385 + margin: 1px 0; 20.386 +} 20.387 +.NumberedPager a, 20.388 +.NumberedPager span { 20.389 + padding: 0 4px; 20.390 +} 20.391 +.NumberedPager span, 20.392 +.NumberedPager a.Highlight { 20.393 + color: #777; 20.394 +} 20.395 +.NumberedPager a.Next, 20.396 +.NumberedPager span.Next, 20.397 +.NumberedPager a.Previous, 20.398 +.NumberedPager span.Previous { 20.399 + font-size: 16px; 20.400 + line-height: 10px; 20.401 +} 20.402 +.NumberedPager a.Next, 20.403 +.NumberedPager span.Next { 20.404 + margin-left: 6px; 20.405 +} 20.406 +.NumberedPager a.Previous, 20.407 +.NumberedPager span.Previous { 20.408 + margin-right: 6px; 20.409 +} 20.410 + 20.411 + 20.412 +/* =================================================================== Header */ 20.413 +#Head { 20.414 + background: #38abe3; 20.415 + padding: 0; 20.416 +} 20.417 +div.Search:after, 20.418 +div#Search:after { 20.419 + content: "."; 20.420 + display: block; 20.421 + height: 0; 20.422 + clear: both; 20.423 + visibility: hidden; 20.424 +} 20.425 +body #Head h1 { 20.426 + display: inline-block; 20.427 + font-weight: bold; 20.428 + margin: 0; 20.429 + padding: 21px 10px 4px 0; 20.430 + border: 0; 20.431 +} 20.432 +#Head h1 a span { 20.433 + font-size: 24px; 20.434 + color:#E4F7FE; 20.435 + text-shadow:0 1px 0 #2595ba; 20.436 +} 20.437 +#Head h1 a:hover span { 20.438 + color:#f3fcff; 20.439 +} 20.440 +#Head form { 20.441 + float: right; 20.442 + width: 250px; 20.443 + background: #fff; 20.444 + padding: 0; 20.445 + margin: 15px 0 0; 20.446 + -moz-border-radius: 2px; 20.447 + -webkit-border-radius: 2px; 20.448 + border-radius: 2px; 20.449 +} 20.450 +#Head form input.InputBox { 20.451 + width: 204px; 20.452 + border: 0; 20.453 + padding: 4px 2px 4px 0; 20.454 + background: #fff; 20.455 + margin: 0; 20.456 + -moz-border-radius-topleft: 2px; 20.457 + -moz-border-radius-bottomleft: 2px; 20.458 + -webkit-border-top-left-radius: 2px; 20.459 + -webkit-border-bottom-left-radius: 2px; 20.460 + border-top-left-radius: 2px; 20.461 + border-bottom-left-radius: 2px; 20.462 + color: #969696; 20.463 + font-size: 13px; 20.464 +} 20.465 +#Head form input.Button { 20.466 + border: 0; 20.467 + width: 38px; 20.468 + height: 26px; 20.469 + background: #cfecff; 20.470 + color: #1e79a7; 20.471 + padding: 3px 0 4px; 20.472 + margin: 0; 20.473 + -moz-border-radius: 0; 20.474 + -webkit-border-radius: 0; 20.475 + border-radius: 0; 20.476 + -moz-border-radius-topright: 2px; 20.477 + -moz-border-radius-bottomright: 2px; 20.478 + -webkit-border-top-right-radius: 2px; 20.479 + -webkit-border-bottom-right-radius: 2px; 20.480 + border-top-right-radius: 2px; 20.481 + border-bottom-right-radius: 2px; 20.482 + box-shadow: none; 20.483 + -moz-box-shadow: none; 20.484 + -webkit-box-shadow: none; 20.485 +} 20.486 +#Menu ul { 20.487 + display: none; 20.488 +} 20.489 +#Menu li { 20.490 + line-height: 27px; 20.491 + float: left; 20.492 + position: relative; 20.493 + display: block; 20.494 + list-style: none; 20.495 + padding: 0; 20.496 + margin: 0 4px 0 0; 20.497 + font-weight: bold; 20.498 + text-align: left; 20.499 +} 20.500 +* html #Menu li { 20.501 + display: inline; 20.502 +} 20.503 +#Menu a { 20.504 + border: 0; 20.505 + text-decoration: none; 20.506 + position: relative; 20.507 + display: block; 20.508 + padding: 0 7px; 20.509 + white-space: nowrap; 20.510 + font-size: 11px; 20.511 + height: 28px; 20.512 +} 20.513 +* html #Menu a { 20.514 + display: inline; 20.515 + padding: 6px 10px; 20.516 +} 20.517 +#Menu li.NonTab, 20.518 +#Menu li.NonTab a { 20.519 + background: transparent; 20.520 + border: 0; 20.521 + font-weight: normal; 20.522 +} 20.523 +#Menu a span, 20.524 +#Menu li.Active a span, 20.525 +#Menu li.Highlight a:hover span { 20.526 + -moz-border-radius: 2px; 20.527 + -webkit-border-radius: 2px; 20.528 + border-radius: 2px; 20.529 + padding: 0 2px; 20.530 + font-size: 9px; 20.531 + line-height: 12px; 20.532 + font-weight: normal; 20.533 +} 20.534 + 20.535 +/* Option (dropdown) Menus 20.536 + 20.537 +Menu takes a z-index of 100 20.538 +Option menu takes a z-index of 300 20.539 + 20.540 +*/ 20.541 +ul.Options, 20.542 +ul.Options ul { 20.543 + margin: 0; 20.544 + padding: 0; 20.545 + display: none; 20.546 +} 20.547 +ul.Options { 20.548 + z-index: 298; 20.549 +} 20.550 +ul.Options ul { 20.551 + z-index: 300; 20.552 + position: absolute; 20.553 +} 20.554 +ul.Options li { 20.555 + float: right; 20.556 + position: relative; 20.557 + display: block; 20.558 + list-style: none outside none; 20.559 + padding: 0; 20.560 + font-size: 11px; 20.561 + line-height: 22px; 20.562 +} 20.563 +ul.Options h3 { 20.564 + display: block; 20.565 + cursor: pointer; 20.566 + margin: 0; 20.567 + padding: 0; 20.568 +} 20.569 +ul.Options li ul li { 20.570 + float: none; 20.571 + text-align: left; 20.572 + margin: 0; 20.573 + font-weight: normal; 20.574 +} 20.575 +ul.Options li ul li a { 20.576 + width: 104px; 20.577 + padding: 0 6px; 20.578 + height: auto; 20.579 +} 20.580 +ul.Options a { 20.581 + text-decoration: none; 20.582 + display: block; 20.583 + position: relative; 20.584 + white-space: nowrap; 20.585 + font-size: 11px; 20.586 +} 20.587 +ul.Options ul li { 20.588 + display: block; 20.589 + float: none; 20.590 +} 20.591 +ul.Options li.Parent strong { 20.592 + display: block; 20.593 + padding: 4px; 20.594 + margin: 3px 4px 0 0; 20.595 + font-size: 10px; 20.596 + font-weight: normal; 20.597 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 20.598 + border: 1px solid #bbb; 20.599 + -moz-border-radius: 2px; 20.600 + -webkit-border-radius: 2px; 20.601 + border-radius: 2px; 20.602 + color: #555; 20.603 + cursor: pointer; 20.604 + line-height: 100%; 20.605 +} 20.606 +ul.Options li.Parent strong:focus, 20.607 +ul.Options li.Parent strong:hover { 20.608 + color: #333; 20.609 + border: 1px solid #888; 20.610 +} 20.611 +ul.Options li.Parent strong:focus { 20.612 + background: #eee; 20.613 +} 20.614 +ul.Options li.Active strong:hover, 20.615 +ul.Options li.Active strong { 20.616 + color: #fff; 20.617 + background: #9c9c9c !important; 20.618 + border: 1px solid #9c9c9c; 20.619 + -moz-border-radius-bottomleft: 0; 20.620 + -moz-border-radius-bottomright: 0; 20.621 + -webkit-border-bottom-left-radius: 0; 20.622 + -webkit-border-bottom-right-radius: 0; 20.623 + border-bottom-left-radius: 0; 20.624 + border-bottom-right-radius: 0; 20.625 +} 20.626 +ul.Options li.Active { 20.627 + background: none; 20.628 +} 20.629 +ul.Options li.Active ul { 20.630 + border: 1px solid #9c9c9c; 20.631 + background: #fafafa; 20.632 + -moz-border-radius-bottomleft: 2px; 20.633 + -moz-border-radius-bottomright: 2px; 20.634 + -webkit-border-bottom-left-radius: 2px; 20.635 + -webkit-border-bottom-right-radius: 2px; 20.636 + border-bottom-left-radius: 2px; 20.637 + border-bottom-right-radius: 2px; 20.638 +} 20.639 +ul.Options li.Active ul li a { 20.640 + background: none; 20.641 +} 20.642 +ul.Options li.Active a { 20.643 + background: #efefef; 20.644 + color: #595959; 20.645 +} 20.646 +ul.Options li.Active a:hover { 20.647 + background: #8d8d8d; 20.648 + color: #fff; 20.649 +} 20.650 +ul.Options li.Parent strong:hover, 20.651 +ul.Options li.Active strong:hover, 20.652 +ul.Options li.Active strong, 20.653 +ul.Options li.Active ul { 20.654 + box-shadow: 0px 0px 2px #999; 20.655 + -moz-box-shadow: 0 0 2px #999; 20.656 + -webkit-box-shadow: 0px 0px 2px #999; 20.657 +} 20.658 +.Center { 20.659 + text-align: center; 20.660 +} 20.661 + 20.662 + 20.663 +/* ================================================================ Main Menu */ 20.664 +div.Menu { 20.665 + width: 960px; 20.666 + margin: 0 auto; 20.667 + position: relative; 20.668 + text-align: left; 20.669 + vertical-align: bottom; 20.670 +} 20.671 +ul#Menu { 20.672 + display: inline-block; 20.673 + margin-right: 280px; 20.674 + vertical-align: bottom; 20.675 +} 20.676 +#Menu ul, 20.677 +#Menu li.Active { 20.678 + background: #38abe3; 20.679 +} 20.680 +#Menu a, 20.681 +#Menu li.Active a { 20.682 + color: #fff; 20.683 +} 20.684 +#Menu a:hover { 20.685 + background: #2595cb; 20.686 +} 20.687 +#Menu a:hover, 20.688 +#Menu li.NonTab a:hover { 20.689 + color: #fff !important; 20.690 +} 20.691 +/* Numbers next to menu items */ 20.692 +#Menu a span, 20.693 +#Menu li.Active a span, 20.694 +#Menu li.Highlight a:hover span { 20.695 + background: #f2fcff; 20.696 + color: #299fc7; 20.697 +} 20.698 + 20.699 +#Head .Search, #Head #Search { 20.700 + position: absolute; 20.701 + right: 0; 20.702 + bottom: 6px; 20.703 + text-align: right; 20.704 +} 20.705 + 20.706 +/* ======================================================== Panels / Sidebars */ 20.707 +#Panel { 20.708 + width: 250px; 20.709 + float: right; 20.710 +} 20.711 +div.Box { 20.712 + border-radius: 1px; 20.713 + -moz-border-radius: 1px; 20.714 + -webkit-border-radius: 1px; 20.715 + background: #cfecff; 20.716 + color: #888; 20.717 + padding: 6px 10px; 20.718 + margin: 0 0 10px; 20.719 + box-shadow: 0px 0px 2px #999; 20.720 + -moz-box-shadow: 0px 0px 2px #999; 20.721 + -webkit-box-shadow: 0px 0px 2px #999; 20.722 +} 20.723 +div.Box h4 { 20.724 + font-size: 110%; 20.725 + color: #1e79a7; 20.726 + font-weight: bold; 20.727 + margin: 0; 20.728 + padding: 0 0 1px; 20.729 +} 20.730 +div.Box dl { 20.731 + overflow: hidden; 20.732 +} 20.733 +div.Box dl dt { 20.734 + font-size: 12px; 20.735 + float: left; 20.736 + width: 80px; 20.737 + color: #555; 20.738 +} 20.739 +div.Box dl dd { 20.740 + font-size: 12px; 20.741 + margin-left: 80px; 20.742 +} 20.743 +div.Box p { 20.744 + font-size: 100%; 20.745 + padding: 0 0 4px; 20.746 + color: #555; 20.747 +} 20.748 +ul.PanelActivity { 20.749 + border-top: 1px solid #abdafb; 20.750 + border-bottom: 0; 20.751 +} 20.752 +ul.PanelActivity li { 20.753 + background: #e3f4ff; 20.754 + border-bottom: 1px solid #abdafb; 20.755 + padding: 2px 4px; 20.756 + color: #555; 20.757 + font-size: 11px; 20.758 + line-height: 1.6; 20.759 +} 20.760 +ul.PanelActivity li a { 20.761 + font-size: 13px; 20.762 +} 20.763 +ul.PanelActivity li a.Name { 20.764 + margin-right: 2px; 20.765 +} 20.766 +ul.PanelActivity span { 20.767 + padding: 0 4px; 20.768 +} 20.769 +ul.PanelActivity p { 20.770 + padding: 0 4px; 20.771 + display: inline; 20.772 + font-size: 90%; 20.773 +} 20.774 +ul.PanelActivity li em { 20.775 + padding-left: 5px; 20.776 + color: #777; 20.777 + font-size: 80%; 20.778 +} 20.779 +ul.PanelActivity li div.Story { 20.780 + font-size: 85%; 20.781 +} 20.782 +ul.PanelInfo li { 20.783 + background: #e3f4ff; 20.784 + border-bottom: 1px solid #abdafb; 20.785 + padding: 2px 4px; 20.786 + text-align: right; 20.787 +} 20.788 +ul.PanelInfo li.Heading { 20.789 + text-align: left; 20.790 + color: #000; 20.791 + font-weight: bold; 20.792 +} 20.793 +ul.PanelInfo { 20.794 + border-top: 1px solid #abdafb; 20.795 + border-bottom: 0; 20.796 +} 20.797 +ul.PanelInfo li strong { 20.798 + font-weight: normal; 20.799 + text-align: left; 20.800 + font-weight: normal; 20.801 +} 20.802 +ul.PanelInfo li a { 20.803 + float: left; 20.804 +} 20.805 +ul.PanelInfo div.Meta { 20.806 + font-size: 11px; 20.807 +} 20.808 +ul.PanelInfo div.Meta span, 20.809 +ul.PanelInfo div.Meta strong { 20.810 + margin-right: 8px; 20.811 +} 20.812 +ul.PanelInfo div.Meta span a { 20.813 + margin-left: 8px; 20.814 +} 20.815 +ul.PanelInfo div.Meta strong { 20.816 + display: inline; 20.817 + border-radius: 2px; 20.818 + -moz-border-radius: 2px; 20.819 + -webkit-border-radius: 2px; 20.820 + /* 20.821 + box-shadow: 0px 0px 2px #777; 20.822 + -moz-box-shadow: 0px 0px 2px #777; 20.823 + -webkit-box-shadow: 0px 0px 2px #777; 20.824 + */ 20.825 + background: #FF0; 20.826 + color:#000; 20.827 + font-size:9px; 20.828 + font-weight:bold; 20.829 + padding: 3px; 20.830 + line-height: 1; 20.831 +} 20.832 +ul.PanelInfo li.Parent { 20.833 + text-align: left; 20.834 + font-weight: bold; 20.835 + background: none; 20.836 + color: #333; 20.837 + padding: 2px 0; 20.838 +} 20.839 +ul.PanelInfo li.Active { 20.840 + background: #fff; 20.841 + border-bottom: 1px solid #a3e6ff; 20.842 +} 20.843 +ul.PanelInfo li.Active a { 20.844 + color: #1e79a7; 20.845 +} 20.846 +ul.PanelActivity li.ShowAll, 20.847 +ul.PanelInfo li.ShowAll { 20.848 + font-weight: bold; 20.849 + border: 0; 20.850 + text-align: right; 20.851 + background: none; 20.852 +} 20.853 +#UserOptions { 20.854 + margin-bottom: 10px; 20.855 +} 20.856 +body.Profile ul.PanelInfo { 20.857 + border-bottom: 1px solid #abdafb; 20.858 +} 20.859 +body.Profile ul.PanelInfo li { 20.860 + border-bottom: 0; 20.861 + text-align: left; 20.862 +} 20.863 +body.Profile ul.PanelInfo li a { 20.864 + float: none; 20.865 +} 20.866 +a.BigButton { 20.867 + text-align: center; 20.868 + display: block; 20.869 + cursor: pointer; 20.870 + margin: 0 0 10px; 20.871 + font-size: 15px; 20.872 + font-weight: bold; 20.873 + padding: 8px 0; 20.874 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 20.875 + color: #02475A; 20.876 + text-shadow: 0 1px 0 #fff; 20.877 + border: 1px solid #999; 20.878 + border-radius: 3px; 20.879 + -moz-border-radius: 3px; 20.880 + -webkit-border-radius: 3px; 20.881 + box-shadow: 0px 0px 2px #999; 20.882 + -moz-box-shadow: 0px 0px 2px #999; 20.883 + -webkit-box-shadow: 0px 0px 2px #999; 20.884 + } 20.885 +a.BigButton:hover { 20.886 + color: #111; 20.887 + border: 1px solid #666; 20.888 + box-shadow: 0px 0px 5px #aaa; 20.889 + -moz-box-shadow: 0px 0px 5px #aaa; 20.890 + -webkit-box-shadow: 0px 0px 5px #aaa; 20.891 +} 20.892 +a.BigButton:focus { 20.893 + background: #eee; 20.894 + box-shadow: 0px 0px 2px #999; 20.895 + -moz-box-shadow: 0px 0px 2px #999; 20.896 + -webkit-box-shadow: 0px 0px 2px #999; 20.897 +} 20.898 +/* Category Depths */ 20.899 +ul.PanelCategories li.Depth2 { padding-left: 8px; } 20.900 +ul.PanelCategories li.Depth3 { padding-left: 12px; } 20.901 +ul.PanelCategories li.Depth4 { padding-left: 16px; } 20.902 +ul.PanelCategories li.Depth5 { padding-left: 20px; } 20.903 +ul.PanelCategories li.Depth6 { padding-left: 24px; } 20.904 +ul.PanelCategories li.Depth7 { padding-left: 28px; } 20.905 +ul.PanelCategories li.Depth8 { padding-left: 32px; } 20.906 +ul.PanelCategories li.Depth9 { padding-left: 36px; } 20.907 +ul.PanelCategories li.Depth10 { padding-left: 40px; } 20.908 +ul.PanelCategories li.Depth11 { padding-left: 44px; } 20.909 +ul.PanelCategories li.Depth12 { padding-left: 48px; } 20.910 +ul.CategoryList li.Depth2 { padding-left: 25px !important; } 20.911 +ul.CategoryList li.Depth3 { padding-left: 50px !important; } 20.912 +ul.CategoryList li.Depth4 { padding-left: 75px !important; } 20.913 +ul.CategoryList li.Depth5 { padding-left: 100px !important; } 20.914 +ul.CategoryList li.Depth6 { padding-left: 125px !important; } 20.915 +ul.CategoryList li.Depth7 { padding-left: 150px !important; } 20.916 +ul.CategoryList li.Depth8 { padding-left: 175px !important; } 20.917 +ul.CategoryList li.Depth9 { padding-left: 200px !important; } 20.918 +ul.CategoryList li.Depth10 { padding-left: 225px !important; } 20.919 +ul.CategoryList li.Depth11 { padding-left: 250px !important; } 20.920 +ul.CategoryList li.Depth12 { padding-left: 275px !important; } 20.921 +ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; } 20.922 +ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; } 20.923 +ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; } 20.924 +ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; } 20.925 +ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; } 20.926 +ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; } 20.927 +ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; } 20.928 +ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; } 20.929 +ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; } 20.930 +ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; } 20.931 +ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; } 20.932 + 20.933 +div.Box.RecentUsers { 20.934 + float: left; 20.935 +} 20.936 +div.Icons a { 20.937 + display: block; 20.938 + margin: 0 2px 2px 0; 20.939 + float: left; 20.940 +} 20.941 +div.Icons img { 20.942 + display: block; 20.943 + height: 44px; 20.944 + width: 44px; 20.945 + overflow: hidden; 20.946 + background: #c4cde0; 20.947 + color: #c4cde0; 20.948 + text-indent: 50px; 20.949 +} 20.950 + 20.951 +/* ================================================ DataList (Search Results) */ 20.952 +/* Note: DataList is used in search results, vanilla discussions & drafts */ 20.953 +div.Empty { 20.954 + margin: 10px 0; 20.955 +} 20.956 +ul.DataList li.Item { 20.957 + margin: 0; 20.958 + padding: 4px 0; 20.959 + border-bottom: 1px solid #bec8cc; 20.960 +} 20.961 +ul.DataList li.Item li.Item { 20.962 + border-bottom: none; 20.963 +} 20.964 +ul.DataList li { 20.965 + border: 0; 20.966 + padding: 0; 20.967 + position: relative; 20.968 +} 20.969 +ul.DataList div.Options { 20.970 + position: absolute; 20.971 + right: 0; 20.972 + width:100px; 20.973 +} 20.974 +ul.DataList div.OptionButton { 20.975 + position: absolute; 20.976 + top: 0; 20.977 + right: 0; 20.978 +} 20.979 +ul.DataList a.Title { 20.980 + display: block; 20.981 + margin: 0; 20.982 + font-size: 14px; 20.983 + font-weight: bold; 20.984 +} 20.985 +ul.DataList div.Title { 20.986 + display: block; 20.987 + margin: 0; 20.988 +} 20.989 +ul.DataList div.Title a { 20.990 + font-size: 120%; 20.991 + font-weight: bold; 20.992 +} 20.993 +ul.DataList div.Meta { 20.994 + font-size: 11px; 20.995 + color: #70727c; 20.996 +} 20.997 +ul.DataList div.Excerpt { 20.998 + font-size: 12px; 20.999 + line-height: 1.4; 20.1000 +} 20.1001 +ul.DataList div.Excerpt a { 20.1002 + color: #333; 20.1003 + display: block; 20.1004 +} 20.1005 +ul.DataList div.Excerpt p { 20.1006 + display: inline; 20.1007 + padding: 0; 20.1008 +} 20.1009 +/* ul.DataList div.Meta span a, */ 20.1010 +ul.DataList div.Meta span, 20.1011 +ul.DataList div.Meta strong { 20.1012 + margin-right: 12px; 20.1013 +} 20.1014 +ul.DataList div.Meta strong { 20.1015 + border-radius: 2px; 20.1016 + -moz-border-radius: 2px; 20.1017 + -webkit-border-radius: 2px; 20.1018 + /* 20.1019 + box-shadow: 0px 0px 2px #777; 20.1020 + -moz-box-shadow: 0px 0px 2px #777; 20.1021 + -webkit-box-shadow: 0px 0px 2px #777; 20.1022 + */ 20.1023 + background: #FF0; 20.1024 + color:#000; 20.1025 + font-size:9px; 20.1026 + font-weight:bold; 20.1027 + padding: 3px; 20.1028 + line-height: 1; 20.1029 +} 20.1030 +ul.DataList div.Meta a { 20.1031 + color: #2b2d33; 20.1032 +} 20.1033 +ul.DataList a.Delete { 20.1034 + width: auto; 20.1035 + padding: 0 5px; 20.1036 + margin: 0 1px 0 0; 20.1037 + font-size: 11px; 20.1038 + font-weight: normal; 20.1039 + border-radius: 2px; 20.1040 + -moz-border-radius: 2px; 20.1041 + -webkit-border-radius: 2px; 20.1042 + color: #555; 20.1043 + cursor: pointer; 20.1044 + line-height: 1; 20.1045 +} 20.1046 +ul.DataList a.Delete:hover { 20.1047 + padding: 4px; 20.1048 + color: #333; 20.1049 + border: 1px solid #888; 20.1050 + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; 20.1051 +} 20.1052 +ul.DataList a.Delete:focus { 20.1053 + background: #f8f8f8; 20.1054 +} 20.1055 +/* Condensed datalists make the main link & excerpt inline. */ 20.1056 +ul.DataList div.Photo { 20.1057 + float: left; 20.1058 + padding: 0 10px 0 0; 20.1059 + font-size: 11px; 20.1060 +} 20.1061 +ul.DataList div.Photo img { 20.1062 + display: block; 20.1063 + height: 43px; 20.1064 + width: 43px; 20.1065 + overflow: hidden; 20.1066 + background: #eee; 20.1067 +} 20.1068 +ul.Condensed li, 20.1069 +li.Condensed { 20.1070 + clear: left; 20.1071 +} 20.1072 +ul.Condensed a.Title, 20.1073 +li.Condensed a.Title, 20.1074 +ul.Condensed div.Title, 20.1075 +li.Condensed div.Title { 20.1076 + display: inline; 20.1077 + padding: 0; 20.1078 +} 20.1079 +ul.Condensed div.Excerpt, 20.1080 +li.Condensed div.Excerpt { 20.1081 + display: inline; 20.1082 +} 20.1083 +ul.Condensed div.Excerpt a, 20.1084 +li.Condensed div.Excerpt a { 20.1085 + display: block; 20.1086 + padding: 3px 0; 20.1087 +} 20.1088 + 20.1089 +/* =============================================================== Activities */ 20.1090 + 20.1091 +body.Activity h1 { 20.1092 + margin: 0; 20.1093 +} 20.1094 +body.Profile ul.Activities { 20.1095 + margin-top: 10px; 20.1096 + border-top: 1px solid #ddd; 20.1097 +} 20.1098 +ul.Activities li.HasPhoto div.Title { 20.1099 + padding: 0; 20.1100 +} 20.1101 +ul.Activities a.Title, 20.1102 +ul.Activities div.Title, 20.1103 +ul.Activities div.Title a { 20.1104 + font-size: 14px; 20.1105 +} 20.1106 +ul.Activities div.Excerpt { 20.1107 + color: #80828C; 20.1108 +} 20.1109 +ul.Activities li.Condensed div.Excerpt { 20.1110 + color: #000; 20.1111 + font-size: 13px; 20.1112 + padding: 0 0 0 4px; 20.1113 +} 20.1114 +ul.Activities div.Excerpt a, 20.1115 +ul.Activities div.Meta a { 20.1116 + color: #1e79a7; 20.1117 +} 20.1118 +ul.Activities div.Excerpt a:hover, 20.1119 +ul.Activities div.Meta a:hover { 20.1120 + color: #ff0084; 20.1121 +} 20.1122 +ul.Activities div.Excerpt img { 20.1123 + padding: 2px; 20.1124 + border: 1px solid #999; 20.1125 +} 20.1126 +ul.Activities ul.DataList { 20.1127 + margin-left: 50px; 20.1128 + width: 400px; 20.1129 +} 20.1130 +ul.Activities div.ItemContent { 20.1131 + width: 631px; 20.1132 +} 20.1133 +ul.Activities li.HasPhoto div.ItemContent { 20.1134 + margin-left: 53px; 20.1135 + width: 578px; 20.1136 +} 20.1137 +ul.Activities li.Item li.HasPhoto div.ItemContent { 20.1138 + width: auto; 20.1139 + margin-left: 42px; 20.1140 +} 20.1141 +ul.Activities ul.DataList li { 20.1142 + background: #D7E7FF; 20.1143 + margin-bottom: 2px; 20.1144 + padding: 6px; 20.1145 +} 20.1146 +ul.Activities ul.DataList a.Title, 20.1147 +ul.Activities ul.DataList div.Title, 20.1148 +ul.Activities ul.DataList div.Title a, 20.1149 +ul.Activities ul.DataList div.Excerpt p { 20.1150 + font-size: 13px; 20.1151 + line-height: 1; 20.1152 +} 20.1153 +ul.HasPhoto div.Excerpt, 20.1154 +ul.HasPhoto div.Meta { 20.1155 + padding-left: 49px !important; 20.1156 + display: block; 20.1157 +} 20.1158 +ul.Activities ul.DataList .HasPhoto div.Meta { 20.1159 + padding: 2px 0 0; 20.1160 + line-height: 1; 20.1161 +} 20.1162 +ul.Activities ul.DataList div.Photo img { 20.1163 + height: 32px; 20.1164 + width: 32px; 20.1165 +} 20.1166 +ul.Activities a.CommentLink, 20.1167 +ul.Activities a.CommentLink:hover { 20.1168 + font-size: 12px; 20.1169 + cursor: text; 20.1170 + background: #fff; 20.1171 + color: #bbb !important; 20.1172 + padding: 5px; 20.1173 + text-decoration: none; 20.1174 + border: 1px solid #aaa; 20.1175 + display: block; 20.1176 + line-height: 100%; 20.1177 + font-weight: normal; 20.1178 +} 20.1179 +ul.Activities li.CommentForm form div { 20.1180 + text-align: right; 20.1181 +} 20.1182 +ul.Activities li.CommentForm textarea.TextBox { 20.1183 + width: 380px; 20.1184 + min-height: 40px; 20.1185 + height: 40px; 20.1186 + margin-bottom: 2px; 20.1187 + font-size: 12px; 20.1188 +} 20.1189 +ul.Activities li.CommentForm input.Button { 20.1190 + font-size: 12px; 20.1191 + box-shadow: 0 0 1px #999; 20.1192 + -moz-box-shadow: 0 0 1px #999; 20.1193 + -webkit-box-shadow: 0 0 1px #999; 20.1194 +} 20.1195 + 20.1196 + 20.1197 +/* ============================================================== MessageList */ 20.1198 +/* used for lists of message-based content (discussion comments, private 20.1199 +conversation messages, etc). */ 20.1200 + 20.1201 +ul.MessageList, 20.1202 +ul.MessageList li { 20.1203 + list-style: none; 20.1204 + margin: 0; 20.1205 + padding: 0; 20.1206 +} 20.1207 +ul.MessageList li.Item { 20.1208 + border-bottom: 1px solid #ddd; 20.1209 + padding: 10px 4px 4px 10px; 20.1210 +} 20.1211 +ul.MessageList div.Meta { 20.1212 + font-size: 11px; 20.1213 + color: #777; 20.1214 + min-height: 40px; 20.1215 +} 20.1216 +ul.MessageList div.Meta span.Author img { 20.1217 + height: 40px; 20.1218 + width: 40px; 20.1219 + border: 0; 20.1220 + margin: 0 10px 0 0; 20.1221 + float: left; 20.1222 + overflow: hidden; 20.1223 + background: #eee; 20.1224 +} 20.1225 +ul.MessageList div.Meta span { 20.1226 + line-height: 2.5; 20.1227 + padding-left: 10px; 20.1228 +} 20.1229 +ul.MessageList div.Meta span.Author { 20.1230 + padding: 0; 20.1231 +} 20.1232 +ul.MessageList div.Meta span.Author a { 20.1233 + font-size: 15px; 20.1234 + font-weight: bold; 20.1235 +} 20.1236 + 20.1237 +ul.MessageList div.Comment div.Meta span { 20.1238 + line-height: inherit; 20.1239 +} 20.1240 + 20.1241 +ul.MessageList div.Comment div.Meta div.CommentInfo { 20.1242 + line-height: normal; 20.1243 +} 20.1244 + 20.1245 +ul.MessageList div.Comment div.Meta div.CommentInfo span { 20.1246 + padding-left: 0px; 20.1247 + padding-right: 10px; 20.1248 +} 20.1249 + 20.1250 +div.Preview { 20.1251 + text-align: left; 20.1252 + background: #E3F4FF; 20.1253 + padding: 1px 8px; 20.1254 + margin: 4px 0 8px; 20.1255 +} 20.1256 +div.Popup div.Preview { 20.1257 + padding: 8px; 20.1258 + margin: 0; 20.1259 +} 20.1260 +body.Post div.Popup a.Close { 20.1261 + color: #1e79a7; 20.1262 +} 20.1263 +div.Preview div.Message, 20.1264 +ul.MessageList div.Message { 20.1265 + clear: both; 20.1266 + line-height: 140%; 20.1267 + font-size: 100%; 20.1268 + word-wrap: break-word; 20.1269 +} 20.1270 +div.Preview div.Message, 20.1271 +div.Preview div.Message p, 20.1272 +ul.MessageList div.Message, 20.1273 +ul.MessageList div.Message p { 20.1274 + margin: 8px 0; 20.1275 +} 20.1276 +div.Preview div.Message blockquote, 20.1277 +ul.MessageList div.Message blockquote { 20.1278 + padding: 4px 16px; 20.1279 + margin: 4px 0; 20.1280 +} 20.1281 + 20.1282 +code, pre { 20.1283 + border-radius: 2px; 20.1284 + -moz-border-radius: 2px; 20.1285 + -webkit-border-radius: 2px; 20.1286 + background: #ff9; 20.1287 + padding: 4px 8px; 20.1288 + white-space: pre; 20.1289 + font-family: monospace; 20.1290 + overflow: auto; 20.1291 + border: 1px solid #eec; 20.1292 +} 20.1293 +pre { 20.1294 + display: block; 20.1295 +} 20.1296 +div.Preview div.Message strong, 20.1297 +ul.MessageList div.Message strong { 20.1298 + font-weight: bold; 20.1299 +} 20.1300 +div.Preview div.Message em, 20.1301 +ul.MessageList div.Message em { 20.1302 + font-style: oblique; 20.1303 +} 20.1304 +div.Preview div.Message ul, 20.1305 +div.Preview div.Message ol, 20.1306 +ul.MessageList div.Message ul, 20.1307 +ul.MessageList div.Message ol { 20.1308 + margin-left: 3em ! important; 20.1309 +} 20.1310 +div.Preview div.Message ol li, 20.1311 +ul.MessageList div.Message ol li { 20.1312 + list-style: decimal ! important; 20.1313 +} 20.1314 +div.Preview div.Message ul li, 20.1315 +ul.MessageList div.Message ul li { 20.1316 + list-style: disc ! important; 20.1317 +} 20.1318 +div.Message h1, 20.1319 +div.Message h2, 20.1320 +div.Message h3, 20.1321 +div.Message h4, 20.1322 +div.Message h5 { 20.1323 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 20.1324 + font-weight: bold; 20.1325 + border: none; 20.1326 + color: #000; 20.1327 +} 20.1328 +div.Message h1 { font-size: 22px; } 20.1329 +div.Message h2 { font-size: 20px; } 20.1330 +div.Message h3 { font-size: 18px; } 20.1331 +div.Message h4 { font-size: 16px; } 20.1332 +div.Message h5 { font-size: 14px; } 20.1333 +div.Message div.ImageResized { 20.1334 + font-size: 11px; 20.1335 + font-weight: normal; 20.1336 + cursor: pointer; 20.1337 + margin-bottom: 10px; 20.1338 +} 20.1339 +/* The "Foot" is at the bottom of the #Content section. Used for more results 20.1340 +links, sign in buttons, etc */ 20.1341 +.Foot { 20.1342 + border-bottom: 1px solid #abdafb; 20.1343 + padding: 6px; 20.1344 + background: #cfecff; 20.1345 + text-align: right; 20.1346 + border-bottom-right-radius: 2px; 20.1347 + border-bottom-left-radius: 2px; 20.1348 + -moz-border-radius-bottomright: 2px; 20.1349 + -moz-border-radius-bottomleft: 2px; 20.1350 + -webkit-border-bottom-right-radius: 2px; 20.1351 + -webkit-border-bottom-left-radius: 2px; 20.1352 + } 20.1353 +.Foot a.TabLink { 20.1354 + margin-left: 10px; 20.1355 +} 20.1356 +.Foot .Note { 20.1357 + line-height: 2.6; 20.1358 + float: left; 20.1359 + padding: 0 0 0 8px; 20.1360 + font-weight: bold; 20.1361 +} 20.1362 + 20.1363 +/* =============================================================== Categories */ 20.1364 +ul.CategoryList li.Item { 20.1365 + margin: 0; 20.1366 + padding: 0; 20.1367 + border: 0 !important; 20.1368 +} 20.1369 +ul.CategoryList .ItemContent { 20.1370 + position: relative; 20.1371 + margin-top: -1px; 20.1372 + border: 1px solid #BEC8CC; 20.1373 + border-width: 1px 0; 20.1374 + padding: 4px 9px; 20.1375 +} 20.1376 +div.Meta span.ChildCategories { 20.1377 + border-top: 1px dotted #ddd; 20.1378 + display: block; 20.1379 +} 20.1380 +ul.DataList div.Meta span.RSS { 20.1381 + margin-right: 6px; 20.1382 +} 20.1383 +div.Meta span.RSS img { 20.1384 + vertical-align: text-bottom; 20.1385 +} 20.1386 +ul.CategoryList li.CategoryHeading { 20.1387 + font-weight: bold; 20.1388 + font-size: 14px; 20.1389 +} 20.1390 + 20.1391 +/* ============================================================= Profile Page */ 20.1392 +body.Profile #Content { 20.1393 + width: auto; 20.1394 + margin: 0 0 40px 20px; 20.1395 + width: 690px; 20.1396 + float: right; 20.1397 +} 20.1398 +body.Profile #Panel { 20.1399 + float: left; 20.1400 + width: 250px; 20.1401 +} 20.1402 +ul.SideMenu { 20.1403 + border-radius: 0; 20.1404 + -moz-border-radius: 0; 20.1405 + -webkit-border-radius: 0; 20.1406 + background: none; 20.1407 + padding: 0; 20.1408 + margin: 0 0 10px; 20.1409 +} 20.1410 +ul.SideMenu li ul { 20.1411 + margin: 0; 20.1412 + padding: 0; 20.1413 + border: 0; 20.1414 + background: none; 20.1415 +} 20.1416 +ul.SideMenu li ul li { 20.1417 + border-bottom: 1px solid #bec8cc; 20.1418 +} 20.1419 +ul.SideMenu li ul li a { 20.1420 + padding: 0 8px; 20.1421 + display: block; 20.1422 +} 20.1423 +ul.SideMenu li ul li a:hover { 20.1424 + text-decoration: none; 20.1425 + background: #cfecff; 20.1426 +} 20.1427 +div.User { 20.1428 + line-height: 150%; 20.1429 +} 20.1430 +div.User, 20.1431 +div.User a { 20.1432 + text-decoration: none; 20.1433 +} 20.1434 +div.User h1 { 20.1435 + padding: 0 0 8px; 20.1436 + margin: 0; 20.1437 + line-height: 100%; 20.1438 + border: 0; 20.1439 +} 20.1440 +#Status { 20.1441 + border-top-left-radius: 2px; 20.1442 + border-top-right-radius: 2px; 20.1443 + -moz-border-radius-topleft: 2px; 20.1444 + -moz-border-radius-topright: 2px; 20.1445 + -webkit-border-top-left-radius: 2px; 20.1446 + -webkit-border-top-right-radius: 2px; 20.1447 + background: #cfecff; 20.1448 + margin: 0; 20.1449 + padding: 8px 8px 0; 20.1450 + color: #999; 20.1451 + font-weight: normal; 20.1452 + line-height: 1.5; 20.1453 +} 20.1454 +#Status p { 20.1455 + font-size: 120%; 20.1456 + color: #6c6c6c; 20.1457 + display: inline; 20.1458 + margin: 0; 20.1459 + padding: 0; 20.1460 + line-height: 1; 20.1461 +} 20.1462 +#Status a.Change { 20.1463 + text-transform: lowercase; 20.1464 + font-size: 11px; 20.1465 + text-decoration: none; 20.1466 +} 20.1467 +#Status a:hover { 20.1468 + text-decoration: underline; 20.1469 +} 20.1470 +div.User form { 20.1471 + border-top-left-radius: 2px; 20.1472 + border-top-right-radius: 2px; 20.1473 + -moz-border-radius-topleft: 2px; 20.1474 + -moz-border-radius-topright: 2px; 20.1475 + -webkit-border-top-left-radius: 2px; 20.1476 + -webkit-border-top-right-radius: 2px; 20.1477 + background: #cfecff; 20.1478 + padding: 8px 8px 0; 20.1479 +} 20.1480 +div.User form input.InputBox { 20.1481 + width: 618px; 20.1482 + margin-right: 2px; 20.1483 +} 20.1484 +form.Activity { 20.1485 + display: block; 20.1486 + padding: 10px 10px 0 10px; 20.1487 + text-align: right; 20.1488 +} 20.1489 +form.Activity textarea { 20.1490 + width: 99%; 20.1491 + margin-bottom: 2px; 20.1492 + height: 60px; 20.1493 + min-height: 60px; 20.1494 +} 20.1495 + 20.1496 +/* Invitations Form */ 20.1497 +#Form_Invitation table { 20.1498 + width: 100%; 20.1499 + border-collapse: collapse; 20.1500 + margin: 10px 0; 20.1501 + background: #F2FBFF; 20.1502 + border: 1px solid #C0E7F5; 20.1503 +} 20.1504 +#Form_Invitation table label { 20.1505 + font-size: 12px; 20.1506 + padding: 0px; 20.1507 +} 20.1508 +#Form_Invitation table tr.Last td, 20.1509 +#Form_Invitation table tr.Last th { 20.1510 + border-bottom: 0px; 20.1511 +} 20.1512 +#Form_Invitation table th, 20.1513 +#Form_Invitation table td { 20.1514 + font-weight: normal; 20.1515 + color: #555; 20.1516 + padding: 6px; 20.1517 +} 20.1518 +#Form_Invitation table thead th, 20.1519 +#Form_Invitation table thead td { 20.1520 + border-bottom: 1px solid #C0E7F5; 20.1521 +} 20.1522 +#Form_Invitation table tbody th { 20.1523 + font-weight: bold; 20.1524 + color: #000; 20.1525 +} 20.1526 +#Form_Invitation table tbody th, 20.1527 +#Form_Invitation table tbody td { 20.1528 + border-bottom: 1px solid #C0E7F5; 20.1529 + line-height: 150%; 20.1530 +} 20.1531 +#Form_Invitation table thead th { 20.1532 + font-weight: bold; 20.1533 + font-size: 13px; 20.1534 + color: #000; 20.1535 +} 20.1536 +#Form_Invitation table.AltRows tr.Alt th, 20.1537 +#Form_Invitation table.AltRows tr.Alt td, 20.1538 +#Form_Invitation table.AltColumns th.Alt, 20.1539 +#Form_Invitation table.AltColumns td.Alt { 20.1540 + background: #cfecff; 20.1541 +} 20.1542 +#Form_Invitation table.AltColumns tr.Alt { 20.1543 + background: none; 20.1544 +} 20.1545 +body.Profile ul.Notifications { 20.1546 + border-top: 0; 20.1547 + margin-top: 0; 20.1548 +} 20.1549 + 20.1550 + 20.1551 +/* ================================================= Tabs, Headings & Footers */ 20.1552 +div.MessageForm { 20.1553 + text-align: right; 20.1554 +} 20.1555 +div.MessageForm, 20.1556 +div.Tabs, 20.1557 +div.Headings { 20.1558 + display: block; 20.1559 + border-bottom: 1px solid #abdafb; 20.1560 + padding: 5px 8px; 20.1561 + margin: 0; 20.1562 + background: #cfecff; 20.1563 +} 20.1564 +div.MessageForm div.Tabs { 20.1565 + padding: 0; 20.1566 + border: 0; 20.1567 + background: none; 20.1568 + text-align: left; 20.1569 +} 20.1570 +div.MessageForm div.Tabs ul { 20.1571 + display: inline; 20.1572 +} 20.1573 +div.Tabs li { 20.1574 + display: inline; 20.1575 + margin: 0; 20.1576 +} 20.1577 +div.MorePager a, 20.1578 +div.MorePager a:link, 20.1579 +div.MorePager a:hover, 20.1580 +div.MorePager a:active, 20.1581 +div.MorePager a:visited, 20.1582 +a.TabLink, 20.1583 +a.TabLink:link, 20.1584 +a.TabLink:hover, 20.1585 +a.TabLink:active, 20.1586 +a.TabLink:visited, 20.1587 +div.Tabs li a, 20.1588 +div.Tabs li a:link, 20.1589 +div.Tabs li a:hover, 20.1590 +div.Tabs li a:active, 20.1591 +div.Tabs li a:visited { 20.1592 + margin: 0; 20.1593 + border: 1px solid #abdafb; 20.1594 + border-radius: 3px; 20.1595 + -moz-border-radius: 3px; 20.1596 + -webkit-border-radius: 3px; 20.1597 + background: #bbe2f7; 20.1598 + display: inline; 20.1599 + font-weight: bold; 20.1600 + color: #1e79a7; 20.1601 + text-decoration: none; 20.1602 + padding: 5px 10px; 20.1603 + line-height: 2.6; 20.1604 +} 20.1605 +div.MorePager li a:hover, 20.1606 +a.TabLink:hover, 20.1607 +div.Tabs li a:hover { 20.1608 + background: #f3fcff; 20.1609 +} 20.1610 +a.Active, 20.1611 +div.Tabs li.Active a { 20.1612 + background: #fff; 20.1613 + color: #474747; 20.1614 +} 20.1615 +div.Tabs li a span { 20.1616 + line-height: 1; 20.1617 + font-size: 80%; 20.1618 + padding: 0 3px; 20.1619 + border-radius: 3px; 20.1620 + -webkit-border-radius: 3px; 20.1621 + -moz-border-radius: 3px; 20.1622 + font-weight: normal; 20.1623 + background: #1e79a7; 20.1624 + color: #eaf4fd; 20.1625 + margin: 0 0 0 4px; 20.1626 +} 20.1627 +div.Tabs div.SubTab { 20.1628 + margin: 10px 0 0; 20.1629 + padding: 4px 8px; 20.1630 + background: #f3fcff; 20.1631 + border-radius: 2px; 20.1632 + -webkit-border-radius: 2px; 20.1633 + -moz-border-radius: 2px; 20.1634 +} 20.1635 +div.HeadingTabs { 20.1636 + padding: 8px 8px 8px 12px; 20.1637 +} 20.1638 +div.HeadingTabs ul { 20.1639 + display: inline; 20.1640 + float: right; 20.1641 +} 20.1642 +div.HeadingTabs div.SubTab { 20.1643 + font-size: 14px; 20.1644 + display: inline; 20.1645 + font-weight: bold; 20.1646 + background: none; 20.1647 + padding: 0; 20.1648 + line-height: 2.4; 20.1649 +} 20.1650 +div.SearchTabs input.InputBox { 20.1651 + width: 560px; 20.1652 + margin-right: 10px; 20.1653 +} 20.1654 +div.Headings { 20.1655 + position: relative; 20.1656 + text-align: left; 20.1657 +} 20.1658 +div.Headings div { 20.1659 + display: inline-block; 20.1660 + padding-right: 10px; 20.1661 +} 20.1662 +div.Headings div.ItemHeading { 20.1663 + font-size: 14px; 20.1664 + font-weight: bold; 20.1665 + line-height: 2; 20.1666 +} 20.1667 +div.Headings div.MetaHeading { 20.1668 + font-size: 11px; 20.1669 +} 20.1670 + 20.1671 +/* ======================================================== Thumbnail Cropper */ 20.1672 +form.Thumbnail table { 20.1673 + width: 100%; 20.1674 +} 20.1675 +form.Thumbnail table td { 20.1676 + width: 50%; 20.1677 +} 20.1678 +form.Thumbnail table tr td { 20.1679 + vertical-align: top; 20.1680 +} 20.1681 +form.Thumbnail table tr th { 20.1682 + padding-right: 10px; 20.1683 +} 20.1684 +.jcropper-holder { 20.1685 + border: 1px black solid; 20.1686 +} 20.1687 +.jcrop-holder { 20.1688 + text-align: left; 20.1689 +} 20.1690 +.jcrop-vline, .jcrop-hline { 20.1691 + font-size: 0; 20.1692 + position: absolute; 20.1693 + background: white url('images/jcrop.gif') top left repeat; 20.1694 +} 20.1695 +.jcrop-vline { height: 100%; width: 1px !important; } 20.1696 +.jcrop-hline { width: 100%; height: 1px !important; } 20.1697 +.jcrop-handle { 20.1698 + font-size: 1px; 20.1699 + width: 7px !important; 20.1700 + height: 7px !important; 20.1701 + border: 1px #eee solid; 20.1702 + background-color: #333; 20.1703 + *width: 9px; 20.1704 + *height: 9px; 20.1705 +} 20.1706 +.jcrop-tracker { 20.1707 + *background-color: gray; 20.1708 + width: 100%; height: 100%; 20.1709 +} 20.1710 +.custom .jcrop-vline, 20.1711 +.custom .jcrop-hline { 20.1712 + background: yellow; 20.1713 +} 20.1714 +.custom .jcrop-handle { 20.1715 + border-color: black; 20.1716 + background-color: #C7BB00; 20.1717 + border-radius: 3px; 20.1718 + -moz-border-radius: 3px; 20.1719 + -webkit-border-radius: 3px; 20.1720 +} 20.1721 +form.Thumbnail table { 20.1722 + width: 100%; 20.1723 +} 20.1724 +form.Thumbnail table td { 20.1725 + font-weight: normal; 20.1726 +} 20.1727 + 20.1728 + 20.1729 +/* =================================================================== Popups */ 20.1730 +div.Popup div.Errors ul { 20.1731 + border: 1px solid #a00 !important; 20.1732 +} 20.1733 +div.Popup div.Messages { 20.1734 + text-align: left; 20.1735 + position: inherit; 20.1736 + top: auto; 20.1737 + left: auto; 20.1738 + z-index: auto; 20.1739 + margin: 10px 0 !important; 20.1740 +} 20.1741 +div.Popup div.Messages ul { 20.1742 + display: block; 20.1743 + border-radius: 2px; 20.1744 + -moz-border-radius: 2px; 20.1745 + -webkit-border-radius: 2px; 20.1746 + box-shadow: none; 20.1747 + -moz-box-shadow: none; 20.1748 + -webkit-box-shadow: none; 20.1749 +} 20.1750 +* html div.Popup div.Messages { 20.1751 + position: inherit; 20.1752 + width: auto; 20.1753 + top: auto; 20.1754 + left: auto; 20.1755 + overflow: auto; 20.1756 +} 20.1757 +div.Popup .Info { 20.1758 + margin-top: 10px; 20.1759 +} 20.1760 +div.Popup .Loading { 20.1761 + display: block; 20.1762 + width: 200px; 20.1763 +} 20.1764 +div.Overlay { 20.1765 + position: absolute; 20.1766 + top: 0; 20.1767 + left: 0; 20.1768 + width: 100%; 20.1769 + height: 100%; 20.1770 +} 20.1771 +div.Popup { 20.1772 + position: absolute; 20.1773 + width: 100%; 20.1774 + top: 0; 20.1775 + left: 0; 20.1776 + z-index: 5000; 20.1777 + text-align: center; 20.1778 +} 20.1779 +div.Popup div.Border { 20.1780 + margin: 0px auto; 20.1781 + text-align: left; 20.1782 + position: relative; 20.1783 + max-width: 500px; 20.1784 + display: inline-block; 20.1785 +} 20.1786 +div.Popup div.Body { 20.1787 + background: #fff; 20.1788 +} 20.1789 +div.Popup div.Legal, 20.1790 +div.Popup .Content form { 20.1791 + max-height: 440px; 20.1792 + overflow: auto; 20.1793 + padding: 0 10px 10px; 20.1794 +} 20.1795 +div.Popup .Loading { 20.1796 + text-align: center; 20.1797 +} 20.1798 +div.Popup h1, 20.1799 +div.Popup h2, 20.1800 +div.Connect h1, 20.1801 +div.Connect h2 { 20.1802 + font-size:120%; 20.1803 + font-weight:bold; 20.1804 + margin-bottom: 0; 20.1805 + color: #fff; 20.1806 + background: #38abe3; 20.1807 + border-bottom: 1px solid #3DB9E5; 20.1808 + padding: 6px 9px 4px; 20.1809 +} 20.1810 +a.Close { 20.1811 + position: absolute; 20.1812 + top: 16px; 20.1813 + right: 20px; 20.1814 + line-height: 1; 20.1815 + color: #E4F7FE; 20.1816 + cursor: pointer; 20.1817 + font-family: arial; 20.1818 + font-size: 22px; 20.1819 + font-weight: bold; 20.1820 + padding: 0; 20.1821 +} 20.1822 +a.Close:hover { 20.1823 + color: #fff; 20.1824 +} 20.1825 +div.Popup .Footer { 20.1826 + border: none; 20.1827 + background: none; 20.1828 + padding: 0; 20.1829 + margin: 0; 20.1830 + text-align: right; 20.1831 +} 20.1832 +div.Popup .Footer input.Button { 20.1833 + font-size: 11px; 20.1834 + margin-right: 2px; 20.1835 +} 20.1836 +div.Popup h3 { 20.1837 + font-size: 120%; 20.1838 + font-weight: bold; 20.1839 + padding: 20px 0 10px; 20.1840 +} 20.1841 +div.Popup p { 20.1842 + padding: 6px 10px 10px; 20.1843 +} 20.1844 +div.Popup div.Legal p { 20.1845 + padding: 6px 0 10px; 20.1846 +} 20.1847 +div.Popup small { 20.1848 + font-size: 11px; 20.1849 +} 20.1850 +div.Popup form p { 20.1851 + padding: 0; 20.1852 +} 20.1853 +body.Profile #Form_Invitation ul li label, 20.1854 +body.Profile #Form_User ul li label, 20.1855 +div.Popup form ul li label { 20.1856 + color:#000; 20.1857 + display:block; 20.1858 + font-size:14px; 20.1859 + font-weight:bold; 20.1860 + margin: 10px 0 0; 20.1861 +} 20.1862 +body.Entry form ul li.Gender label.RadioLabel, 20.1863 +body.Profile #Form_User ul li.Gender label.RadioLabel, 20.1864 +div.Popup form ul li.Gender label.RadioLabel { 20.1865 + display: inline; 20.1866 + padding-right: 20px; 20.1867 +} 20.1868 +li.Gender { 20.1869 + margin-bottom: 10px; 20.1870 +} 20.1871 +body.Profile #Form_User ul li label.RadioLabel, 20.1872 +body.Profile #Form_User ul li label.CheckBoxLabel, 20.1873 +div.Popup form ul li label.RadioLabel, 20.1874 +div.Popup form ul li label.CheckBoxLabel { 20.1875 + font-weight: normal; 20.1876 +} 20.1877 +div.Profile #Form_User input.Button, 20.1878 +div.Popup input.Button { 20.1879 + margin: 4px 0 2px; 20.1880 +} 20.1881 +div.Popup #Form_User div.Warning, 20.1882 +#dashboard_profile_picture #Form_User div.Warning { 20.1883 + margin: 6px 0; 20.1884 +} 20.1885 + 20.1886 +/* Serious Ajax Error Styles */ 20.1887 +div.AjaxError { 20.1888 + white-space: pre; 20.1889 + overflow: auto; 20.1890 + padding: 10px; 20.1891 +} 20.1892 + 20.1893 +/* ==================================================================== Legal */ 20.1894 +div.Legal h3 { 20.1895 + padding: 0; 20.1896 + margin: 20px 0 0; 20.1897 + font-size: 120%; 20.1898 + font-weight: bold; 20.1899 +} 20.1900 +div.Legal ol { 20.1901 + list-style-position:outside; 20.1902 + list-style-type:decimal; 20.1903 + margin:0 30px 10px; 20.1904 +} 20.1905 +div.Legal ul { 20.1906 + list-style-position:outside; 20.1907 + list-style-type:disc; 20.1908 + margin:0 30px 10px; 20.1909 +} 20.1910 +div.Legal li { 20.1911 + padding: 5px 0; 20.1912 +} 20.1913 +div.Legal strong { 20.1914 + font-weight: bold; 20.1915 +} 20.1916 + 20.1917 + 20.1918 +/* =================================================================== Footer */ 20.1919 +#Foot { 20.1920 + clear: both; 20.1921 + text-align: center; 20.1922 + margin: 2px 0; 20.1923 + padding: 4px 9px; 20.1924 + font-size: 13px; 20.1925 + color: #ddd; 20.1926 + line-height: 1; 20.1927 +} 20.1928 +#Foot a { 20.1929 + color: #ccc; 20.1930 +} 20.1931 +#Foot a:hover { 20.1932 + color: #aaa; 20.1933 +} 20.1934 +#Foot div { 20.1935 + width: 960px; 20.1936 + padding: 6px 0; 20.1937 + margin: 20px auto 0; 20.1938 + text-align: left; 20.1939 +} 20.1940 + 20.1941 + 20.1942 + 20.1943 +/* ================================ Vanilla ================================= */ 20.1944 + 20.1945 +#Panel ul.Discussions { 20.1946 + border: 0; 20.1947 +} 20.1948 +ul.PanelDiscussions li { 20.1949 + text-align: left; 20.1950 +} 20.1951 +ul.PanelDiscussions li a { 20.1952 + float: none; 20.1953 +} 20.1954 +ul.PanelDiscussions li strong { 20.1955 + display: block; 20.1956 + line-height: 1.5; 20.1957 +} 20.1958 + 20.1959 +/* ============================================================== Discussions */ 20.1960 + 20.1961 +/* Note: The Vanilla Discussion List has the following classes applied to 20.1962 + individual list elements and can be styled: 20.1963 + + Bookmarked: the user has bookmarked that topic 20.1964 + + Announcement: the discussion has been announced 20.1965 + + Mine: the user created the discussion 20.1966 + + New: there are new comments since the last viewed the discussion 20.1967 +*/ 20.1968 +.Mine { background: #e3f4ff; } 20.1969 + 20.1970 +ul.DataList div.Meta a.Category { 20.1971 + background: #fafafa; 20.1972 + padding: 2px 4px; 20.1973 + border-radius: 2px; 20.1974 + -moz-border-radius: 2px; 20.1975 + -webkit-border-radius: 2px; 20.1976 +} 20.1977 +ul.DataList li.Mine div.Meta a.Category { 20.1978 + background: #eff7ff; 20.1979 +} 20.1980 + 20.1981 +ul.DataList div.Meta span.Announcement { 20.1982 + background: #777777; 20.1983 + color: #ffffff; 20.1984 + padding: 1px 4px; 20.1985 + border-radius: 2px; 20.1986 + -moz-border-radius: 2px; 20.1987 + -webkit-border-radius: 2px; 20.1988 + border-radius: 2px; 20.1989 + font-weight: bold; 20.1990 +} 20.1991 +ul.DataList div.Meta span.Closed { 20.1992 + background: #555555; 20.1993 + color: #ffffff; 20.1994 + font-weight: bold; 20.1995 + padding: 1px 4px; 20.1996 + border-radius: 2px; 20.1997 + -moz-border-radius: 2px; 20.1998 + -webkit-border-radius: 2px; 20.1999 + border-radius: 2px; 20.2000 +} 20.2001 + 20.2002 + 20.2003 +/* ================================================================= Comments */ 20.2004 +body.Discussion #Content { 20.2005 + margin-bottom: 20px; 20.2006 +} 20.2007 +ul.Discussion { 20.2008 + margin-bottom: 1px; 20.2009 +} 20.2010 +/* 20.2011 + Note: Discussion & Comment Option (dropdown) Menu customizations. The layout 20.2012 + css for these is in /applications/garden/design/menu.css. Override them here. 20.2013 +*/ 20.2014 +a.Bookmark, 20.2015 +a.Bookmarking { 20.2016 + float: right; 20.2017 + display: block; 20.2018 + background: url('images/star_sprite.png') top center no-repeat; 20.2019 + height: 22px; 20.2020 + width: 22px; 20.2021 + margin: 2px 4px 0 4px; 20.2022 +} 20.2023 +a.Bookmark span, 20.2024 +a.Bookmarking span { 20.2025 + display: none; 20.2026 +} 20.2027 +a.Bookmarked { 20.2028 + background: url('images/star_sprite.png') center center no-repeat; 20.2029 +} 20.2030 +a.Bookmarking { 20.2031 + background: url('images/star_sprite.png') bottom center no-repeat; 20.2032 +} 20.2033 +body.Discussion a.Bookmark { 20.2034 + margin: 13px 8px; 20.2035 +} 20.2036 + 20.2037 +body.Discussion .Back { 20.2038 + padding: 3px 6px; 20.2039 + text-align: left; 20.2040 +} 20.2041 + 20.2042 + 20.2043 +/* =================================================================== Drafts */ 20.2044 +ul.Discussions div.ItemContent, 20.2045 +ul.Drafts div.ItemContent { 20.2046 + margin: 0 0 0 9px; 20.2047 +} 20.2048 +ul.Drafts div.ItemContent a.Title, 20.2049 +ul.Discussions div.ItemContent a.Title { 20.2050 + max-width: 580px; 20.2051 +} 20.2052 + 20.2053 +/* =============================================== Discussion & Comment Forms */ 20.2054 +li.Editing { 20.2055 + background: #E3F4FF; 20.2056 +} 20.2057 +div.CommentForm textarea { 20.2058 + width: 99%; 20.2059 + height: 100px; 20.2060 + min-height: 100px; 20.2061 + margin: 0 0 6px; 20.2062 +} 20.2063 +div.Comment div.CommentForm { 20.2064 + width: 98%; 20.2065 + background: none; 20.2066 + padding: 6px 4px; 20.2067 + border: 0; 20.2068 +} 20.2069 +div.Comment div.CommentForm textarea { 20.2070 + width: 99%; 20.2071 +} 20.2072 +#DiscussionForm label { 20.2073 + font-size: 14px; 20.2074 + font-weight: bold; 20.2075 + color: #666; 20.2076 +} 20.2077 +body.Post #Panel { 20.2078 + display: none; 20.2079 +} 20.2080 +body.Post #Content { 20.2081 + width: 100%; 20.2082 +} 20.2083 +#DiscussionForm h2 { 20.2084 + border: none; 20.2085 + color: #02475A; 20.2086 + font-size: 140%; 20.2087 + font-weight: bold; 20.2088 + margin: 0; 20.2089 + padding: 6px; 20.2090 +} 20.2091 +#DiscussionForm form { 20.2092 + border-radius: 2px; 20.2093 + -moz-border-radius: 2px; 20.2094 + -webkit-border-radius: 2px; 20.2095 + background: #c4e1ff none repeat scroll 0 0; 20.2096 + border: 1px solid #7caccb; 20.2097 + margin: 0; 20.2098 + padding: 20px; 20.2099 +} 20.2100 +#DiscussionForm textarea { 20.2101 + width: 99%; 20.2102 + height: 100px; 20.2103 + min-height: 100px; 20.2104 + margin: 0 0 6px; 20.2105 +} 20.2106 +#DiscussionForm input.InputBox { 20.2107 + width: 99%; 20.2108 + margin-bottom: 10px; 20.2109 +} 20.2110 +#DiscussionForm div.Category { 20.2111 + padding: 0 0 10px; 20.2112 +} 20.2113 +#DiscussionForm div.Category label { 20.2114 + padding: 0 8px 0 0; 20.2115 +} 20.2116 +div.CommentForm a.Back, 20.2117 +div.CommentForm a.Cancel { 20.2118 + float: left; 20.2119 +} 20.2120 +#DiscussionForm a.Cancel { 20.2121 + margin-left: 18px; 20.2122 +} 20.2123 +#DiscussionForm ul { 20.2124 + margin: 0 0 20px; 20.2125 +} 20.2126 +#DiscussionForm ul.PostOptions li { 20.2127 + display: inline; 20.2128 + padding: 0 8px 0 0; 20.2129 +} 20.2130 +#DiscussionForm ul.PostOptions label { 20.2131 + display: inline; 20.2132 + font-weight: normal; 20.2133 + font-size: 95%; 20.2134 + color: #555; 20.2135 +} 20.2136 + 20.2137 +/* ============================== Conversations ============================= */ 20.2138 +textarea.MultiComplete { 20.2139 + height: 20px; 20.2140 + padding: 3px 0; 20.2141 + text-align: left; 20.2142 +} 20.2143 +.ac_results { 20.2144 + padding: 0; 20.2145 + border: 1px solid #bbb; 20.2146 + border-top: 0; 20.2147 + background-color: white; 20.2148 + overflow: hidden; 20.2149 + z-index: 99999; 20.2150 +} 20.2151 +.ac_results ul { 20.2152 + width: 100%; 20.2153 + list-style-position: outside; 20.2154 + list-style: none; 20.2155 + padding: 0; 20.2156 + margin: 0; 20.2157 +} 20.2158 +.ac_results li { 20.2159 + margin: 0; 20.2160 + padding: 5px; 20.2161 + cursor: default; 20.2162 + display: block; 20.2163 + /* 20.2164 + if width will be 100% horizontal scrollbar will apear 20.2165 + when scroll mode will be used 20.2166 + */ 20.2167 + /*width: 100%;*/ 20.2168 + font-size: 12px; 20.2169 + /* 20.2170 + it is very important, if line-height not setted or setted 20.2171 + in relative units scroll will be broken in firefox 20.2172 + */ 20.2173 + line-height: 16px; 20.2174 + overflow: hidden; 20.2175 + border-bottom: 1px solid #bbb; 20.2176 + text-align: left; 20.2177 +} 20.2178 +.ac_lastitem { 20.2179 + border-bottom: 0 !important; 20.2180 +} 20.2181 +.ac_results strong { 20.2182 + font-weight: bold; 20.2183 + background: #daf4fd; 20.2184 +} 20.2185 +.ac_over strong { 20.2186 + font-weight: bold; 20.2187 + background: #2ab0de; 20.2188 +} 20.2189 +.ac_over { 20.2190 + background: #44c7f4; 20.2191 + color: #fff; 20.2192 +} 20.2193 +div.AddPeople h4 { 20.2194 + border-bottom: 0px; 20.2195 +} 20.2196 +#Panel input.InputBox, 20.2197 +div.AddPeople textarea.MultiComplete { 20.2198 + width: 228px; 20.2199 + margin-bottom: 2px; 20.2200 +} 20.2201 +div.AddPeople form div { 20.2202 + text-align: right; 20.2203 +} 20.2204 + 20.2205 + 20.2206 +/* ============================================================ Conversations */ 20.2207 +fieldset { 20.2208 + padding: 0px !important; 20.2209 +} 20.2210 +h2.NewConversation { 20.2211 + float: right; 20.2212 +} 20.2213 +h2.NewConversation a { 20.2214 + font-weight: bold; 20.2215 +} 20.2216 +body.Conversations h2 { 20.2217 + margin: 0; 20.2218 +} 20.2219 +ul.Conversations li.Active { 20.2220 + cursor: pointer; 20.2221 + background: #ffe; 20.2222 +} 20.2223 +ul.Conversations li.Item { 20.2224 + padding: 4px 5px; 20.2225 +} 20.2226 +ul.Conversations div.ItemContent { 20.2227 + margin:0 0 0 5px; 20.2228 +} 20.2229 +ul.Conversations div.Meta a.Name { 20.2230 + color: #1E79A7; 20.2231 + font-weight: bold; 20.2232 +} 20.2233 + 20.2234 + 20.2235 +/* ========================================================= Add Message Form */ 20.2236 +#MessageForm { 20.2237 + background: #E9F9FF; 20.2238 + padding: 4px 8px 8px; 20.2239 + margin: 1px 0 0; 20.2240 + border-bottom-left-radius: 2px; 20.2241 + border-bottom-right-radius: 2px; 20.2242 + -moz-border-radius-bottomleft: 2px; 20.2243 + -moz-border-radius-bottomright: 2px; 20.2244 + -webkit-border-bottom-left-radius: 2px; 20.2245 + -webkit-border-bottom-right-radius: 2px; 20.2246 +} 20.2247 +#MessageForm h2 { 20.2248 + font-size: 115%; 20.2249 + color: #2786C2; 20.2250 + font-weight: bold; 20.2251 + border: 0; 20.2252 +} 20.2253 +#MessageForm form div { 20.2254 + text-align: right; 20.2255 +} 20.2256 +#MessageForm textarea { 20.2257 + width: 99%; 20.2258 + height: 100px; 20.2259 + min-height: 100px; 20.2260 + margin-bottom: 2px; 20.2261 +} 20.2262 + 20.2263 + 20.2264 +/* ==================================================== New Conversation Form */ 20.2265 +body.add #Panel { 20.2266 + display: none; 20.2267 +} 20.2268 +body.add #Content { 20.2269 + width: auto; 20.2270 +} 20.2271 +#ConversationForm form { 20.2272 + border-radius: 2px; 20.2273 + -moz-border-radius: 2px; 20.2274 + -webkit-border-radius: 2px; 20.2275 + border-radius: 2px; 20.2276 + background:none repeat scroll 0 0 #c4e1ff; 20.2277 + margin:0; 20.2278 + padding:20px; 20.2279 + text-align: right; 20.2280 +} 20.2281 +#ConversationForm h2 { 20.2282 + color:#02475A; 20.2283 + font-size:140%; 20.2284 + font-weight:bold; 20.2285 + margin:0; 20.2286 + padding:6px; 20.2287 + text-align: left; 20.2288 + border: 0; 20.2289 +} 20.2290 +#ConversationForm label { 20.2291 + display: block; 20.2292 + text-align: left; 20.2293 + color:#666666; 20.2294 + font-size:14px; 20.2295 + font-weight:bold; 20.2296 +} 20.2297 +#ConversationForm .TextBox { 20.2298 + height: 100px; 20.2299 + min-height: 100px; 20.2300 + margin: 8px 0 6px; 20.2301 + padding: 0; 20.2302 +} 20.2303 +body.Conversations a.Cancel { 20.2304 + margin-left: 20px; 20.2305 +} 20.2306 +div.Popup #ConversationForm form { 20.2307 + background: none; 20.2308 + -border-radius: 0; 20.2309 + -moz-border-radius: 0; 20.2310 + -webkit-border-radius: 0; 20.2311 + border-radius: 0; 20.2312 + padding: 10px; 20.2313 +} 20.2314 +div.Popup #ConversationForm h2 { 20.2315 + color: #fff; 20.2316 + font-size: 120%; 20.2317 + font-weight: bold; 20.2318 + padding: 6px 9px 4px; 20.2319 +} 20.2320 +div.Popup #ConversationForm textarea.MultiComplete, 20.2321 +div.Popup #ConversationForm .TextBox { 20.2322 + width: 100%; 20.2323 +} 20.2324 + 20.2325 +/* Upload Progress Bar */ 20.2326 +div.UploadProgress { 20.2327 + margin: 10px 0; 20.2328 + background: url('images/upload-progress-back.gif') repeat; 20.2329 + width: 200px; 20.2330 + z-index: 0; 20.2331 + color: #fff; 20.2332 + text-shadow: 0 1px 1px #333; 20.2333 + border: 1px solid #0c3c7e; 20.2334 + border-radius: 2px; 20.2335 + -moz-border-radius: 2px; 20.2336 + -webkit-border-radius: 2px; 20.2337 + border-radius: 2px; 20.2338 +} 20.2339 +div.UploadProgress div { 20.2340 + padding: 2px 0; 20.2341 +} 20.2342 +div.UploadProgress div strong { 20.2343 + font-weight: bold; 20.2344 +} 20.2345 +div.UploadProgress div.Foreground, 20.2346 +div.UploadProgress div.Background { 20.2347 + position: absolute; 20.2348 +} 20.2349 +div.UploadProgress div.Background { 20.2350 + width: 0; 20.2351 + background: url('images/upload-bg.gif') repeat; 20.2352 + z-index: 1; 20.2353 +} 20.2354 +div.UploadProgress div.Foreground { 20.2355 + text-indent: 6px; 20.2356 + overflow: visible; 20.2357 + white-space: nowrap; 20.2358 + z-index: 2; 20.2359 +} 20.2360 + 20.2361 + 20.2362 +/* Adding CSS for multiple sign-in methods */ 20.2363 + 20.2364 +/* Container */ 20.2365 +div.Border { 20.2366 + border-radius: 8px; 20.2367 + -moz-border-radius: 8px; 20.2368 + -webkit-border-radius: 8px; 20.2369 + background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7); 20.2370 + padding: 10px; 20.2371 +} 20.2372 + 20.2373 +/* Tabs */ 20.2374 +ul.Tabs { 20.2375 + border-bottom: 1px solid #aaa; 20.2376 + text-align: left; 20.2377 + padding-left: 4px; 20.2378 +} 20.2379 +ul.Tabs li { 20.2380 + display: inline-block; 20.2381 +} 20.2382 +ul.Tabs li a, 20.2383 +ul.Tabs li a:link, 20.2384 +ul.Tabs li a:active, 20.2385 +ul.Tabs li a:visited, 20.2386 +ul.Tabs li a:hover { 20.2387 + display: inline-block; 20.2388 + margin-left: 4px; 20.2389 + border: 1px solid #aaa; 20.2390 + border-width: 1px 1px 0 1px; 20.2391 + border-radius: 3px 3px 0 0; 20.2392 + -moz-border-radius: 3px 3px 0 0; 20.2393 + -webkit-border-radius: 3px 3px 0 0; 20.2394 + background: #eee; 20.2395 + color: #888; 20.2396 + position: relative; 20.2397 + top: 1px; 20.2398 + padding: 2px 8px 1px; 20.2399 +} 20.2400 +ul.Tabs li a:hover { 20.2401 + background: #f5f5f5; 20.2402 + color: #444; 20.2403 +} 20.2404 +ul.Tabs li a.Active { 20.2405 + padding: 2px 8px; 20.2406 + background: #fff; 20.2407 + color: #000; 20.2408 +} 20.2409 + 20.2410 +/* Icons */ 20.2411 +ul.Tabs li a.EntryTabFor_password { 20.2412 + padding-left: 22px; 20.2413 + background-image: url('../../../themes/default/design/favicon.png'); 20.2414 + background-position: 3px 4px; 20.2415 + background-repeat: no-repeat; 20.2416 +} 20.2417 + 20.2418 + 20.2419 +/* ============================================================ Entry Screens */ 20.2420 +body.Entry { 20.2421 + text-align: center; 20.2422 +} 20.2423 +body.Entry #Panel { 20.2424 + display: none; 20.2425 +} 20.2426 +body.Entry #Content { 20.2427 + float: none; 20.2428 + margin: 0 auto; 20.2429 + width: 360px; 20.2430 + text-align: center; 20.2431 +} 20.2432 +body.Entry #Content h1 { 20.2433 + border: none; 20.2434 + color: #02475A; 20.2435 + font-size:140%; 20.2436 + font-weight:bold; 20.2437 + padding: 6px; 20.2438 + margin: 0; 20.2439 + text-align: left; 20.2440 +} 20.2441 +body.Entry #Content form { 20.2442 + text-align: left; 20.2443 + padding: 10px; 20.2444 +} 20.2445 +body.Entry form ul li label { 20.2446 + font-size: 14px; 20.2447 + color: #474747; 20.2448 + font-weight: bold; 20.2449 + padding: 6px 0 0; 20.2450 + display: block; 20.2451 +} 20.2452 +body.Entry form ul li label.CheckBoxLabel, 20.2453 +body.Entry form ul li label.RadioLabel { 20.2454 + font-size: 12px; 20.2455 + font-weight: normal; 20.2456 + width: auto; 20.2457 +} 20.2458 +body.Entry input.DateBox, 20.2459 +body.Entry input.InputBox, 20.2460 +body.Entry textarea { 20.2461 + width: 310px; 20.2462 +} 20.2463 +span.Incorrect { 20.2464 + display: block; 20.2465 + color: red; 20.2466 +} 20.2467 + 20.2468 +/* Sign In Page & Popup */ 20.2469 +div.SignInPopup div.Box { 20.2470 + margin: 0; 20.2471 + padding: 0; 20.2472 + background: none; 20.2473 + border: 0; 20.2474 + border-radius: 0; 20.2475 + -moz-border-radius: 0; 20.2476 + -webkit-border-radius: 0; 20.2477 + box-shadow: none; 20.2478 + -moz-box-shadow: none; 20.2479 + -webkit-box-shadow: none; 20.2480 +} 20.2481 +body#dashboard_entry_password #Content, 20.2482 +body#dashboard_entry_signin #Content, 20.2483 +body#dashboard_entry_index #Content { 20.2484 + width: auto; 20.2485 +} 20.2486 +div.SignInPopup .Content form { 20.2487 + padding: 0 10px 10px; 20.2488 +} 20.2489 +body#dashboard_entry_password #Content form, 20.2490 +body#dashboard_entry_index #Content form, 20.2491 +body#dashboard_entry_signin #Content form { 20.2492 + padding: 0; 20.2493 + text-align:left; 20.2494 +} 20.2495 +body#dashboard_entry_password #Content form, 20.2496 +body#dashboard_entry_signin #Content form, 20.2497 +body#dashboard_entry_index #Content form, 20.2498 +div.SignInPopup form { 20.2499 + width: 270px; 20.2500 +} 20.2501 +div.SingleEntryMethod { 20.2502 + width: 290px; 20.2503 + margin: 0 auto; 20.2504 +} 20.2505 +div.MultipleEntryMethods { 20.2506 + width: 500px; 20.2507 + margin: 0 auto; 20.2508 +} 20.2509 +body#dashboard_entry_handshake #Content input.InputBox, 20.2510 +body#dashboard_entry_signin #Content input.InputBox, 20.2511 +body#dashboard_entry_index #Content input.InputBox, 20.2512 +body#dashboard_entry_password #Content input.InputBox, 20.2513 +div.SignInPopup input.DateBox, 20.2514 +div.SignInPopup input.InputBox, 20.2515 +div.SignInPopup textarea { 20.2516 + width: 260px; 20.2517 + padding: 3px; 20.2518 +} 20.2519 +div.SignInPopup form ul li label, 20.2520 +body#dashboard_entry_signin form ul li label, 20.2521 +body#dashboard_entry_index form ul li label, 20.2522 +body#dashboard_entry_password form ul li label, 20.2523 +body#dashboard_entry_handshake form ul li label { 20.2524 + font-size: 13px; 20.2525 + line-height: 1.5; 20.2526 + padding: 0; 20.2527 +} 20.2528 +body#dashboard_entry_password #Content form ul li input#Form_Email, 20.2529 +body#dashboard_entry_signin #Content form ul li input#Form_Email, 20.2530 +body#dashboard_entry_index #Content form ul li input#Form_Email { 20.2531 + margin-bottom: 6px; 20.2532 +} 20.2533 +body#dashboard_entry_password #Content input.Password, 20.2534 +body#dashboard_entry_signin #Content input.Password, 20.2535 +body#dashboard_entry_index #Content input.Password, 20.2536 +div.SignInPopup input.Password { 20.2537 + width: 180px; 20.2538 +} 20.2539 +a.ForgotPassword { 20.2540 + margin-left: 10px; 20.2541 +} 20.2542 +li.Buttons div a.ForgotPassword { 20.2543 + margin: 0; 20.2544 +} 20.2545 +body#dashboard_entry_password ul li label.CheckBoxLabel, 20.2546 +body#dashboard_entry_signin ul li label.CheckBoxLabel, 20.2547 +body#dashboard_entry_index ul li label.CheckBoxLabel, 20.2548 +div.SignInPopup ul li label.CheckBoxLabel { 20.2549 + color: #777; 20.2550 + display: inline; 20.2551 + font-size: 12px; 20.2552 + font-weight: normal; 20.2553 + margin: 10px 0 0 10px; 20.2554 +} 20.2555 +body.Entry li.Buttons input.Button, 20.2556 +div.SignInPopup li.Buttons input.Button { 20.2557 + margin: 10px 0; 20.2558 +} 20.2559 +div.Entry { 20.2560 + position: relative; 20.2561 +} 20.2562 +div.Methods { 20.2563 + text-align: left; 20.2564 + font-size: 14px; 20.2565 + font-weight: bold; 20.2566 + position: absolute; 20.2567 + top: 33px; 20.2568 + bottom: 0; 20.2569 + right: 0; 20.2570 + padding: 12px 20px 6px; 20.2571 + line-height: 1; 20.2572 +} 20.2573 +body#dashboard_entry_password div.Methods, 20.2574 +body#dashboard_entry_signin div.Methods, 20.2575 +body#dashboard_entry_index div.Methods { 20.2576 + padding: 10px 6px 6px; 20.2577 + background: none; 20.2578 +} 20.2579 +div.Methods div.Method { 20.2580 + padding: 10px 0 0; 20.2581 + text-align: left; 20.2582 +} 20.2583 + 20.2584 +/* Handshake */ 20.2585 +body#dashboard_entry_handshake #Content { 20.2586 + width: 720px; 20.2587 +} 20.2588 +body#dashboard_entry_handshake #Content form { 20.2589 + padding: 20px 30px 26px; 20.2590 +} 20.2591 +body#dashboard_entry_handshake ul.NewAccount { 20.2592 + float: left; 20.2593 + width: 315px; 20.2594 + margin-right: 44px; 20.2595 + border-right: 1px solid #A5D0E7; 20.2596 +} 20.2597 +body#dashboard_entry_handshake ul.LinkAccount { 20.2598 + margin-left: 315px; 20.2599 +} 20.2600 +ul.NewAccount h2, 20.2601 +ul.LinkAccount h2 { 20.2602 + padding-left: 36px !important; 20.2603 + background: url('images/dashboard-sprites.png') 0 -542px no-repeat; 20.2604 +} 20.2605 +ul.LinkAccount h2 { 20.2606 + padding-left: 84px !important; 20.2607 + background-position: 45px -296px; 20.2608 +} 20.2609 +body#dashboard_entry_handshake div.Info { 20.2610 + border: 1px solid #A5D0E7; 20.2611 + background: #D3F0FF; 20.2612 + color: #02475A; 20.2613 +} 20.2614 +body#dashboard_entry_handshake #Content h2 { 20.2615 + border: none; 20.2616 + color: #02475A; 20.2617 + font-size:140%; 20.2618 + font-weight:bold; 20.2619 + padding: 6px 0; 20.2620 + margin: 0; 20.2621 + text-align: left; 20.2622 +} 20.2623 + 20.2624 + 20.2625 +/* Leaving Page */ 20.2626 +body#dashboard_entry_leave p { 20.2627 + margin: 0; 20.2628 + padding: 20px 10px; 20.2629 +} 20.2630 +body#dashboard_entry_leave p.Leaving { 20.2631 + background: url('images/progress.gif') left center no-repeat; 20.2632 + margin: 0 0 0 14px; 20.2633 + padding: 20px 0 20px 50px; 20.2634 +} 20.2635 + 20.2636 + 20.2637 + 20.2638 +/* External App Connect Designs */ 20.2639 +div.Connect h1, 20.2640 +div.Connect h2 { 20.2641 + text-align: left; 20.2642 +} 20.2643 +body.connect div.Box { 20.2644 + border-radius: none; 20.2645 + -moz-border-radius: none; 20.2646 + -webkit-border-radius: none; 20.2647 + box-shadow: none; 20.2648 + -moz-box-shadow: none; 20.2649 + -webkit-box-shadow: none; 20.2650 + width: 320px; 20.2651 + margin: 0 auto; 20.2652 + text-align: left; 20.2653 + background: none; 20.2654 +} 20.2655 +div.ConnectInfo { 20.2656 + margin: 10px 0 0; 20.2657 + position: relative; 20.2658 +} 20.2659 +div.ConnectInfo img { 20.2660 + position: absolute; 20.2661 + height: 36px; 20.2662 + width: 36px; 20.2663 + top: 0; 20.2664 + left: 0; 20.2665 +} 20.2666 +div.ConnectInfo span.Name { 20.2667 + padding-left: 46px; 20.2668 + font-weight: bold; 20.2669 + line-height: 1; 20.2670 + font-size: 13px; 20.2671 + color: #444; 20.2672 + display: block; 20.2673 +} 20.2674 +div.ConnectInfo h3 { 20.2675 + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; 20.2676 + font-size: 15px; 20.2677 + font-weight: bold; 20.2678 + line-height: 1.6; 20.2679 + color: #333; 20.2680 + padding: 0 0 10px 46px; 20.2681 + border: none; 20.2682 +} 20.2683 +div.Connect form ul li label, 20.2684 +div.SignInPopup form ul li label, 20.2685 +body#dashboard_entry_password form ul li label, 20.2686 +body#dashboard_entry_signin form ul li label, 20.2687 +body#dashboard_entry_index form ul li label { 20.2688 + font-size: 13px; 20.2689 + line-height: 1.5; 20.2690 + padding: 0; 20.2691 +} 20.2692 +div.Connect form ul li#ConnectPassword label, 20.2693 +div.SignInPopup form ul li#ConnectPassword label { 20.2694 + padding: 10px 0 0; 20.2695 +} 20.2696 +div.Connect .FinePrint, 20.2697 +div.SignInPopup .FinePrint { 20.2698 + font-size: 11px; 20.2699 + color: #777; 20.2700 +} 20.2701 +body#dashboard_entry_password input.InputBox, 20.2702 +body#dashboard_entry_signin input.InputBox, 20.2703 +body#dashboard_entry_index input.InputBox, 20.2704 +div.Connect input.InputBox, 20.2705 +div.SignInPopup input.InputBox { 20.2706 + padding: 3px 20.2707 +} 20.2708 +div.Connect .ExistingUsername, 20.2709 +div.SignInPopup .ExistingUsername { 20.2710 + font-weight: bold; 20.2711 + line-height: 1; 20.2712 + font-size: 13px; 20.2713 + color: #000; 20.2714 + display: block; 20.2715 +} 20.2716 \ No newline at end of file
21.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 21.2 +++ b/forum/vanilla/themes/slitaz/design/style.diff Sat Mar 19 16:26:12 2011 +0100 21.3 @@ -0,0 +1,343 @@ 21.4 +--- style.css.org 21.5 ++++ style.css 21.6 +@@ -44,6 +44,7 @@ 21.7 + line-height: 1; 21.8 + color: black; 21.9 + background: white; 21.10 ++ border-top: 34px solid #f1f1f1; 21.11 + } 21.12 + ol, ul { 21.13 + list-style: none; 21.14 +@@ -131,11 +132,11 @@ 21.15 + a:visited, 21.16 + a:active { 21.17 + text-decoration: none; 21.18 +- color: #1e79a7; 21.19 ++ color: #2571B1; 21.20 + } 21.21 + a:hover { 21.22 + text-decoration: none; 21.23 +- color: #ff0084; 21.24 ++ color: blue; 21.25 + } 21.26 + input.DateBox, 21.27 + input.InputBox, 21.28 +@@ -321,11 +322,11 @@ 21.29 + font-size: 13px; 21.30 + background: #fafafa; 21.31 + border: 1px solid #eee; 21.32 +- color: #888; 21.33 ++ color: #666666; 21.34 + -moz-border-radius: 4px; 21.35 + -webkit-border-radius: 4px; 21.36 + border-radius: 4px; 21.37 +- padding: 6px; 21.38 ++ padding: 8px; 21.39 + margin: 0 0 10px; 21.40 + } 21.41 + div.Info strong { 21.42 +@@ -408,8 +409,10 @@ 21.43 + 21.44 + /* =================================================================== Header */ 21.45 + #Head { 21.46 +- background: #38abe3; 21.47 +- padding: 0; 21.48 ++ background: #351a0a url(header-img.png) no-repeat top right; 21.49 ++ padding: 10px 0 0 0; 21.50 ++ border-top: 1px solid black; 21.51 ++ border-bottom: 1px solid #999; 21.52 + } 21.53 + div.Search:after, 21.54 + div#Search:after { 21.55 +@@ -423,16 +426,15 @@ 21.56 + display: inline-block; 21.57 + font-weight: bold; 21.58 + margin: 0; 21.59 +- padding: 21px 10px 4px 0; 21.60 ++ padding: 0 10px 5px 0; 21.61 + border: 0; 21.62 + } 21.63 + #Head h1 a span { 21.64 +- font-size: 24px; 21.65 +- color:#E4F7FE; 21.66 +- text-shadow:0 1px 0 #2595ba; 21.67 ++ font-size: 18px; 21.68 ++ color: #f1f1f1; 21.69 + } 21.70 + #Head h1 a:hover span { 21.71 +- color:#f3fcff; 21.72 ++ color: #b64b22; 21.73 + } 21.74 + #Head form { 21.75 + float: right; 21.76 +@@ -463,8 +465,8 @@ 21.77 + border: 0; 21.78 + width: 38px; 21.79 + height: 26px; 21.80 +- background: #cfecff; 21.81 +- color: #1e79a7; 21.82 ++ background: #eaeaea; 21.83 ++ color: #222222; 21.84 + padding: 3px 0 4px; 21.85 + margin: 0; 21.86 + -moz-border-radius: 0; 21.87 +@@ -679,7 +681,7 @@ 21.88 + color: #fff; 21.89 + } 21.90 + #Menu a:hover { 21.91 +- background: #2595cb; 21.92 ++ background: #a3431f; 21.93 + } 21.94 + #Menu a:hover, 21.95 + #Menu li.NonTab a:hover { 21.96 +@@ -706,24 +708,27 @@ 21.97 + float: right; 21.98 + } 21.99 + div.Box { 21.100 +- border-radius: 1px; 21.101 +- -moz-border-radius: 1px; 21.102 +- -webkit-border-radius: 1px; 21.103 +- background: #cfecff; 21.104 ++ background: #eaeaea; 21.105 + color: #888; 21.106 + padding: 6px 10px; 21.107 + margin: 0 0 10px; 21.108 ++ border-radius: 2px; 21.109 ++ -moz-border-radius: 2px; 21.110 ++ -webkit-border-radius: 2px; 21.111 + box-shadow: 0px 0px 2px #999; 21.112 + -moz-box-shadow: 0px 0px 2px #999; 21.113 + -webkit-box-shadow: 0px 0px 2px #999; 21.114 + } 21.115 + div.Box h4 { 21.116 + font-size: 110%; 21.117 +- color: #1e79a7; 21.118 ++ color: #666666; 21.119 + font-weight: bold; 21.120 + margin: 0; 21.121 + padding: 0 0 1px; 21.122 + } 21.123 ++div.Box h4 a { 21.124 ++ color: #666666; 21.125 ++} 21.126 + div.Box dl { 21.127 + overflow: hidden; 21.128 + } 21.129 +@@ -743,12 +748,12 @@ 21.130 + color: #555; 21.131 + } 21.132 + ul.PanelActivity { 21.133 +- border-top: 1px solid #abdafb; 21.134 ++ border-top: 1px solid #C8C8C8; 21.135 + border-bottom: 0; 21.136 + } 21.137 + ul.PanelActivity li { 21.138 +- background: #e3f4ff; 21.139 +- border-bottom: 1px solid #abdafb; 21.140 ++ background: #f1f1f1; 21.141 ++ border-bottom: 1px solid #C8C8C8; 21.142 + padding: 2px 4px; 21.143 + color: #555; 21.144 + font-size: 11px; 21.145 +@@ -777,8 +782,8 @@ 21.146 + font-size: 85%; 21.147 + } 21.148 + ul.PanelInfo li { 21.149 +- background: #e3f4ff; 21.150 +- border-bottom: 1px solid #abdafb; 21.151 ++ background: #f1f1f1; 21.152 ++ border-bottom: 1px solid #C8C8C8; 21.153 + padding: 2px 4px; 21.154 + text-align: right; 21.155 + } 21.156 +@@ -788,7 +793,7 @@ 21.157 + font-weight: bold; 21.158 + } 21.159 + ul.PanelInfo { 21.160 +- border-top: 1px solid #abdafb; 21.161 ++ border-top: 1px solid #C8C8C8; 21.162 + border-bottom: 0; 21.163 + } 21.164 + ul.PanelInfo li strong { 21.165 +@@ -834,8 +839,8 @@ 21.166 + padding: 2px 0; 21.167 + } 21.168 + ul.PanelInfo li.Active { 21.169 +- background: #fff; 21.170 +- border-bottom: 1px solid #a3e6ff; 21.171 ++ background: #f8f8f8; 21.172 ++ border-bottom: 1px solid #444444; 21.173 + } 21.174 + ul.PanelInfo li.Active a { 21.175 + color: #1e79a7; 21.176 +@@ -851,7 +856,7 @@ 21.177 + margin-bottom: 10px; 21.178 + } 21.179 + body.Profile ul.PanelInfo { 21.180 +- border-bottom: 1px solid #abdafb; 21.181 ++ border-bottom: 1px solid #C8C8C8; 21.182 + } 21.183 + body.Profile ul.PanelInfo li { 21.184 + border-bottom: 0; 21.185 +@@ -1246,7 +1251,7 @@ 21.186 + 21.187 + div.Preview { 21.188 + text-align: left; 21.189 +- background: #E3F4FF; 21.190 ++ background: #f1f1f1; 21.191 + padding: 1px 8px; 21.192 + margin: 4px 0 8px; 21.193 + } 21.194 +@@ -1336,9 +1341,9 @@ 21.195 + /* The "Foot" is at the bottom of the #Content section. Used for more results 21.196 + links, sign in buttons, etc */ 21.197 + .Foot { 21.198 +- border-bottom: 1px solid #abdafb; 21.199 ++ border-bottom: 1px solid #C8C8C8; 21.200 + padding: 6px; 21.201 +- background: #cfecff; 21.202 ++ background: #eaeaea; 21.203 + text-align: right; 21.204 + border-bottom-right-radius: 2px; 21.205 + border-bottom-left-radius: 2px; 21.206 +@@ -1419,7 +1424,7 @@ 21.207 + } 21.208 + ul.SideMenu li ul li a:hover { 21.209 + text-decoration: none; 21.210 +- background: #cfecff; 21.211 ++ background: #eaeaea; 21.212 + } 21.213 + div.User { 21.214 + line-height: 150%; 21.215 +@@ -1441,7 +1446,7 @@ 21.216 + -moz-border-radius-topright: 2px; 21.217 + -webkit-border-top-left-radius: 2px; 21.218 + -webkit-border-top-right-radius: 2px; 21.219 +- background: #cfecff; 21.220 ++ background: #f1f1f1; 21.221 + margin: 0; 21.222 + padding: 8px 8px 0; 21.223 + color: #999; 21.224 +@@ -1471,7 +1476,7 @@ 21.225 + -moz-border-radius-topright: 2px; 21.226 + -webkit-border-top-left-radius: 2px; 21.227 + -webkit-border-top-right-radius: 2px; 21.228 +- background: #cfecff; 21.229 ++ background: #f1f1f1; 21.230 + padding: 8px 8px 0; 21.231 + } 21.232 + div.User form input.InputBox { 21.233 +@@ -1495,8 +1500,8 @@ 21.234 + width: 100%; 21.235 + border-collapse: collapse; 21.236 + margin: 10px 0; 21.237 +- background: #F2FBFF; 21.238 +- border: 1px solid #C0E7F5; 21.239 ++ background: #f1f1f1; 21.240 ++ border: 1px solid #DDDDDD; 21.241 + } 21.242 + #Form_Invitation table label { 21.243 + font-size: 12px; 21.244 +@@ -1514,7 +1519,7 @@ 21.245 + } 21.246 + #Form_Invitation table thead th, 21.247 + #Form_Invitation table thead td { 21.248 +- border-bottom: 1px solid #C0E7F5; 21.249 ++ border-bottom: 1px solid #DDDDDD; 21.250 + } 21.251 + #Form_Invitation table tbody th { 21.252 + font-weight: bold; 21.253 +@@ -1522,7 +1527,7 @@ 21.254 + } 21.255 + #Form_Invitation table tbody th, 21.256 + #Form_Invitation table tbody td { 21.257 +- border-bottom: 1px solid #C0E7F5; 21.258 ++ border-bottom: 1px solid #DDDDDD; 21.259 + line-height: 150%; 21.260 + } 21.261 + #Form_Invitation table thead th { 21.262 +@@ -1534,7 +1539,7 @@ 21.263 + #Form_Invitation table.AltRows tr.Alt td, 21.264 + #Form_Invitation table.AltColumns th.Alt, 21.265 + #Form_Invitation table.AltColumns td.Alt { 21.266 +- background: #cfecff; 21.267 ++ background: #f1f1f1; 21.268 + } 21.269 + #Form_Invitation table.AltColumns tr.Alt { 21.270 + background: none; 21.271 +@@ -1553,10 +1558,10 @@ 21.272 + div.Tabs, 21.273 + div.Headings { 21.274 + display: block; 21.275 +- border-bottom: 1px solid #abdafb; 21.276 ++ border-bottom: 1px solid #C8C8C8; 21.277 + padding: 5px 8px; 21.278 + margin: 0; 21.279 +- background: #cfecff; 21.280 ++ background: #f1f1f1; 21.281 + } 21.282 + div.MessageForm div.Tabs { 21.283 + padding: 0; 21.284 +@@ -1587,14 +1592,14 @@ 21.285 + div.Tabs li a:active, 21.286 + div.Tabs li a:visited { 21.287 + margin: 0; 21.288 +- border: 1px solid #abdafb; 21.289 ++ border: 1px solid #C8C8C8; 21.290 + border-radius: 3px; 21.291 + -moz-border-radius: 3px; 21.292 + -webkit-border-radius: 3px; 21.293 +- background: #bbe2f7; 21.294 ++ background: #b64b22; 21.295 + display: inline; 21.296 + font-weight: bold; 21.297 +- color: #1e79a7; 21.298 ++ color: #ffffff; 21.299 + text-decoration: none; 21.300 + padding: 5px 10px; 21.301 + line-height: 2.6; 21.302 +@@ -1602,7 +1607,7 @@ 21.303 + div.MorePager li a:hover, 21.304 + a.TabLink:hover, 21.305 + div.Tabs li a:hover { 21.306 +- background: #f3fcff; 21.307 ++ background: #a3431f; 21.308 + } 21.309 + a.Active, 21.310 + div.Tabs li.Active a { 21.311 +@@ -1962,7 +1967,7 @@ 21.312 + + Mine: the user created the discussion 21.313 + + New: there are new comments since the last viewed the discussion 21.314 + */ 21.315 +-.Mine { background: #e3f4ff; } 21.316 ++.Mine { background: #f1f1f1; } 21.317 + 21.318 + ul.DataList div.Meta a.Category { 21.319 + background: #fafafa; 21.320 +@@ -2049,7 +2054,7 @@ 21.321 + 21.322 + /* =============================================== Discussion & Comment Forms */ 21.323 + li.Editing { 21.324 +- background: #E3F4FF; 21.325 ++ background: #f1f1f1; 21.326 + } 21.327 + div.CommentForm textarea { 21.328 + width: 99%; 21.329 +@@ -2089,8 +2094,8 @@ 21.330 + border-radius: 2px; 21.331 + -moz-border-radius: 2px; 21.332 + -webkit-border-radius: 2px; 21.333 +- background: #c4e1ff none repeat scroll 0 0; 21.334 +- border: 1px solid #7caccb; 21.335 ++ background: #f1f1f1 none repeat scroll 0 0; 21.336 ++ border: 1px solid #DDDDDD; 21.337 + margin: 0; 21.338 + padding: 20px; 21.339 + } 21.340 +@@ -2709,4 +2714,4 @@ 21.341 + font-size: 13px; 21.342 + color: #000; 21.343 + display: block; 21.344 +-} 21.345 +\ No newline at end of file 21.346 ++}
22.1 Binary file forum/vanilla/themes/slitaz/images/header.png has changed
23.1 Binary file forum/vanilla/themes/slitaz/images/logo.png has changed
24.1 Binary file forum/vanilla/themes/slitaz/images/overlayBg.png has changed
25.1 Binary file forum/vanilla/themes/slitaz/screenshot.png has changed
26.1 --- a/forum/vanilla/themes/slitaz/views/default.master.php Wed Mar 16 15:35:15 2011 +0000 26.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 26.3 @@ -1,76 +0,0 @@ 26.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 26.5 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 26.6 - <head> 26.7 - <?php $this->RenderAsset('Head'); ?> 26.8 - </head> 26.9 - <body id="<?php echo $BodyIdentifier; ?>" class="<?php echo $this->CssClass; ?>"> 26.10 - <div id="Wrapper"> 26.11 - <div id="Main"> 26.12 - <div id="ContentHolder"> 26.13 - <div id="Content"> 26.14 - <?php $this->RenderAsset('Content'); ?> 26.15 - </div> 26.16 - </div> 26.17 - <div id="PanelHolder"> 26.18 - <div id="Panel"><?php $this->RenderAsset('Panel'); ?></div> 26.19 - </div> 26.20 - <div class="clear"> </div> 26.21 - </div> 26.22 - 26.23 - <div id="Header"> 26.24 - 26.25 - <a href="<?php echo Url('/'); ?>"><img id="logo" 26.26 - src="themes/slitaz/images/logo.png" title="www.slitaz.org" alt="www.slitaz.org" 26.27 - style="border: 0px solid ; width: 200px; height: 74px;" /></a> 26.28 - <p id="titre">#!/Support/Forum</p> 26.29 - 26.30 - </div> 26.31 - 26.32 - <div id="Nav"> 26.33 - <?php 26.34 - $Session = Gdn::Session(); 26.35 - if ($this->Menu) { 26.36 - $this->Menu->AddLink('Dashboard', T('Dashboard'), '/dashboard/settings', array('Garden.Settings.Manage')); 26.37 - // $this->Menu->AddLink('Dashboard', T('Users'), '/user/browse', array('Garden.Users.Add', 'Garden.Users.Edit', 'Garden.Users.Delete')); 26.38 - $this->Menu->AddLink('Activity', T('Activity'), '/activity'); 26.39 - $Authenticator = Gdn::Authenticator(); 26.40 - if ($Session->IsValid()) { 26.41 - $Name = $Session->User->Name; 26.42 - $CountNotifications = $Session->User->CountNotifications; 26.43 - if (is_numeric($CountNotifications) && $CountNotifications > 0) 26.44 - $Name .= ' <span>'.$CountNotifications.'</span>'; 26.45 - 26.46 - $this->Menu->AddLink('User', "Profile ($Name)", '/profile/{UserID}/{Username}', array('Garden.SignIn.Allow'), array('class' => 'UserNotifications')); 26.47 - $this->Menu->AddLink('SignOut', T('Sign Out'), $Authenticator->SignOutUrl(), FALSE, array('class' => 'NonTab SignOut')); 26.48 - } else { 26.49 - $Attribs = array(); 26.50 - if (C('Garden.SignIn.Popup') && strpos(Gdn::Request()->Url(), 'entry') === FALSE) 26.51 - $Attribs['class'] = 'SignInPopup'; 26.52 - 26.53 - $this->Menu->AddLink('Entry', T('Sign In'), $Authenticator->SignInUrl($this->SelfUrl), FALSE, array('class' => 'NonTab'), $Attribs); 26.54 - } 26.55 - echo $this->Menu->ToString(); 26.56 - } 26.57 - ?> 26.58 - <div id="Search"> 26.59 - <?php 26.60 - $Form = Gdn::Factory('Form'); 26.61 - $Form->InputPrefix = ''; 26.62 - echo 26.63 - $Form->Open(array('action' => Url('/search'), 'method' => 'get')), 26.64 - $Form->TextBox('Search'), 26.65 - $Form->Button('Search', array('Name' => '')), 26.66 - $Form->Close(); 26.67 - ?> 26.68 - </div> 26.69 - </div> 26.70 - 26.71 - <div id="Footer"> 26.72 - Copyright © 2010 <a href="http://www.slitaz.org/">SliTaz</a> - 26.73 - <a href="http://vanillaforums.org">Powered by Vanilla</a> 26.74 - </div> 26.75 - </div> 26.76 - 26.77 - <?php $this->FireEvent('AfterBody'); ?> 26.78 - </body> 26.79 -</html>
27.1 --- a/forum/vanilla/themes/slitaz/views/discussion/comments.php Wed Mar 16 15:35:15 2011 +0000 27.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 27.3 @@ -1,25 +0,0 @@ 27.4 -<?php if (!defined('APPLICATION')) exit(); 27.5 -$Session = Gdn::Session(); 27.6 -$this->FireEvent('BeforeCommentsRender'); 27.7 -if (!function_exists('WriteComment')) 27.8 - include($this->FetchViewLocation('helper_functions', 'discussion')); 27.9 - 27.10 -$CurrentOffset = $this->Offset; 27.11 -if ($CurrentOffset == 0 && !$this->Data('NewComments', FALSE)) { 27.12 - echo WriteComment($this->Discussion, $this, $Session, $CurrentOffset); 27.13 -} 27.14 - 27.15 -// Only prints individual comment list items 27.16 -$CommentData = $this->CommentData->Result(); 27.17 -$i = 0; 27.18 -foreach ($CommentData as $Comment) { 27.19 - ++$CurrentOffset; 27.20 - $this->CurrentComment = $Comment; 27.21 - if ($i % 2) { 27.22 - $counter = 'Odd'; 27.23 - } else { 27.24 - $counter = 'Even'; 27.25 - } 27.26 - WriteComment($Comment, $this, $Session, $CurrentOffset, $counter); 27.27 - $i++; 27.28 -}
28.1 --- a/forum/vanilla/themes/slitaz/views/discussion/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 28.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 28.3 @@ -1,118 +0,0 @@ 28.4 -<?php if (!defined('APPLICATION')) exit(); 28.5 - 28.6 -/** 28.7 - * $Object is either a Comment or the original Discussion. 28.8 - */ 28.9 -function WriteComment($Object, $Sender, $Session, $CurrentOffset, $counter) { 28.10 - $Author = UserBuilder($Object, 'Insert'); 28.11 - $Type = property_exists($Object, 'CommentID') ? 'Comment' : 'Discussion'; 28.12 - $Sender->EventArguments['Object'] = $Object; 28.13 - $Sender->EventArguments['Type'] = $Type; 28.14 - $Sender->EventArguments['Author'] = $Author; 28.15 - $CssClass = 'Item Comment ' . $counter; 28.16 - if ($Type == 'Comment') { 28.17 - $Sender->EventArguments['Comment'] = $Object; 28.18 - $Id = 'Comment_'.$Object->CommentID; 28.19 - $Permalink = '/discussion/comment/'.$Object->CommentID.'/#Comment_'.$Object->CommentID; 28.20 - } else { 28.21 - $Sender->EventArguments['Discussion'] = $Object; 28.22 - $CssClass .= ' FirstComment'; 28.23 - $Id = 'Discussion_'.$Object->DiscussionID; 28.24 - $Permalink = '/discussion/'.$Object->DiscussionID.'/'.Gdn_Format::Url($Object->Name).'/p1'; 28.25 - } 28.26 - $Sender->Options = ''; 28.27 - $CssClass .= $Object->InsertUserID == $Session->UserID ? ' Mine' : ''; 28.28 - $Sender->FireEvent('BeforeCommentDisplay'); 28.29 -?> 28.30 -<li class="<?php echo $CssClass; ?>" id="<?php echo $Id; ?>"> 28.31 - <div class="Comment"> 28.32 - <div class="Meta"> 28.33 - <?php $Sender->FireEvent('BeforeCommentMeta'); ?> 28.34 - <div class="Author"> 28.35 - <?php 28.36 - echo UserPhoto($Author); 28.37 - echo UserAnchor($Author); 28.38 - ?> 28.39 - <div class="clear"> </div> 28.40 - </div> 28.41 - <span class="DateCreated"> 28.42 - <?php 28.43 - echo Gdn_Format::Date($Object->DateInserted); 28.44 - ?> 28.45 - </span> 28.46 - <span class="Permalink"> 28.47 - <?php echo Anchor(T('Permalink'), $Permalink, 'Permalink', array('name' => 'Item_'.($CurrentOffset+1), 'rel' => 'nofollow')); ?> 28.48 - </span> 28.49 - <?php WriteOptionList($Object, $Sender, $Session); ?> 28.50 - <div class="CommentInfo"> 28.51 - <?php $Sender->FireEvent('CommentInfo'); ?> 28.52 - </div> 28.53 - <?php $Sender->FireEvent('AfterCommentMeta'); ?> 28.54 - </div> 28.55 - <div class="Message"> 28.56 - <?php $Sender->FireEvent('BeforeCommentBody'); ?> 28.57 - <?php 28.58 - $Object->FormatBody = Gdn_Format::To($Object->Body, $Object->Format); 28.59 - $Sender->FireEvent('AfterCommentFormat'); 28.60 - $Object = $Sender->EventArguments['Object']; 28.61 - echo $Object->FormatBody; 28.62 - ?> 28.63 - </div><div class="clear"> </div> 28.64 - <?php $Sender->FireEvent('AfterCommentBody'); ?> 28.65 - </div> 28.66 -</li> 28.67 -<?php 28.68 - $Sender->FireEvent('AfterComment'); 28.69 -} 28.70 - 28.71 -function WriteOptionList($Object, $Sender, $Session) { 28.72 - $EditContentTimeout = C('Garden.EditContentTimeout', -1); 28.73 - $CanEdit = $EditContentTimeout == -1 || strtotime($Object->DateInserted) + $EditContentTimeout > time(); 28.74 - $TimeLeft = ''; 28.75 - if ($CanEdit && $EditContentTimeout > 0) { 28.76 - $TimeLeft = strtotime($Object->DateInserted) + $EditContentTimeout - time(); 28.77 - $TimeLeft = $TimeLeft > 0 ? ' ('.Gdn_Format::Seconds($TimeLeft).')' : ''; 28.78 - } 28.79 - 28.80 - $Sender->Options = ''; 28.81 - $CategoryID = GetValue('CategoryID', $Object); 28.82 - if(!$CategoryID && property_exists($Sender, 'Discussion')) 28.83 - $CategoryID = GetValue('CategoryID', $Sender->Discussion); 28.84 - 28.85 - // Show discussion options if this is the discussion / first comment 28.86 - if ($Sender->EventArguments['Type'] == 'Discussion') { 28.87 - // Can the user edit the discussion? 28.88 - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $CategoryID)) 28.89 - $Sender->Options .= '<span>'.Anchor(T('Edit'), '/vanilla/post/editdiscussion/'.$Object->DiscussionID, 'EditDiscussion').$TimeLeft.'</span>'; 28.90 - 28.91 - // Can the user announce? 28.92 - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $CategoryID)) 28.93 - $Sender->Options .= '<span>'.Anchor(T($Sender->Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . '</span>'; 28.94 - 28.95 - // Can the user sink? 28.96 - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $CategoryID)) 28.97 - $Sender->Options .= '<span>'.Anchor(T($Sender->Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . '</span>'; 28.98 - 28.99 - // Can the user close? 28.100 - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $CategoryID)) 28.101 - $Sender->Options .= '<span>'.Anchor(T($Sender->Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . '</span>'; 28.102 - 28.103 - // Can the user delete? 28.104 - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $CategoryID)) 28.105 - $Sender->Options .= '<span>'.Anchor(T('Delete Discussion'), 'vanilla/discussion/delete/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'DeleteDiscussion') . '</span>'; 28.106 - } else { 28.107 - // And if this is just another comment in the discussion ... 28.108 - 28.109 - // Can the user edit the comment? 28.110 - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Comments.Edit', TRUE, 'Category', $Sender->Discussion->CategoryID)) 28.111 - $Sender->Options .= '<span>'.Anchor(T('Edit'), '/vanilla/post/editcomment/'.$Object->CommentID, 'EditComment').$TimeLeft.'</span>'; 28.112 - 28.113 - // Can the user delete the comment? 28.114 - if ($Session->CheckPermission('Vanilla.Comments.Delete', TRUE, 'Category', $CategoryID)) 28.115 - $Sender->Options .= '<span>'.Anchor(T('Delete'), 'vanilla/discussion/deletecomment/'.$Object->CommentID.'/'.$Session->TransientKey().'/?Target='.urlencode($Sender->SelfUrl), 'DeleteComment') . '</span>'; 28.116 - } 28.117 - 28.118 - // Allow plugins to add options 28.119 - $Sender->FireEvent('CommentOptions'); 28.120 - echo $Sender->Options; 28.121 -} 28.122 \ No newline at end of file
29.1 --- a/forum/vanilla/themes/slitaz/views/discussions/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 29.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 29.3 @@ -1,186 +0,0 @@ 29.4 -<?php 29.5 -if (!defined('APPLICATION')) exit(); 29.6 - 29.7 -function WriteDiscussion($Discussion, &$Sender, &$Session, $Alt) { 29.8 - $CssClass = 'Item'; 29.9 - $CssClass .= $Discussion->Bookmarked == '1' ? ' Bookmarked' : ''; 29.10 - $CssClass .= $Discussion->Closed == '1' ? ' Closed' : ''; 29.11 - $CssClass .= $Alt.' '; 29.12 - $CssClass .= $Discussion->Announce == '1' ? ' Announcement' : ''; 29.13 - $CssClass .= $Discussion->Dismissed == '1' ? ' Dismissed' : ''; 29.14 - $CssClass .= $Discussion->InsertUserID == $Session->UserID ? ' Mine' : ''; 29.15 - $CssClass .= ($Discussion->CountUnreadComments > 0 && $Session->IsValid()) ? ' New' : ''; 29.16 - $Sender->EventArguments['Discussion'] = &$Discussion; 29.17 - $First = UserBuilder($Discussion, 'First'); 29.18 - $Last = UserBuilder($Discussion, 'Last'); 29.19 - 29.20 - $Sender->FireEvent('BeforeDiscussionName'); 29.21 - 29.22 - $DiscussionName = Gdn_Format::Text($Discussion->Name); 29.23 - if ($DiscussionName == '') 29.24 - $DiscussionName = T('Blank Discussion Topic'); 29.25 - 29.26 - static $FirstDiscussion = TRUE; 29.27 - if (!$FirstDiscussion) 29.28 - $Sender->FireEvent('BetweenDiscussion'); 29.29 - else 29.30 - $FirstDiscussion = FALSE; 29.31 -?> 29.32 -<li class="<?php echo $CssClass; ?> "> 29.33 - <?php 29.34 - $Sender->FireEvent('BeforeDiscussionContent'); 29.35 - WriteOptions($Discussion, $Sender, $Session); 29.36 - ?> 29.37 - <div class="ItemContent Discussion"> 29.38 - <?php echo Anchor($DiscussionName, '/discussion/'.$Discussion->DiscussionID.'/'.Gdn_Format::Url($Discussion->Name).($Discussion->CountCommentWatch > 0 && C('Vanilla.Comments.AutoOffset') ? '/#Item_'.$Discussion->CountCommentWatch : ''), 'Title'); ?> 29.39 - <?php $Sender->FireEvent('AfterDiscussionTitle'); ?> 29.40 - <div class="Meta"> 29.41 - <?php if ($Discussion->Announce == '1') { ?> 29.42 - <span class="Announcement"><?php echo T('Announcement'); ?></span> 29.43 - <?php } ?> 29.44 - <?php if ($Discussion->Closed == '1') { ?> 29.45 - <span class="Closed"><?php echo T('Closed'); ?></span> 29.46 - <?php } ?> 29.47 - <span class="CommentCount"><?php printf(Plural($Discussion->CountComments, '%s comment', '%s comments'), $Discussion->CountComments); ?></span> 29.48 - <?php 29.49 - if ($Session->IsValid() && $Discussion->CountUnreadComments > 0) 29.50 - echo '<strong>'.Plural($Discussion->CountUnreadComments, '%s New', '%s New Plural').'</strong>'; 29.51 - 29.52 - if ($Discussion->LastCommentID != '') { 29.53 - echo '<span class="LastCommentBy">'.sprintf(T('Most recent by %1$s'), UserAnchor($Last)).'</span>'; 29.54 - echo '<span class="LastCommentDate">'.Gdn_Format::Date($Discussion->LastDate).'</span>'; 29.55 - } else { 29.56 - echo '<span class="LastCommentBy">'.sprintf(T('Started by %1$s'), UserAnchor($First)).'</span>'; 29.57 - echo '<span class="LastCommentDate">'.Gdn_Format::Date($Discussion->FirstDate).'</span>'; 29.58 - } 29.59 - 29.60 - if (C('Vanilla.Categories.Use')) 29.61 - echo Wrap(Anchor($Discussion->Category, '/categories/'.$Discussion->CategoryUrlCode, 'Category')); 29.62 - 29.63 - $Sender->FireEvent('DiscussionMeta'); 29.64 - ?> 29.65 - </div> 29.66 - </div> 29.67 -</li> 29.68 -<?php 29.69 -} 29.70 - 29.71 -function WriteFilterTabs(&$Sender) { 29.72 - $Session = Gdn::Session(); 29.73 - $Title = property_exists($Sender, 'Category') && is_object($Sender->Category) ? $Sender->Category->Name : T('All Discussions'); 29.74 - $Bookmarked = T('My Bookmarks'); 29.75 - $MyDiscussions = T('My Discussions'); 29.76 - $MyDrafts = T('My Drafts'); 29.77 - $CountBookmarks = 0; 29.78 - $CountDiscussions = 0; 29.79 - $CountDrafts = 0; 29.80 - if ($Session->IsValid()) { 29.81 - $CountBookmarks = $Session->User->CountBookmarks; 29.82 - $CountDiscussions = $Session->User->CountDiscussions; 29.83 - $CountDrafts = $Session->User->CountDrafts; 29.84 - } 29.85 - if (is_numeric($CountBookmarks) && $CountBookmarks > 0) 29.86 - $Bookmarked .= '<span>'.$CountBookmarks.'</span>'; 29.87 - 29.88 - if (is_numeric($CountDiscussions) && $CountDiscussions > 0) 29.89 - $MyDiscussions .= '<span>'.$CountDiscussions.'</span>'; 29.90 - 29.91 - if (is_numeric($CountDrafts) && $CountDrafts > 0) 29.92 - $MyDrafts .= '<span>'.$CountDrafts.'</span>'; 29.93 - 29.94 - ?> 29.95 -<div class="Tabs DiscussionsTabs"> 29.96 - <ul> 29.97 - <?php $Sender->FireEvent('BeforeDiscussionTabs'); ?> 29.98 - <li<?php echo strtolower($Sender->ControllerName) == 'discussionscontroller' && strtolower($Sender->RequestMethod) == 'index' ? ' class="Active"' : ''; ?>><?php echo Anchor(T('All Discussions'), 'discussions'); ?></li> 29.99 - <?php $Sender->FireEvent('AfterAllDiscussionsTab'); ?> 29.100 - <?php if ($CountBookmarks > 0 || $Sender->RequestMethod == 'bookmarked') { ?> 29.101 - <li<?php echo $Sender->RequestMethod == 'bookmarked' ? ' class="Active"' : ''; ?>><?php echo Anchor($Bookmarked, '/discussions/bookmarked', 'MyBookmarks'); ?></li> 29.102 - <?php 29.103 - $Sender->FireEvent('AfterBookmarksTab'); 29.104 - } 29.105 - if ($CountDiscussions > 0 || $Sender->RequestMethod == 'mine') { 29.106 - ?> 29.107 - <li<?php echo $Sender->RequestMethod == 'mine' ? ' class="Active"' : ''; ?>><?php echo Anchor($MyDiscussions, '/discussions/mine', 'MyDiscussions'); ?></li> 29.108 - <?php 29.109 - } 29.110 - if ($CountDrafts > 0 || $Sender->ControllerName == 'draftscontroller') { 29.111 - ?> 29.112 - <li<?php echo $Sender->ControllerName == 'draftscontroller' ? ' class="Active"' : ''; ?>><?php echo Anchor($MyDrafts, '/drafts', 'MyDrafts'); ?></li> 29.113 - <?php 29.114 - } 29.115 - $Sender->FireEvent('AfterDiscussionTabs'); 29.116 - ?> 29.117 - </ul> 29.118 - <?php 29.119 - if (property_exists($Sender, 'Category') && is_object($Sender->Category)) { 29.120 - ?> 29.121 - <div class="SubTab">↳ <?php echo $Sender->Category->Name; ?></div> 29.122 - <?php 29.123 - } 29.124 - ?> 29.125 -</div> 29.126 - <?php 29.127 -} 29.128 - 29.129 -/** 29.130 - * Render options that the user has for this discussion. 29.131 - */ 29.132 -function WriteOptions($Discussion, &$Sender, &$Session) { 29.133 - if ($Session->IsValid() && $Sender->ShowOptions) { 29.134 - echo '<div class="Options">'; 29.135 - // Bookmark link 29.136 - $Title = T($Discussion->Bookmarked == '1' ? 'Unbookmark' : 'Bookmark'); 29.137 - echo Anchor( 29.138 - '<span class="Star">' 29.139 - .Img('applications/dashboard/design/images/pixel.png', array('alt' => $Title)) 29.140 - .'</span>', 29.141 - '/vanilla/discussion/bookmark/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 29.142 - 'Bookmark' . ($Discussion->Bookmarked == '1' ? ' Bookmarked' : ''), 29.143 - array('title' => $Title) 29.144 - ); 29.145 - 29.146 - $Sender->Options = ''; 29.147 - 29.148 - // Dismiss an announcement 29.149 - if (C('Vanilla.Discussions.Dismiss', 1) && $Discussion->Announce == '1' && $Discussion->Dismissed != '1') 29.150 - $Sender->Options .= '<li>'.Anchor(T('Dismiss'), 'vanilla/discussion/dismissannouncement/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'DismissAnnouncement') . '</li>'; 29.151 - 29.152 - // Edit discussion 29.153 - if ($Discussion->FirstUserID == $Session->UserID || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $Discussion->CategoryID)) 29.154 - $Sender->Options .= '<li>'.Anchor(T('Edit'), 'vanilla/post/editdiscussion/'.$Discussion->DiscussionID, 'EditDiscussion') . '</li>'; 29.155 - 29.156 - // Announce discussion 29.157 - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $Discussion->CategoryID)) 29.158 - $Sender->Options .= '<li>'.Anchor(T($Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . '</li>'; 29.159 - 29.160 - // Sink discussion 29.161 - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $Discussion->CategoryID)) 29.162 - $Sender->Options .= '<li>'.Anchor(T($Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . '</li>'; 29.163 - 29.164 - // Close discussion 29.165 - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $Discussion->CategoryID)) 29.166 - $Sender->Options .= '<li>'.Anchor(T($Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . '</li>'; 29.167 - 29.168 - // Delete discussion 29.169 - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $Discussion->CategoryID)) 29.170 - $Sender->Options .= '<li>'.Anchor(T('Delete'), 'vanilla/discussion/delete/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'DeleteDiscussion') . '</li>'; 29.171 - 29.172 - // Allow plugins to add options 29.173 - $Sender->FireEvent('DiscussionOptions'); 29.174 - 29.175 - if ($Sender->Options != '') { 29.176 - ?> 29.177 - <ul class="Options"> 29.178 - <li> 29.179 - <strong><?php echo T('Options'); ?></strong> 29.180 - <ul> 29.181 - <?php echo $Sender->Options; ?> 29.182 - </ul> 29.183 - </li> 29.184 - </ul> 29.185 - <?php 29.186 - } 29.187 - echo '</div>'; 29.188 - } 29.189 -} 29.190 \ No newline at end of file