# HG changeset patch # User Christophe Lincoln # Date 1300548372 -3600 # Node ID 53acdb49f525affecd2ac3e53b64d2266c70371f # Parent 0c3a5e9addd2a26c98f764f436c8643dd37faf4a Update laste forum theme diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/README.txt --- a/forum/vanilla/themes/slitaz-2/README.txt Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,45 +0,0 @@ -How to create a theme: - -Part 1: CSS / Design -================================================================================ -1. Copy this "default" theme folder and rename it to your new theme name. -2. Open the "about.php" file and edit the information to reflect your theme. Be - sure to change the array key like this: $ThemeInfo['YourThemeNameHere']. -3. Create a "design" subfolder and copy /applications/dashboard/design/style.css - and /applications/vanilla/design/vanilla.css into it. -4. Any background images you want to continue using (like the star png images - for bookmarking) should be copied along with their respective stylesheets. -5. Go to your Dashboard, Themes, and apply your new theme. -6. Edit the copied CSS files to look however you wish! - -Other things you should know: - - + All non-forum pages should be edited in the global "style.css" file. - - + If you want to edit the look & feel of the administrative screens, also - copy /applications/dashboard/design/admin.css in step 3. Similarly, you can - copy other CSS files like /applications/vanilla/design/vanillaprofile.css to - customize those pages as well. - - -Part 2: HTML / Views -================================================================================ -If you want to customize the HTML, you can edit that too. -Our pages are made up of two parts: - - 1. Master Views - these represent everything that wraps the main content of the - page. If all you want to do is add a menu or banner above Vanilla, this is - all you need to alter. To do so, copy the default master view from - /applications/dashboard/views/default.master.php to - /themes/yourtheme/views/default.master.php and edit it there. - - 2. Views - these represent all of the content in each page. Every application - has a "views" folder that contains all of the HTML for every page. So, for - example, if you wanted to edit the HTML for the Discussions list, you could - copy the views from /applications/vanilla/views/discussions to - /themes/yourtheme/views/discussions and edit them there. - -You can avoid naming conflicts between applications' views and specify which -app a view is for by optionally adding a subfolder with the app's name in -/themes/yourtheme/views/ (e.g.: /themes/yourtheme/views/appname/) and placing -views there rather than directly in the "views" folder. \ No newline at end of file diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/about.php --- a/forum/vanilla/themes/slitaz-2/about.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,21 +0,0 @@ -. -Contact Vanilla Forums Inc. at support [at] vanillaforums [dot] com -*/ - -/** - * An associative array of information about this application. - */ -$ThemeInfo['SliTaz-2'] = array( - 'Name' => 'SliTaz-2', - 'Description' => "SliTaz Vanilla 2 official theme", - 'Version' => '2.0', - 'Author' => "Christophe Lincoln", - 'AuthorEmail' => 'pankso@slitaz.org', - 'AuthorUrl' => 'http://www.slitaz.org' -); diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/design/favicon.ico Binary file forum/vanilla/themes/slitaz-2/design/favicon.ico has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/design/favicon.png Binary file forum/vanilla/themes/slitaz-2/design/favicon.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/design/style.css --- a/forum/vanilla/themes/slitaz-2/design/style.css Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,422 +0,0 @@ -@charset "utf-8"; -/* CSS Document */ - -/***--- MAIN / DEFAULT --***/ -html, body { height: 102%; margin: 0; } -html, body, input, select, textarea, button { - font-family: Verdana, Geneva, sans-serif; - font-size: 11px; - line-height: 17px; - color: #555; -} -a { color: #2f6c8e; text-decoration: none; } -a:hover { color: #69a1c1; } -a img { border: none; } -ul, ol { margin: 0; padding: 0; list-style: none; } - -.clear { - clear: both; - display: block; - height: 0; - overflow: hidden; - visibility: hidden; - width: 0; -} - -#Wrapper { min-height: 100%; position: relative; margin: 0 auto; } -.Hidden { display: none; } - -/***--- HEADER(S) --***/ - - -#Header h1 { padding: 15px; font-size: 2em; } -#Header a { color: #69a1c1; } -#Header a:hover { color: #FFF; } - -#Header{ - background: #f0ba08 url(../images/header.png) repeat-x top; - color: black; - width: 100%; - height: 50px; - border-top: 1px solid black; - border-bottom: 1px solid black; - margin-bottom: 30px; - position: absolute; - top: 0; -} - -#titre { - position: absolute; - font-size: 16px; - font-weight: bolder ; - margin-left: 200px; - margin-top: 28px; -} - -#logo { - position: absolute; - float: left; - margin-left: 16px; - margin-top: 0px; -} - -/***--- NAV --***/ -#Nav { - right: 0; - position: absolute; - top: 3px; - font-size: 10px; - font-weight: bold; } - -/* search */ -#Search { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - height: 20px; - float: right; - background: #FFF; - padding: 2px 2px; - margin: 11px 95px 0 0; } -#Search form { padding: 0; border: none; } -#Nav #Search input.InputBox { width: 150px; border: none; } -#Search input.Button { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - height: 17px; - margin: 0; - padding: 0; } - -/***--- MAIN --***/ -/*#Main { }*/ - -/* 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 */ -#Content { - margin: 0px 320px 0px 0px; - padding: 86px 40px 65px 80px; - } -#Panel { - position: absolute; - top: 76px; - right: 80px; - color: #555555; - float: right; - width: 250px; - line-height: 1.5em; - text-align: left; - font-size: 12px; - } -.Box, #UserOptions { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - list-style-type: none; - margin: 10px 0; - padding: 10px 24px 10px 24px; - background-color: #eaeaea;} -#Panel .Box ul { - list-style-type: none; - margin: 0; - padding: 10px 24px 10px 0px; - font-weight: bold; -} - -/***--- CONTENT --***/ -.GuestBox { background: #eaeaea; } -.GuestBox p { padding: 0; } -.Message img { max-width: 100%; } - -/* headers */ -h1 { margin: 0; font-size: 1.5em; } -#Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - font-size: 1.1em; background: #555555; color: #fff; margin: 0 0 10px; padding: 10px; font-weight: bold; -} -div.DiscussionTabs .SubTab { margin: 0; } - -#Panel h4, #Panel .GuestBox h4 { - font-size: 110%; - color: #666666; - font-weight: bold; - padding: 0 0 1px 0; - margin: 0; - border-bottom: 1px solid #cecece; } - -div.Empty, div#Status { padding: 10px; } - -/* tabs */ -.Tabs li, .SubTab { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - background: #CECECE; - padding: 5px 8px; - font-size: 140%; - font-weight: bold; - border-bottom: 1px solid #fff; } -.Tabs li.Active { background: #555; border-bottom: none; } -.Tabs li.Active a { color: #fff; } -.Tabs span { display: inline-block; margin: 0 10px; color: #888; } -.SubTab { font-size: 1em; } - -/* DISCUSSIONS */ -.DataList li.Item, .Conversation li.Item { - border-bottom: 1px solid #ccc; - position: relative; - padding: 10px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; -} -.Activities li.Item { min-height: 50px; } -.DataList li.Item a.Title { display: block; font-size: 1.15em; font-weight: bold; padding: 0 0 8px; } - -/* discussions meta */ -.DataList .Meta span, .DataList .Meta strong { - min-width: 100px; display: inline-block; margin: 0 5px 0 0; -} -.DataList .Meta .LastCommentBy { width: 175px; } -.DataList .Meta .LastCommentDate { width: 100px; } - -/* discussions highlight */ -.DataList li.Mine { background: #f1f1f1; border-bottom-color: #fff; } -.DataList li.New { background: #d8ecbc; } -.DataList li.Bookmarked { background: #ffdf5d; border-bottom-color: #fff; } - -.DataList li.Closed { background: #eee; } -.DataList .Meta .Closed { color: #333; } -.DataList li.Closed a.Title { text-decoration: line-through; } - -.DataList li.Announcement { background: #FFC; } -.DataList .Meta .Announcement, .DataList .Meta .Closed { - width: 100px; font-weight: bold; -} -.DataList .Meta .Announcement { color: #C60; } - -/* DISCUSSION */ -div.DiscussionTabs li { font-size: 1em; } -ul.Discussion { margin: 0 0 10px; } - -/* bookmark */ -a.Bookmark { width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; font-size: 0; background: #fff; border: 1px dotted #ffcc00; } -.Discussion a.Bookmark { top: 41px; } -a.Bookmarked { background: #ffcc00; border: 1px solid #fff; } -div.Options a.Bookmark { top: 14px; } - -div.Comment { - position: relative; - border-bottom: 1px dotted #ccc; - padding: 10px; } -li.Even { background: #f8f8f8; } - -/* discussion meta */ -.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message { - margin-left: 215px; line-height: 1.75em; -} -.Comment .Meta, .ConversationMessage .Meta { - width: 175px; float: left; padding: 10px; background: #FFC; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; -} -.Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount { - display: block; border-bottom: 1px dotted #ccc; font-size: 0.85em; padding: 1px 0; -} -.Comment .Author, .ConversationMessage span.Author { - background: #fff; padding: 5px; border-bottom: none; -} -.Comment .Author img, .ConversationMessage .Author a.Photo { - float: left; margin: 0 10px 0 0; -} -.Comment .Author a, .ConversationMessage .Author a { - font-weight: bold; font-size: 1.1em; -} -blockquote { margin: 0; padding: 10px; background: #fff; border: 1px dotted #ccc; } -.Odd blockquote { background: #F8F8F8; } - -/* post */ -ul.PostOptions { margin: 0 0 10px; } -.Preview { padding: 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; } - -/*- Conversations & Activities -*/ -ul.Activities .Title { margin: 0 0 0 60px; font-weight: bold; } -ul.Conversations .Photo, ul.Activities .Photo { - width: 50px; height: 50px; float: left; font-size: 0.9em; color: #ccc; overflow: hidden; background: #eee; -} -ul.Conversations .Excerpt, ul.Activities .Excerpt { - margin: 0 0 10px 60px; -} -ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta { - margin: 0 0 0 60px;background: #FFC; padding: 3px 5px; -} -.SearchResults .Meta { margin: 5px 0 0; } -ul.ActivityComments { margin: 0 0 0 60px; } - -.ConversationMessage .Message { min-height: 100px; } -.ConversationMessage span.Author { height: 50px; } -.ConversationMessage span.ItemLink { display: none; } - -/***--- PANEL --***/ -.Block { padding: 15px; background: #ddd; margin: 0 10px 0 0; } -.Post #Panel, .Search #Panel { - display: none; -} - -.PanelInfo li { padding: 0px 0px; } -.PanelInfo li strong { font-weight: normal; } -.PanelInfo li.Active a { color: #c60; } -.PanelInfo li.Parent { background: #ccc; padding: 2px 5px; font-size: 1.1em; font-weight: bold; } - -.PanelInfo a, .Box a { - color: #0F314E; - background: inherit; - display: block; - text-decoration: none; - font-weight: bold; -} - -.PanelInfo a:hover, .Box a:hover { - color: #c60; - text-decoration: none; - display: block; -} -/* account */ - -#Panel .Photo { background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; } -#Panel .Photo img { width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; } -#Panel .Photo img:hover { width: auto; } - -#Panel dl { padding: 10px; background: #fff; margin: 0; } -#Panel dt { font-weight: bold; padding: 2px 0 0; } -#Panel dd { margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; } - -/* inbox */ -.PanelInfo li strong { display: inline-block; margin: 0 5px 0 0; } - -/*- Form elements -*/ -form { padding: 0 10px 10px; border-bottom: 1px dotted #ccc; } -fieldset { margin: 0; padding: 0; border: none; } - -form#Form_User_Register { margin-top: 10px; } - -input, textarea, select { - border: 1px solid #ccc; padding: 3px 5px; margin: 0; -} -input.InputBox { width: 325px; margin: 0 10px 5px 0; } - -input.Button, input.Cancel { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px; -} -input.Button:hover, input.Cancel:hover { - background: #555555; color: white; -} - -a.Back, a.Cancel { - margin: 0 5px 0 0; -} - -textarea { width: 95%; min-height: 100px; display: block; margin: 10px 0; } - -label { display: block; font-weight: bold; } -label.RadioLabel, label.CheckBoxLabel { - font-weight: normal; -} -label.RadioLabel input, label.CheckBoxLabel input { - border: none; -} - -li.Gender, li.CaptchaInput { - margin: 0 0 10px; -} -li.CreateAccount, li.Buttons { - margin: 5px 0 0; -} -.cleditorMain { margin: 10px 0; } - -.CommentForm div.Messages { margin: 8px 0 0; } -.Errors, .Warning { - color: #F00; -} - -/***--- BUTTONS ---***/ -.GuestBox a.Button { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - font-size: 11px; - padding: 4px; - margin: 0 0 10px; - background: #c60; - color: #FFF; } -.GuestBox .Button:hover { - background: #555555; } - -a.BigButton { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - display: block; - background: #c60; - color: #FFF; - padding: 10px; - font-size: 1.1em; - font-weight: bold; - text-align: center} -a.BigButton:hover { background: #555555; } -a.ClearConversation { margin: 10px 0 0; } - -/* options */ -div.Options, div.OptionButton { - position: absolute; top: 12px; right: 10px; -} -div.OptionButton { font-weight: bold; color: #555; } -ul.Options strong { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - cursor: pointer; - display: block; - padding: 5px 10px; - background: #FFC; - border: 1px solid #ccc; } - -ul.Options { margin: 5px 40px 0 0; } -ul.Options li { position: relative; } -ul.Options ul { min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; margin-top: -1px; } -ul.Options li:hover ul { display: block; } -ul.Options ul li { display: block; border-top: 1px dotted #ccc; } -ul.Options ul li:first-child { border-top: none; } -ul.Options ul li a { display: block; padding: 5px 10px; } - -/*- Pager -*/ -#PagerAfter { margin: 10px 0; text-align: center; background: #ddd; padding: 2px 10px; } -#PagerAfter a { display: inline-block; padding: 0 5px; } -#PagerAfter a.Highlight { color: #c60; } -span.Previous, a.Previous { float: left; } -#PagerAfter span.Next, #PagerAfter a.Next { float: right; padding: 0; } - -#PagerMore { text-align: right; padding: 5px 10px; } - -/***--- FOOTER --***/ -#Footer { - font-size: 11px ; - width: 100%; - position: absolute; - bottom: 0; - background: inherit; - color: #a8a8a8; } -#Footer ul { margin: 16px 15px; } -#Footer li { float: left; } -#Footer a { text-decoration: underline; background: inherit; color: #a8a8a8; } -#Footer a:hover { color: #666666; } - -/***--- OVERLAY ---***/ -.Overlay { width: 100%; position: absolute; top: 0; z-index: 10000; background: url(../images/overlayBg.png); } -.Overlay #Popup { width: 720px; padding: 15px; background: #FFF; margin: 0 auto; border: 1px dotted #c60; position: relative; } - -.Overlay .Buttons input.Button { margin: 0 0 10px; } -.Overlay p { padding: 0 10px; } -.Overlay a.Close { position: absolute; display: block; top: 10px; right: 15px; padding: 13px; font-size: 1.5em; color: #fff; } -.Overlay a.Close:hover { color: #c60; } -.Overlay ul { margin: 10px 0 0; } - -.Overlay input.Button { margin: 10px 0 0; } -.Overlay textarea { margin: 10px 0 0; } -.Overlay li.Gender { margin: 0; } - -.Overlay #Form_Picture { margin: 0 0 10px; } diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/images/header.png Binary file forum/vanilla/themes/slitaz-2/images/header.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/images/logo.png Binary file forum/vanilla/themes/slitaz-2/images/logo.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/images/overlayBg.png Binary file forum/vanilla/themes/slitaz-2/images/overlayBg.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/screenshot.png Binary file forum/vanilla/themes/slitaz-2/screenshot.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/views/default.master.php --- a/forum/vanilla/themes/slitaz-2/views/default.master.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,84 +0,0 @@ - - - - RenderAsset('Head'); ?> - - -
-
-
-
- RenderAsset('Content'); ?> -
-
-
-
- -
-

Navigation

- - Menu) { - $this->Menu->AddLink('Dashboard', T('Dashboard'), '/dashboard/settings', array('Garden.Settings.Manage')); - // $this->Menu->AddLink('Dashboard', T('Users'), '/user/browse', array('Garden.Users.Add', 'Garden.Users.Edit', 'Garden.Users.Delete')); - $this->Menu->AddLink('Activity', T('Activity'), '/activity'); - $Authenticator = Gdn::Authenticator(); - if ($Session->IsValid()) { - $Name = $Session->User->Name; - $CountNotifications = $Session->User->CountNotifications; - if (is_numeric($CountNotifications) && $CountNotifications > 0) - $Name .= ' '.$CountNotifications.''; - - $this->Menu->AddLink('User', "Profile ($Name)", '/profile/{UserID}/{Username}', array('Garden.SignIn.Allow'), array('class' => 'UserNotifications')); - $this->Menu->AddLink('SignOut', T('Sign Out'), $Authenticator->SignOutUrl(), FALSE, array('class' => 'NonTab SignOut')); - } else { - $Attribs = array(); - if (C('Garden.SignIn.Popup') && strpos(Gdn::Request()->Url(), 'entry') === FALSE) - $Attribs['class'] = 'SignInPopup'; - - $this->Menu->AddLink('Entry', T('Sign In'), $Authenticator->SignInUrl($this->SelfUrl), FALSE, array('class' => 'NonTab'), $Attribs); - } - echo $this->Menu->ToString(); - } - ?> -
- RenderAsset('Panel'); ?> -
-
-
 
-
- - - - - - -
- - FireEvent('AfterBody'); ?> - - diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/views/discussion/comments.php --- a/forum/vanilla/themes/slitaz-2/views/discussion/comments.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,25 +0,0 @@ -FireEvent('BeforeCommentsRender'); -if (!function_exists('WriteComment')) - include($this->FetchViewLocation('helper_functions', 'discussion')); - -$CurrentOffset = $this->Offset; -if ($CurrentOffset == 0 && !$this->Data('NewComments', FALSE)) { - echo WriteComment($this->Discussion, $this, $Session, $CurrentOffset); -} - -// Only prints individual comment list items -$CommentData = $this->CommentData->Result(); -$i = 0; -foreach ($CommentData as $Comment) { - ++$CurrentOffset; - $this->CurrentComment = $Comment; - if ($i % 2) { - $counter = 'Odd'; - } else { - $counter = 'Even'; - } - WriteComment($Comment, $this, $Session, $CurrentOffset, $counter); - $i++; -} diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/views/discussion/helper_functions.php --- a/forum/vanilla/themes/slitaz-2/views/discussion/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,118 +0,0 @@ -EventArguments['Object'] = $Object; - $Sender->EventArguments['Type'] = $Type; - $Sender->EventArguments['Author'] = $Author; - $CssClass = 'Item Comment ' . $counter; - if ($Type == 'Comment') { - $Sender->EventArguments['Comment'] = $Object; - $Id = 'Comment_'.$Object->CommentID; - $Permalink = '/discussion/comment/'.$Object->CommentID.'/#Comment_'.$Object->CommentID; - } else { - $Sender->EventArguments['Discussion'] = $Object; - $CssClass .= ' FirstComment'; - $Id = 'Discussion_'.$Object->DiscussionID; - $Permalink = '/discussion/'.$Object->DiscussionID.'/'.Gdn_Format::Url($Object->Name).'/p1'; - } - $Sender->Options = ''; - $CssClass .= $Object->InsertUserID == $Session->UserID ? ' Mine' : ''; - $Sender->FireEvent('BeforeCommentDisplay'); -?> -
  • -
    -
    - FireEvent('BeforeCommentMeta'); ?> -
    - -
     
    -
    - - DateInserted); - ?> - - - 'Item_'.($CurrentOffset+1), 'rel' => 'nofollow')); ?> - - -
    - FireEvent('CommentInfo'); ?> -
    - FireEvent('AfterCommentMeta'); ?> -
    -
    - FireEvent('BeforeCommentBody'); ?> - FormatBody = Gdn_Format::To($Object->Body, $Object->Format); - $Sender->FireEvent('AfterCommentFormat'); - $Object = $Sender->EventArguments['Object']; - echo $Object->FormatBody; - ?> -
     
    - FireEvent('AfterCommentBody'); ?> -
    -
    • -FireEvent('AfterComment'); -} - -function WriteOptionList($Object, $Sender, $Session) { - $EditContentTimeout = C('Garden.EditContentTimeout', -1); - $CanEdit = $EditContentTimeout == -1 || strtotime($Object->DateInserted) + $EditContentTimeout > time(); - $TimeLeft = ''; - if ($CanEdit && $EditContentTimeout > 0) { - $TimeLeft = strtotime($Object->DateInserted) + $EditContentTimeout - time(); - $TimeLeft = $TimeLeft > 0 ? ' ('.Gdn_Format::Seconds($TimeLeft).')' : ''; - } - - $Sender->Options = ''; - $CategoryID = GetValue('CategoryID', $Object); - if(!$CategoryID && property_exists($Sender, 'Discussion')) - $CategoryID = GetValue('CategoryID', $Sender->Discussion); - - // Show discussion options if this is the discussion / first comment - if ($Sender->EventArguments['Type'] == 'Discussion') { - // Can the user edit the discussion? - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T('Edit'), '/vanilla/post/editdiscussion/'.$Object->DiscussionID, 'EditDiscussion').$TimeLeft.''; - - // Can the user announce? - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T($Sender->Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . ''; - - // Can the user sink? - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T($Sender->Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . ''; - - // Can the user close? - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T($Sender->Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . ''; - - // Can the user delete? - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T('Delete Discussion'), 'vanilla/discussion/delete/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'DeleteDiscussion') . ''; - } else { - // And if this is just another comment in the discussion ... - - // Can the user edit the comment? - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Comments.Edit', TRUE, 'Category', $Sender->Discussion->CategoryID)) - $Sender->Options .= ''.Anchor(T('Edit'), '/vanilla/post/editcomment/'.$Object->CommentID, 'EditComment').$TimeLeft.''; - - // Can the user delete the comment? - if ($Session->CheckPermission('Vanilla.Comments.Delete', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T('Delete'), 'vanilla/discussion/deletecomment/'.$Object->CommentID.'/'.$Session->TransientKey().'/?Target='.urlencode($Sender->SelfUrl), 'DeleteComment') . ''; - } - - // Allow plugins to add options - $Sender->FireEvent('CommentOptions'); - echo $Sender->Options; -} \ No newline at end of file diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz-2/views/discussions/helper_functions.php --- a/forum/vanilla/themes/slitaz-2/views/discussions/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,186 +0,0 @@ -Bookmarked == '1' ? ' Bookmarked' : ''; - $CssClass .= $Discussion->Closed == '1' ? ' Closed' : ''; - $CssClass .= $Alt.' '; - $CssClass .= $Discussion->Announce == '1' ? ' Announcement' : ''; - $CssClass .= $Discussion->Dismissed == '1' ? ' Dismissed' : ''; - $CssClass .= $Discussion->InsertUserID == $Session->UserID ? ' Mine' : ''; - $CssClass .= ($Discussion->CountUnreadComments > 0 && $Session->IsValid()) ? ' New' : ''; - $Sender->EventArguments['Discussion'] = &$Discussion; - $First = UserBuilder($Discussion, 'First'); - $Last = UserBuilder($Discussion, 'Last'); - - $Sender->FireEvent('BeforeDiscussionName'); - - $DiscussionName = Gdn_Format::Text($Discussion->Name); - if ($DiscussionName == '') - $DiscussionName = T('Blank Discussion Topic'); - - static $FirstDiscussion = TRUE; - if (!$FirstDiscussion) - $Sender->FireEvent('BetweenDiscussion'); - else - $FirstDiscussion = FALSE; -?> -
  • - FireEvent('BeforeDiscussionContent'); - WriteOptions($Discussion, $Sender, $Session); - ?> -
    - DiscussionID.'/'.Gdn_Format::Url($Discussion->Name).($Discussion->CountCommentWatch > 0 && C('Vanilla.Comments.AutoOffset') ? '/#Item_'.$Discussion->CountCommentWatch : ''), 'Title'); ?> - FireEvent('AfterDiscussionTitle'); ?> -
    - Announce == '1') { ?> - - - Closed == '1') { ?> - - - CountComments, '%s comment', '%s comments'), $Discussion->CountComments); ?> - IsValid() && $Discussion->CountUnreadComments > 0) - echo ''.Plural($Discussion->CountUnreadComments, '%s New', '%s New Plural').''; - - if ($Discussion->LastCommentID != '') { - echo ''.sprintf(T('Most recent by %1$s'), UserAnchor($Last)).''; - echo ''.Gdn_Format::Date($Discussion->LastDate).''; - } else { - echo ''.sprintf(T('Started by %1$s'), UserAnchor($First)).''; - echo ''.Gdn_Format::Date($Discussion->FirstDate).''; - } - - if (C('Vanilla.Categories.Use')) - echo Wrap(Anchor($Discussion->Category, '/categories/'.$Discussion->CategoryUrlCode, 'Category')); - - $Sender->FireEvent('DiscussionMeta'); - ?> -
    -
    -
    • -Category) ? $Sender->Category->Name : T('All Discussions'); - $Bookmarked = T('My Bookmarks'); - $MyDiscussions = T('My Discussions'); - $MyDrafts = T('My Drafts'); - $CountBookmarks = 0; - $CountDiscussions = 0; - $CountDrafts = 0; - if ($Session->IsValid()) { - $CountBookmarks = $Session->User->CountBookmarks; - $CountDiscussions = $Session->User->CountDiscussions; - $CountDrafts = $Session->User->CountDrafts; - } - if (is_numeric($CountBookmarks) && $CountBookmarks > 0) - $Bookmarked .= ''.$CountBookmarks.''; - - if (is_numeric($CountDiscussions) && $CountDiscussions > 0) - $MyDiscussions .= ''.$CountDiscussions.''; - - if (is_numeric($CountDrafts) && $CountDrafts > 0) - $MyDrafts .= ''.$CountDrafts.''; - - ?> -
    - - Category)) { - ?> -
    ↳ Category->Name; ?>
    - -
    - IsValid() && $Sender->ShowOptions) { - echo '
    '; - // Bookmark link - $Title = T($Discussion->Bookmarked == '1' ? 'Unbookmark' : 'Bookmark'); - echo Anchor( - '' - .Img('applications/dashboard/design/images/pixel.png', array('alt' => $Title)) - .'', - '/vanilla/discussion/bookmark/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), - 'Bookmark' . ($Discussion->Bookmarked == '1' ? ' Bookmarked' : ''), - array('title' => $Title) - ); - - $Sender->Options = ''; - - // Dismiss an announcement - if (C('Vanilla.Discussions.Dismiss', 1) && $Discussion->Announce == '1' && $Discussion->Dismissed != '1') - $Sender->Options .= '
  • '.Anchor(T('Dismiss'), 'vanilla/discussion/dismissannouncement/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'DismissAnnouncement') . '
    • '; - - // Edit discussion - if ($Discussion->FirstUserID == $Session->UserID || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T('Edit'), 'vanilla/post/editdiscussion/'.$Discussion->DiscussionID, 'EditDiscussion') . '
    • '; - - // Announce discussion - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T($Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . '
    • '; - - // Sink discussion - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T($Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . '
    • '; - - // Close discussion - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T($Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . '
    • '; - - // Delete discussion - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T('Delete'), 'vanilla/discussion/delete/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'DeleteDiscussion') . '
    • '; - - // Allow plugins to add options - $Sender->FireEvent('DiscussionOptions'); - - if ($Sender->Options != '') { - ?> - - '; - } -} \ No newline at end of file diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/README.txt --- a/forum/vanilla/themes/slitaz/README.txt Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,45 +0,0 @@ -How to create a theme: - -Part 1: CSS / Design -================================================================================ -1. Copy this "default" theme folder and rename it to your new theme name. -2. Open the "about.php" file and edit the information to reflect your theme. Be - sure to change the array key like this: $ThemeInfo['YourThemeNameHere']. -3. Create a "design" subfolder and copy /applications/dashboard/design/style.css - and /applications/vanilla/design/vanilla.css into it. -4. Any background images you want to continue using (like the star png images - for bookmarking) should be copied along with their respective stylesheets. -5. Go to your Dashboard, Themes, and apply your new theme. -6. Edit the copied CSS files to look however you wish! - -Other things you should know: - - + All non-forum pages should be edited in the global "style.css" file. - - + If you want to edit the look & feel of the administrative screens, also - copy /applications/dashboard/design/admin.css in step 3. Similarly, you can - copy other CSS files like /applications/vanilla/design/vanillaprofile.css to - customize those pages as well. - - -Part 2: HTML / Views -================================================================================ -If you want to customize the HTML, you can edit that too. -Our pages are made up of two parts: - - 1. Master Views - these represent everything that wraps the main content of the - page. If all you want to do is add a menu or banner above Vanilla, this is - all you need to alter. To do so, copy the default master view from - /applications/dashboard/views/default.master.php to - /themes/yourtheme/views/default.master.php and edit it there. - - 2. Views - these represent all of the content in each page. Every application - has a "views" folder that contains all of the HTML for every page. So, for - example, if you wanted to edit the HTML for the Discussions list, you could - copy the views from /applications/vanilla/views/discussions to - /themes/yourtheme/views/discussions and edit them there. - -You can avoid naming conflicts between applications' views and specify which -app a view is for by optionally adding a subfolder with the app's name in -/themes/yourtheme/views/ (e.g.: /themes/yourtheme/views/appname/) and placing -views there rather than directly in the "views" folder. \ No newline at end of file diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/about.php --- a/forum/vanilla/themes/slitaz/about.php Wed Mar 16 15:35:15 2011 +0000 +++ b/forum/vanilla/themes/slitaz/about.php Sat Mar 19 16:26:12 2011 +0100 @@ -1,11 +1,6 @@ . -Contact Vanilla Forums Inc. at support [at] vanillaforums [dot] com + Copyright 2011 SliTaz GNU/Linux. */ /** @@ -13,9 +8,9 @@ */ $ThemeInfo['SliTaz'] = array( 'Name' => 'SliTaz', - 'Description' => "SliTaz Vanilla 2 official theme", - 'Version' => '1.0', + 'Description' => "SliTaz official theme for Vanilla 2 ", + 'Version' => '4.0', 'Author' => "Christophe Lincoln", 'AuthorEmail' => 'pankso@slitaz.org', - 'AuthorUrl' => 'http://www.slitaz.org' + 'AuthorUrl' => 'http://www.slitaz.org/' ); diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/design/favicon.ico Binary file forum/vanilla/themes/slitaz/design/favicon.ico has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/design/favicon.png Binary file forum/vanilla/themes/slitaz/design/favicon.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/design/header-img.png Binary file forum/vanilla/themes/slitaz/design/header-img.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/design/style.css --- a/forum/vanilla/themes/slitaz/design/style.css Wed Mar 16 15:35:15 2011 +0000 +++ b/forum/vanilla/themes/slitaz/design/style.css Sat Mar 19 16:26:12 2011 +0100 @@ -1,438 +1,2717 @@ -@charset "utf-8"; -/* CSS Document */ - -/***--- MAIN / DEFAULT --***/ -html, body { height: 102%; margin: 0; } -html, body, input, select, textarea, button { - font-family: Verdana, Geneva, sans-serif; - font-size: 11px; - line-height: 17px; - color: #555; -} -a { color: #2f6c8e; text-decoration: none; } -a:hover { color: #69a1c1; } -a img { border: none; } -ul, ol { margin: 0; padding: 0; list-style: none; } - -.clear { - clear: both; - display: block; - height: 0; - overflow: hidden; - visibility: hidden; - width: 0; -} - -#Wrapper { min-height: 100%; position: relative; margin: 0 auto; } -.Hidden { display: none; } - -/***--- HEADER(S) --***/ - - -#Header h1 { padding: 15px; font-size: 2em; } -#Header a { color: #69a1c1; } -#Header a:hover { color: #FFF; } - -#Header{ - background: #f0ba08 url(../images/header.png) repeat-x top; - color: black; - width: 100%; - height: 50px; - border-top: 1px solid black; - border-bottom: 1px solid black; - margin-bottom: 30px; - position: absolute; - top: 0; -} - -#titre { - position: absolute; - font-size: 16px; - font-weight: bolder ; - margin-left: 200px; - margin-top: 28px; -} - -#logo { - position: absolute; - float: left; - margin-left: 16px; - margin-top: 0px; -} - -/***--- NAV --***/ -#Nav { - right: 0; - position: absolute; - top: 3px; - font-size: 10px; - font-weight: bold; } - -ul#Menu { - margin: 10px 15px; - float: left; } - -#Menu li { float: left; margin: 0 1px 0 0; } -#Menu a { - display: block; - padding: 5px 4px; - background: inherit; - color: white; - text-decoration: none; } - -#Menu a:hover { - background: inherit; - color: #222222; } -#Menu li.Highlight a { color: #222222; } - -/* search */ -#Search { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - height: 20px; - float: right; - background: #FFF; - padding: 2px 2px; - margin: 11px 15px; } -#Search form { padding: 0; border: none; } -#Nav #Search input.InputBox { width: 150px; border: none; } -#Search input.Button { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - height: 17px; - margin: 0; - padding: 0; } - -/***--- MAIN --***/ -/*#Main { }*/ - -/* 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 */ -#Content { - margin: 0px 320px 0px 0px; - padding: 86px 40px 65px 80px; - } -#Panel { - position: absolute; - top: 86px; - right: 80px; - color: #555555; - float: right; - width: 250px; - line-height: 1.5em; - text-align: left; - font-size: 12px; - } -.Box, #UserOptions { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - list-style-type: none; - margin: 10px 0; - padding: 10px 24px 10px 24px; - background-color: #eaeaea;} -#Panel .Box ul { - list-style-type: none; - margin: 0; - padding: 10px 24px 10px 0px; -} - -/***--- CONTENT --***/ -.GuestBox { background: #eaeaea; } -.GuestBox p { padding: 0; } -.Message img { max-width: 100%; } - -/* headers */ -h1 { margin: 0; font-size: 1.5em; } -#Content h1, h2, #Popup h1, div.DiscussionTabs .SubTab { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - font-size: 1.1em; background: #555555; color: #fff; margin: 0 0 10px; padding: 10px; font-weight: bold; -} -div.DiscussionTabs .SubTab { margin: 0; } - -#Panel h4, #Panel .GuestBox h4 { - font-size: 110%; - color: #666666; - font-weight: bold; - padding: 0 0 1px 0; - margin: 0; - border-bottom: 1px solid #cecece; } - -div.Empty, div#Status { padding: 10px; } - -/* tabs */ -.Tabs li, .SubTab { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - background: #CECECE; - padding: 5px 8px; - font-size: 140%; - font-weight: bold; - border-bottom: 1px solid #fff; } -.Tabs li.Active { background: #555; border-bottom: none; } -.Tabs li.Active a { color: #fff; } -.Tabs span { display: inline-block; margin: 0 10px; color: #888; } -.SubTab { font-size: 1em; } - -/* DISCUSSIONS */ -.DataList li.Item, .Conversation li.Item { - border-bottom: 1px solid #ccc; - position: relative; - padding: 10px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; -} -.Activities li.Item { min-height: 50px; } -.DataList li.Item a.Title { display: block; font-size: 1.15em; font-weight: bold; padding: 0 0 8px; } - -/* discussions meta */ -.DataList .Meta span, .DataList .Meta strong { - min-width: 100px; display: inline-block; margin: 0 5px 0 0; -} -.DataList .Meta .LastCommentBy { width: 175px; } -.DataList .Meta .LastCommentDate { width: 100px; } - -/* discussions highlight */ -.DataList li.Mine { background: #f1f1f1; border-bottom-color: #fff; } -.DataList li.New { background: #d8ecbc; } -.DataList li.Bookmarked { background: #ffdf5d; border-bottom-color: #fff; } - -.DataList li.Closed { background: #eee; } -.DataList .Meta .Closed { color: #333; } -.DataList li.Closed a.Title { text-decoration: line-through; } - -.DataList li.Announcement { background: #FFC; } -.DataList .Meta .Announcement, .DataList .Meta .Closed { - width: 100px; font-weight: bold; -} -.DataList .Meta .Announcement { color: #C60; } - -/* DISCUSSION */ -div.DiscussionTabs li { font-size: 1em; } -ul.Discussion { margin: 0 0 10px; } - -/* bookmark */ -a.Bookmark { width: 9px; height: 9px; position: absolute; top: 8px; right: 10px; font-size: 0; background: #fff; border: 1px dotted #ffcc00; } -.Discussion a.Bookmark { top: 41px; } -a.Bookmarked { background: #ffcc00; border: 1px solid #fff; } -div.Options a.Bookmark { top: 14px; } - -div.Comment { - position: relative; - border-bottom: 1px dotted #ccc; - padding: 10px; } -li.Even { background: #f8f8f8; } - -/* discussion meta */ -.Comment .Message, .Comment .MessageForm, .ConversationMessage .Message { - margin-left: 215px; line-height: 1.75em; -} -.Comment .Meta, .ConversationMessage .Meta { - width: 175px; float: left; padding: 10px; background: #FFC; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; -} -.Comment .Meta span, .ConversationMessage .Meta span, div.Meta div.PostCount { - display: block; border-bottom: 1px dotted #ccc; font-size: 0.85em; padding: 1px 0; -} -.Comment .Author, .ConversationMessage span.Author { - background: #fff; padding: 5px; border-bottom: none; -} -.Comment .Author img, .ConversationMessage .Author a.Photo { - float: left; margin: 0 10px 0 0; -} -.Comment .Author a, .ConversationMessage .Author a { - font-weight: bold; font-size: 1.1em; -} -blockquote { margin: 0; padding: 10px; background: #fff; border: 1px dotted #ccc; } -.Odd blockquote { background: #F8F8F8; } - -/* post */ -ul.PostOptions { margin: 0 0 10px; } -.Preview { padding: 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; } - -/*- Conversations & Activities -*/ -ul.Activities .Title { margin: 0 0 0 60px; font-weight: bold; } -ul.Conversations .Photo, ul.Activities .Photo { - width: 50px; height: 50px; float: left; font-size: 0.9em; color: #ccc; overflow: hidden; background: #eee; -} -ul.Conversations .Excerpt, ul.Activities .Excerpt { - margin: 0 0 10px 60px; -} -ul.Conversations .Meta, ul.Activities .Meta, .SearchResults .Meta { - margin: 0 0 0 60px;background: #FFC; padding: 3px 5px; -} -.SearchResults .Meta { margin: 5px 0 0; } -ul.ActivityComments { margin: 0 0 0 60px; } - -.ConversationMessage .Message { min-height: 100px; } -.ConversationMessage span.Author { height: 50px; } -.ConversationMessage span.ItemLink { display: none; } - -/***--- PANEL --***/ -.Block { padding: 15px; background: #ddd; margin: 0 10px 0 0; } -.Post #Panel, .Search #Panel { - display: none; -} - -.PanelInfo li { padding: 0px 0px; } -.PanelInfo li strong { font-weight: normal; } -.PanelInfo li.Active a { color: #c60; } -.PanelInfo li.Parent { background: #ccc; padding: 2px 5px; font-size: 1.1em; font-weight: bold; } - -.PanelInfo a { - color: #0F314E; - background: inherit; - display: block; - text-decoration: none; - font-weight: bold; -} - -.PanelInfo a:hover { - color: #c60; - text-decoration: none; - display: block; -} -/* account */ - -#Panel .Photo { background: #ddd; position: absolute; right: 10px; padding: 0 0 10px 10px; } -#Panel .Photo img { width: 50px; display: block; border: 5px solid #fff; border-bottom-width: 12px; } -#Panel .Photo img:hover { width: auto; } - -#Panel dl { padding: 10px; background: #fff; margin: 0; } -#Panel dt { font-weight: bold; padding: 2px 0 0; } -#Panel dd { margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 2px; } - -/* inbox */ -.PanelInfo li strong { display: inline-block; margin: 0 5px 0 0; } - -/*- Form elements -*/ -form { padding: 0 10px 10px; border-bottom: 1px dotted #ccc; } -fieldset { margin: 0; padding: 0; border: none; } - -form#Form_User_Register { margin-top: 10px; } - -input, textarea, select { - border: 1px solid #ccc; padding: 3px 5px; margin: 0; -} -input.InputBox { width: 325px; margin: 0 10px 5px 0; } - -input.Button, input.Cancel { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - cursor: pointer; border: none; background: #c60; color: #fff; padding: 4px; -} -input.Button:hover, input.Cancel:hover { - background: #555555; color: white; -} - -a.Back, a.Cancel { - margin: 0 5px 0 0; -} - -textarea { width: 95%; min-height: 100px; display: block; margin: 10px 0; } - -label { display: block; font-weight: bold; } -label.RadioLabel, label.CheckBoxLabel { - font-weight: normal; -} -label.RadioLabel input, label.CheckBoxLabel input { - border: none; -} - -li.Gender, li.CaptchaInput { - margin: 0 0 10px; -} -li.CreateAccount, li.Buttons { - margin: 5px 0 0; -} -.cleditorMain { margin: 10px 0; } - -.CommentForm div.Messages { margin: 8px 0 0; } -.Errors, .Warning { - color: #F00; -} - -/***--- BUTTONS ---***/ -.GuestBox a.Button { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - font-size: 11px; - padding: 4px; - margin: 0 0 10px; - background: #c60; - color: #FFF; } -.GuestBox .Button:hover { - background: #555555; } - -a.BigButton { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - display: block; - background: #c60; - color: #FFF; - padding: 10px; - font-size: 1.1em; - font-weight: bold; - text-align: center} -a.BigButton:hover { background: #555555; } -a.ClearConversation { margin: 10px 0 0; } - -/* options */ -div.Options, div.OptionButton { - position: absolute; top: 12px; right: 10px; -} -div.OptionButton { font-weight: bold; color: #555; } -ul.Options strong { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - cursor: pointer; - display: block; - padding: 5px 10px; - background: #FFC; - border: 1px solid #ccc; } - -ul.Options { margin: 5px 40px 0 0; } -ul.Options li { position: relative; } -ul.Options ul { min-width: 125px; display: none; position: absolute; z-index: 1000; background: #FFC; right: 0; border: 1px dotted #ccc; margin-top: -1px; } -ul.Options li:hover ul { display: block; } -ul.Options ul li { display: block; border-top: 1px dotted #ccc; } -ul.Options ul li:first-child { border-top: none; } -ul.Options ul li a { display: block; padding: 5px 10px; } - -/*- Pager -*/ -#PagerAfter { margin: 10px 0; text-align: center; background: #ddd; padding: 2px 10px; } -#PagerAfter a { display: inline-block; padding: 0 5px; } -#PagerAfter a.Highlight { color: #c60; } -span.Previous, a.Previous { float: left; } -#PagerAfter span.Next, #PagerAfter a.Next { float: right; padding: 0; } - -#PagerMore { text-align: right; padding: 5px 10px; } - -/***--- FOOTER --***/ -#Footer { - font-size: 11px ; - width: 100%; - position: absolute; - bottom: 0; - background: inherit; - color: #a8a8a8; } -#Footer ul { margin: 16px 15px; } -#Footer li { float: left; } -#Footer a { text-decoration: underline; background: inherit; color: #a8a8a8; } -#Footer a:hover { color: #666666; } - -/***--- OVERLAY ---***/ -.Overlay { width: 100%; position: absolute; top: 0; z-index: 10000; background: url(../images/overlayBg.png); } -.Overlay #Popup { width: 720px; padding: 15px; background: #FFF; margin: 0 auto; border: 1px dotted #c60; position: relative; } - -.Overlay .Buttons input.Button { margin: 0 0 10px; } -.Overlay p { padding: 0 10px; } -.Overlay a.Close { position: absolute; display: block; top: 10px; right: 15px; padding: 13px; font-size: 1.5em; color: #fff; } -.Overlay a.Close:hover { color: #c60; } -.Overlay ul { margin: 10px 0 0; } - -.Overlay input.Button { margin: 10px 0 0; } -.Overlay textarea { margin: 10px 0 0; } -.Overlay li.Gender { margin: 0; } - -.Overlay #Form_Picture { margin: 0 0 10px; } +/* +Welcome to the Generic Style CSS File! Some things you should know: + +1. This file is included on all front-end/user-facing pages. Applications can + override this file in their own custom files (ie. vanilla.css or + conversations.css). + +2. This file is broken down into the following sections: + + General Styles & Typography + + Header + + Main Menu + + Panels / Sidebars + + Activities + + Profile Page + + Profile Tab Menu + + Thumbnail Cropper + + Footer +*/ + +/* ================================================================ Reset CSS */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} +/* remember to define focus styles! */ +:focus { + outline: 0; +} +body { + line-height: 1; + color: black; + background: white; + border-top: 34px solid #f1f1f1; +} +ol, ul { + list-style: none; +} +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: separate; + border-spacing: 0; +} +caption, th, td { + text-align: left; + font-weight: normal; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ""; +} +blockquote, q { + quotes: "" ""; +} + +/* ============================================== General Styles & Typography */ +body { + color: #000; + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + font-size: 75%; + line-height: 1.7em; + background: #fff; + margin: 0; + padding: 0; + text-align: center; + font-size: small; +} +#Body { + width: 960px; + text-align: left; + margin: 15px auto 0; +} +#Content { + float: left; + width: 680px; + margin: 0 0 40px; +} +.Hidden { + display: none; +} +.nowrap { + white-space: nowrap; +} +.Center { + text-align: center; +} +.Right { + text-align: right; +} +h1, h2, h3, h4, h5, h6 { + color: #000; + font-family: "Helvetica Neue",Helvetica,arial,sans-serif; + font-weight: normal; + margin: 0; +} +p { + margin: 0.5em 0 0 0; + line-height: 1.6em; +} +h1, h2 { + border-bottom:1px solid #bbb; + font-size:140%; + font-weight:bold; + margin-bottom:10px; +} +h3 { + font-size:140%; +} +h4 { + font-size: 120%; + color: #6C6C6C; +} +h5 { + font-size: 120%; + color: #6C6C6C; +} +a, +a:link, +a:visited, +a:active { + text-decoration: none; + color: #2571B1; +} +a:hover { + text-decoration: none; + color: blue; +} +input.DateBox, +input.InputBox, +input.SmallInput, +textarea { + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + color: #333; + font-size: 15px; + padding: 3px; + margin: 0; + width: 250px; + border: 1px solid #aaa; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} +textarea.TextBox { + width: 500px; + height: 100px; + min-height: 100px; +} +#Popup textarea.TextBox { + width: 100%; +} +input.SmallInput, +input.InputBox { + padding: 6px 3px; +} +input.SmallInput:focus, +input.InputBox:focus, +textarea:focus { + background: #ffe; +} +textarea { + line-height: 128%; +} +select { + font-family: arial; + font-size: 14px; + color: #222; + margin: 0; + padding: 3px; + } +a.Button, +.Button { + cursor: pointer; + margin: 0; + font-size: 11px; + padding: 4px; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; + color: #02475A; + text-shadow: 0 1px 0 #fff; + border: 1px solid #999; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; + } +input.Button { + font-size: 14px; + font-weight: bold; +} +.Button:hover { + color: #111; + border: 1px solid #666; +} +.Button:focus { + background: #eee; +} +.Loading { + height: 100px; + padding: 0 20px; + background: url('images/progress.gif') center center no-repeat; +} +.Progress { + padding: 10px 40px 10px 0; + background: url('images/progress.gif') center center no-repeat; +} +.TinyProgress { + padding: 10px 40px 10px 0; + background: url('images/progress_sm.gif') center center no-repeat; +} +/* Note: Messages are the yellow notices that appear at the top/center of the + page to notify users of things like drafts being saved, etc. */ +div.Messages { + text-align: center !important; + position: fixed; + top: 0; + left: 0; + z-index: 200; + margin: 0 !important; + padding: 0 !important; + list-style: none !important; + font-size: 12px; + display: block; + width: 100%; +} +* html div.Messages { + position: absolute; + width: 100%;/*IE5.5*/ + top: 0; + left: 0; + overflow: visible; + top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); +} +div.Messages ul { + cursor: pointer; + width: auto !important; + border: 0 !important; + margin: 0 auto !important; + padding: 4px 8px !important; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + background: #ff9 !important; + display:-moz-inline-stack; + display:inline-block; + zoom:1; + *display:inline; + box-shadow: 0px 0px 2px #333; + -moz-box-shadow: 0px 0px 2px #333; + -webkit-box-shadow: 0px 0px 2px #333; +} +div.Messages ul li { + text-align: left !important; + border: 0 !important; + color: #000 !important; + padding: 0 !important; + margin: 0 !important; + list-style-position: outside; +} +div.Errors ul { + background: #d50a0a !important; +} +div.Errors ul li { + color: #fff !important; + background: #d50a0a !important; +} +.Conversations .Deleted { + text-decoration: line-through; +} +div.Deleted { + background: #f5f5f5; + border: 1px solid #dddddd; + margin: 10px 0 0; + padding: 6px 10px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message + strings & imply importance. */ +.Warning { + background: #ffc; + border: 1px solid #ff9; + color: #000; + padding: 6px 8px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.Alert { + background: #d00; + border: 1px solid #b00; + color: #fff; + padding: 3px 6px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.Alert a { + color: #fff; +} +.Alert a:hover { + text-decoration: underline; +} +div.Info { + font-size: 13px; + background: #fafafa; + border: 1px solid #eee; + color: #666666; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + padding: 8px; + margin: 0 0 10px; +} +div.Info strong { + font-weight: bold; +} +/* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages + that it renders in a div with this DismissMessage class. */ +div.DismissMessage { + margin: 6px 0 10px; + text-align: left; + position: relative; +} +div.DismissMessage p { + margin: 2px 0; +} +div.DismissMessage a.Dismiss { + font-family: arial; + position: absolute; + font-size: 22px; + font-weight: bold; + line-height: 1; + color: #999; + top: 3px; + right: 5px; +} +div.DismissMessage a.Dismiss:hover { + color: #ff0084; +} +#PagerLess { + -moz-border-radius-topright: 2px; + -moz-border-radius-topleft: 2px; + -webkit-border-top-right-radius: 2px; + -webkit-border-top-left-radius: 2px; + border-radius-topright: 2px; + border-radius-topleft: 2px; + margin-bottom: 1px; + text-align: left; +} +div.MorePager a.Loading { + border: 0 !important; + padding: 0 20px !important; + background: url('images/progress.gif') center center no-repeat !important; +} +#PagerMore { + margin-bottom: 1px; +} +.NumberedPager { + margin: 1px 0 0; + text-align: right; + font-weight: bold; + font-size: 16px; +} +#PagerBefore { + margin: 1px 0; +} +.NumberedPager a, +.NumberedPager span { + padding: 0 4px; +} +.NumberedPager span, +.NumberedPager a.Highlight { + color: #777; +} +.NumberedPager a.Next, +.NumberedPager span.Next, +.NumberedPager a.Previous, +.NumberedPager span.Previous { + font-size: 16px; + line-height: 10px; +} +.NumberedPager a.Next, +.NumberedPager span.Next { + margin-left: 6px; +} +.NumberedPager a.Previous, +.NumberedPager span.Previous { + margin-right: 6px; +} + + +/* =================================================================== Header */ +#Head { + background: #351a0a url(header-img.png) no-repeat top right; + padding: 10px 0 0 0; + border-top: 1px solid black; + border-bottom: 1px solid #999; +} +div.Search:after, +div#Search:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +body #Head h1 { + display: inline-block; + font-weight: bold; + margin: 0; + padding: 0 10px 5px 0; + border: 0; +} +#Head h1 a span { + font-size: 18px; + color: #f1f1f1; +} +#Head h1 a:hover span { + color: #b64b22; +} +#Head form { + float: right; + width: 250px; + background: #fff; + padding: 0; + margin: 15px 0 0; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +#Head form input.InputBox { + width: 204px; + border: 0; + padding: 4px 2px 4px 0; + background: #fff; + margin: 0; + -moz-border-radius-topleft: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + color: #969696; + font-size: 13px; +} +#Head form input.Button { + border: 0; + width: 38px; + height: 26px; + background: #eaeaea; + color: #222222; + padding: 3px 0 4px; + margin: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} +#Menu ul { + display: none; +} +#Menu li { + line-height: 27px; + float: left; + position: relative; + display: block; + list-style: none; + padding: 0; + margin: 0 4px 0 0; + font-weight: bold; + text-align: left; +} +* html #Menu li { + display: inline; +} +#Menu a { + border: 0; + text-decoration: none; + position: relative; + display: block; + padding: 0 7px; + white-space: nowrap; + font-size: 11px; + height: 28px; +} +* html #Menu a { + display: inline; + padding: 6px 10px; +} +#Menu li.NonTab, +#Menu li.NonTab a { + background: transparent; + border: 0; + font-weight: normal; +} +#Menu a span, +#Menu li.Active a span, +#Menu li.Highlight a:hover span { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + padding: 0 2px; + font-size: 9px; + line-height: 12px; + font-weight: normal; +} + +/* Option (dropdown) Menus + +Menu takes a z-index of 100 +Option menu takes a z-index of 300 + +*/ +ul.Options, +ul.Options ul { + margin: 0; + padding: 0; + display: none; +} +ul.Options { + z-index: 298; +} +ul.Options ul { + z-index: 300; + position: absolute; +} +ul.Options li { + float: right; + position: relative; + display: block; + list-style: none outside none; + padding: 0; + font-size: 11px; + line-height: 22px; +} +ul.Options h3 { + display: block; + cursor: pointer; + margin: 0; + padding: 0; +} +ul.Options li ul li { + float: none; + text-align: left; + margin: 0; + font-weight: normal; +} +ul.Options li ul li a { + width: 104px; + padding: 0 6px; + height: auto; +} +ul.Options a { + text-decoration: none; + display: block; + position: relative; + white-space: nowrap; + font-size: 11px; +} +ul.Options ul li { + display: block; + float: none; +} +ul.Options li.Parent strong { + display: block; + padding: 4px; + margin: 3px 4px 0 0; + font-size: 10px; + font-weight: normal; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; + border: 1px solid #bbb; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + color: #555; + cursor: pointer; + line-height: 100%; +} +ul.Options li.Parent strong:focus, +ul.Options li.Parent strong:hover { + color: #333; + border: 1px solid #888; +} +ul.Options li.Parent strong:focus { + background: #eee; +} +ul.Options li.Active strong:hover, +ul.Options li.Active strong { + color: #fff; + background: #9c9c9c !important; + border: 1px solid #9c9c9c; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +ul.Options li.Active { + background: none; +} +ul.Options li.Active ul { + border: 1px solid #9c9c9c; + background: #fafafa; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} +ul.Options li.Active ul li a { + background: none; +} +ul.Options li.Active a { + background: #efefef; + color: #595959; +} +ul.Options li.Active a:hover { + background: #8d8d8d; + color: #fff; +} +ul.Options li.Parent strong:hover, +ul.Options li.Active strong:hover, +ul.Options li.Active strong, +ul.Options li.Active ul { + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0 0 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; +} +.Center { + text-align: center; +} + + +/* ================================================================ Main Menu */ +div.Menu { + width: 960px; + margin: 0 auto; + position: relative; + text-align: left; + vertical-align: bottom; +} +ul#Menu { + display: inline-block; + margin-right: 280px; + vertical-align: bottom; +} +#Menu ul, +#Menu li.Active { + background: #38abe3; +} +#Menu a, +#Menu li.Active a { + color: #fff; +} +#Menu a:hover { + background: #a3431f; +} +#Menu a:hover, +#Menu li.NonTab a:hover { + color: #fff !important; +} +/* Numbers next to menu items */ +#Menu a span, +#Menu li.Active a span, +#Menu li.Highlight a:hover span { + background: #f2fcff; + color: #299fc7; +} + +#Head .Search, #Head #Search { + position: absolute; + right: 0; + bottom: 6px; + text-align: right; +} + +/* ======================================================== Panels / Sidebars */ +#Panel { + width: 250px; + float: right; +} +div.Box { + background: #eaeaea; + color: #888; + padding: 6px 10px; + margin: 0 0 10px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; +} +div.Box h4 { + font-size: 110%; + color: #666666; + font-weight: bold; + margin: 0; + padding: 0 0 1px; +} +div.Box h4 a { + color: #666666; +} +div.Box dl { + overflow: hidden; +} +div.Box dl dt { + font-size: 12px; + float: left; + width: 80px; + color: #555; +} +div.Box dl dd { + font-size: 12px; + margin-left: 80px; +} +div.Box p { + font-size: 100%; + padding: 0 0 4px; + color: #555; +} +ul.PanelActivity { + border-top: 1px solid #C8C8C8; + border-bottom: 0; +} +ul.PanelActivity li { + background: #f1f1f1; + border-bottom: 1px solid #C8C8C8; + padding: 2px 4px; + color: #555; + font-size: 11px; + line-height: 1.6; +} +ul.PanelActivity li a { + font-size: 13px; +} +ul.PanelActivity li a.Name { + margin-right: 2px; +} +ul.PanelActivity span { + padding: 0 4px; +} +ul.PanelActivity p { + padding: 0 4px; + display: inline; + font-size: 90%; +} +ul.PanelActivity li em { + padding-left: 5px; + color: #777; + font-size: 80%; +} +ul.PanelActivity li div.Story { + font-size: 85%; +} +ul.PanelInfo li { + background: #f1f1f1; + border-bottom: 1px solid #C8C8C8; + padding: 2px 4px; + text-align: right; +} +ul.PanelInfo li.Heading { + text-align: left; + color: #000; + font-weight: bold; +} +ul.PanelInfo { + border-top: 1px solid #C8C8C8; + border-bottom: 0; +} +ul.PanelInfo li strong { + font-weight: normal; + text-align: left; + font-weight: normal; +} +ul.PanelInfo li a { + float: left; +} +ul.PanelInfo div.Meta { + font-size: 11px; +} +ul.PanelInfo div.Meta span, +ul.PanelInfo div.Meta strong { + margin-right: 8px; +} +ul.PanelInfo div.Meta span a { + margin-left: 8px; +} +ul.PanelInfo div.Meta strong { + display: inline; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + /* + box-shadow: 0px 0px 2px #777; + -moz-box-shadow: 0px 0px 2px #777; + -webkit-box-shadow: 0px 0px 2px #777; + */ + background: #FF0; + color:#000; + font-size:9px; + font-weight:bold; + padding: 3px; + line-height: 1; +} +ul.PanelInfo li.Parent { + text-align: left; + font-weight: bold; + background: none; + color: #333; + padding: 2px 0; +} +ul.PanelInfo li.Active { + background: #f8f8f8; + border-bottom: 1px solid #444444; +} +ul.PanelInfo li.Active a { + color: #1e79a7; +} +ul.PanelActivity li.ShowAll, +ul.PanelInfo li.ShowAll { + font-weight: bold; + border: 0; + text-align: right; + background: none; +} +#UserOptions { + margin-bottom: 10px; +} +body.Profile ul.PanelInfo { + border-bottom: 1px solid #C8C8C8; +} +body.Profile ul.PanelInfo li { + border-bottom: 0; + text-align: left; +} +body.Profile ul.PanelInfo li a { + float: none; +} +a.BigButton { + text-align: center; + display: block; + cursor: pointer; + margin: 0 0 10px; + font-size: 15px; + font-weight: bold; + padding: 8px 0; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; + color: #02475A; + text-shadow: 0 1px 0 #fff; + border: 1px solid #999; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; + } +a.BigButton:hover { + color: #111; + border: 1px solid #666; + box-shadow: 0px 0px 5px #aaa; + -moz-box-shadow: 0px 0px 5px #aaa; + -webkit-box-shadow: 0px 0px 5px #aaa; +} +a.BigButton:focus { + background: #eee; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; +} +/* Category Depths */ +ul.PanelCategories li.Depth2 { padding-left: 8px; } +ul.PanelCategories li.Depth3 { padding-left: 12px; } +ul.PanelCategories li.Depth4 { padding-left: 16px; } +ul.PanelCategories li.Depth5 { padding-left: 20px; } +ul.PanelCategories li.Depth6 { padding-left: 24px; } +ul.PanelCategories li.Depth7 { padding-left: 28px; } +ul.PanelCategories li.Depth8 { padding-left: 32px; } +ul.PanelCategories li.Depth9 { padding-left: 36px; } +ul.PanelCategories li.Depth10 { padding-left: 40px; } +ul.PanelCategories li.Depth11 { padding-left: 44px; } +ul.PanelCategories li.Depth12 { padding-left: 48px; } +ul.CategoryList li.Depth2 { padding-left: 25px !important; } +ul.CategoryList li.Depth3 { padding-left: 50px !important; } +ul.CategoryList li.Depth4 { padding-left: 75px !important; } +ul.CategoryList li.Depth5 { padding-left: 100px !important; } +ul.CategoryList li.Depth6 { padding-left: 125px !important; } +ul.CategoryList li.Depth7 { padding-left: 150px !important; } +ul.CategoryList li.Depth8 { padding-left: 175px !important; } +ul.CategoryList li.Depth9 { padding-left: 200px !important; } +ul.CategoryList li.Depth10 { padding-left: 225px !important; } +ul.CategoryList li.Depth11 { padding-left: 250px !important; } +ul.CategoryList li.Depth12 { padding-left: 275px !important; } +ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; } +ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; } +ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; } +ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; } +ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; } +ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; } +ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; } +ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; } +ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; } +ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; } +ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; } + +div.Box.RecentUsers { + float: left; +} +div.Icons a { + display: block; + margin: 0 2px 2px 0; + float: left; +} +div.Icons img { + display: block; + height: 44px; + width: 44px; + overflow: hidden; + background: #c4cde0; + color: #c4cde0; + text-indent: 50px; +} + +/* ================================================ DataList (Search Results) */ +/* Note: DataList is used in search results, vanilla discussions & drafts */ +div.Empty { + margin: 10px 0; +} +ul.DataList li.Item { + margin: 0; + padding: 4px 0; + border-bottom: 1px solid #bec8cc; +} +ul.DataList li.Item li.Item { + border-bottom: none; +} +ul.DataList li { + border: 0; + padding: 0; + position: relative; +} +ul.DataList div.Options { + position: absolute; + right: 0; + width:100px; +} +ul.DataList div.OptionButton { + position: absolute; + top: 0; + right: 0; +} +ul.DataList a.Title { + display: block; + margin: 0; + font-size: 14px; + font-weight: bold; +} +ul.DataList div.Title { + display: block; + margin: 0; +} +ul.DataList div.Title a { + font-size: 120%; + font-weight: bold; +} +ul.DataList div.Meta { + font-size: 11px; + color: #70727c; +} +ul.DataList div.Excerpt { + font-size: 12px; + line-height: 1.4; +} +ul.DataList div.Excerpt a { + color: #333; + display: block; +} +ul.DataList div.Excerpt p { + display: inline; + padding: 0; +} +/* ul.DataList div.Meta span a, */ +ul.DataList div.Meta span, +ul.DataList div.Meta strong { + margin-right: 12px; +} +ul.DataList div.Meta strong { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + /* + box-shadow: 0px 0px 2px #777; + -moz-box-shadow: 0px 0px 2px #777; + -webkit-box-shadow: 0px 0px 2px #777; + */ + background: #FF0; + color:#000; + font-size:9px; + font-weight:bold; + padding: 3px; + line-height: 1; +} +ul.DataList div.Meta a { + color: #2b2d33; +} +ul.DataList a.Delete { + width: auto; + padding: 0 5px; + margin: 0 1px 0 0; + font-size: 11px; + font-weight: normal; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: #555; + cursor: pointer; + line-height: 1; +} +ul.DataList a.Delete:hover { + padding: 4px; + color: #333; + border: 1px solid #888; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; +} +ul.DataList a.Delete:focus { + background: #f8f8f8; +} +/* Condensed datalists make the main link & excerpt inline. */ +ul.DataList div.Photo { + float: left; + padding: 0 10px 0 0; + font-size: 11px; +} +ul.DataList div.Photo img { + display: block; + height: 43px; + width: 43px; + overflow: hidden; + background: #eee; +} +ul.Condensed li, +li.Condensed { + clear: left; +} +ul.Condensed a.Title, +li.Condensed a.Title, +ul.Condensed div.Title, +li.Condensed div.Title { + display: inline; + padding: 0; +} +ul.Condensed div.Excerpt, +li.Condensed div.Excerpt { + display: inline; +} +ul.Condensed div.Excerpt a, +li.Condensed div.Excerpt a { + display: block; + padding: 3px 0; +} + +/* =============================================================== Activities */ + +body.Activity h1 { + margin: 0; +} +body.Profile ul.Activities { + margin-top: 10px; + border-top: 1px solid #ddd; +} +ul.Activities li.HasPhoto div.Title { + padding: 0; +} +ul.Activities a.Title, +ul.Activities div.Title, +ul.Activities div.Title a { + font-size: 14px; +} +ul.Activities div.Excerpt { + color: #80828C; +} +ul.Activities li.Condensed div.Excerpt { + color: #000; + font-size: 13px; + padding: 0 0 0 4px; +} +ul.Activities div.Excerpt a, +ul.Activities div.Meta a { + color: #1e79a7; +} +ul.Activities div.Excerpt a:hover, +ul.Activities div.Meta a:hover { + color: #ff0084; +} +ul.Activities div.Excerpt img { + padding: 2px; + border: 1px solid #999; +} +ul.Activities ul.DataList { + margin-left: 50px; + width: 400px; +} +ul.Activities div.ItemContent { + width: 631px; +} +ul.Activities li.HasPhoto div.ItemContent { + margin-left: 53px; + width: 578px; +} +ul.Activities li.Item li.HasPhoto div.ItemContent { + width: auto; + margin-left: 42px; +} +ul.Activities ul.DataList li { + background: #D7E7FF; + margin-bottom: 2px; + padding: 6px; +} +ul.Activities ul.DataList a.Title, +ul.Activities ul.DataList div.Title, +ul.Activities ul.DataList div.Title a, +ul.Activities ul.DataList div.Excerpt p { + font-size: 13px; + line-height: 1; +} +ul.HasPhoto div.Excerpt, +ul.HasPhoto div.Meta { + padding-left: 49px !important; + display: block; +} +ul.Activities ul.DataList .HasPhoto div.Meta { + padding: 2px 0 0; + line-height: 1; +} +ul.Activities ul.DataList div.Photo img { + height: 32px; + width: 32px; +} +ul.Activities a.CommentLink, +ul.Activities a.CommentLink:hover { + font-size: 12px; + cursor: text; + background: #fff; + color: #bbb !important; + padding: 5px; + text-decoration: none; + border: 1px solid #aaa; + display: block; + line-height: 100%; + font-weight: normal; +} +ul.Activities li.CommentForm form div { + text-align: right; +} +ul.Activities li.CommentForm textarea.TextBox { + width: 380px; + min-height: 40px; + height: 40px; + margin-bottom: 2px; + font-size: 12px; +} +ul.Activities li.CommentForm input.Button { + font-size: 12px; + box-shadow: 0 0 1px #999; + -moz-box-shadow: 0 0 1px #999; + -webkit-box-shadow: 0 0 1px #999; +} + + +/* ============================================================== MessageList */ +/* used for lists of message-based content (discussion comments, private +conversation messages, etc). */ + +ul.MessageList, +ul.MessageList li { + list-style: none; + margin: 0; + padding: 0; +} +ul.MessageList li.Item { + border-bottom: 1px solid #ddd; + padding: 10px 4px 4px 10px; +} +ul.MessageList div.Meta { + font-size: 11px; + color: #777; + min-height: 40px; +} +ul.MessageList div.Meta span.Author img { + height: 40px; + width: 40px; + border: 0; + margin: 0 10px 0 0; + float: left; + overflow: hidden; + background: #eee; +} +ul.MessageList div.Meta span { + line-height: 2.5; + padding-left: 10px; +} +ul.MessageList div.Meta span.Author { + padding: 0; +} +ul.MessageList div.Meta span.Author a { + font-size: 15px; + font-weight: bold; +} + +ul.MessageList div.Comment div.Meta span { + line-height: inherit; +} + +ul.MessageList div.Comment div.Meta div.CommentInfo { + line-height: normal; +} + +ul.MessageList div.Comment div.Meta div.CommentInfo span { + padding-left: 0px; + padding-right: 10px; +} + +div.Preview { + text-align: left; + background: #f1f1f1; + padding: 1px 8px; + margin: 4px 0 8px; +} +div.Popup div.Preview { + padding: 8px; + margin: 0; +} +body.Post div.Popup a.Close { + color: #1e79a7; +} +div.Preview div.Message, +ul.MessageList div.Message { + clear: both; + line-height: 140%; + font-size: 100%; + word-wrap: break-word; +} +div.Preview div.Message, +div.Preview div.Message p, +ul.MessageList div.Message, +ul.MessageList div.Message p { + margin: 8px 0; +} +div.Preview div.Message blockquote, +ul.MessageList div.Message blockquote { + padding: 4px 16px; + margin: 4px 0; +} + +code, pre { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + background: #ff9; + padding: 4px 8px; + white-space: pre; + font-family: monospace; + overflow: auto; + border: 1px solid #eec; +} +pre { + display: block; +} +div.Preview div.Message strong, +ul.MessageList div.Message strong { + font-weight: bold; +} +div.Preview div.Message em, +ul.MessageList div.Message em { + font-style: oblique; +} +div.Preview div.Message ul, +div.Preview div.Message ol, +ul.MessageList div.Message ul, +ul.MessageList div.Message ol { + margin-left: 3em ! important; +} +div.Preview div.Message ol li, +ul.MessageList div.Message ol li { + list-style: decimal ! important; +} +div.Preview div.Message ul li, +ul.MessageList div.Message ul li { + list-style: disc ! important; +} +div.Message h1, +div.Message h2, +div.Message h3, +div.Message h4, +div.Message h5 { + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + font-weight: bold; + border: none; + color: #000; +} +div.Message h1 { font-size: 22px; } +div.Message h2 { font-size: 20px; } +div.Message h3 { font-size: 18px; } +div.Message h4 { font-size: 16px; } +div.Message h5 { font-size: 14px; } +div.Message div.ImageResized { + font-size: 11px; + font-weight: normal; + cursor: pointer; + margin-bottom: 10px; +} +/* The "Foot" is at the bottom of the #Content section. Used for more results +links, sign in buttons, etc */ +.Foot { + border-bottom: 1px solid #C8C8C8; + padding: 6px; + background: #eaeaea; + text-align: right; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-right-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + } +.Foot a.TabLink { + margin-left: 10px; +} +.Foot .Note { + line-height: 2.6; + float: left; + padding: 0 0 0 8px; + font-weight: bold; +} + +/* =============================================================== Categories */ +ul.CategoryList li.Item { + margin: 0; + padding: 0; + border: 0 !important; +} +ul.CategoryList .ItemContent { + position: relative; + margin-top: -1px; + border: 1px solid #BEC8CC; + border-width: 1px 0; + padding: 4px 9px; +} +div.Meta span.ChildCategories { + border-top: 1px dotted #ddd; + display: block; +} +ul.DataList div.Meta span.RSS { + margin-right: 6px; +} +div.Meta span.RSS img { + vertical-align: text-bottom; +} +ul.CategoryList li.CategoryHeading { + font-weight: bold; + font-size: 14px; +} + +/* ============================================================= Profile Page */ +body.Profile #Content { + width: auto; + margin: 0 0 40px 20px; + width: 690px; + float: right; +} +body.Profile #Panel { + float: left; + width: 250px; +} +ul.SideMenu { + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + background: none; + padding: 0; + margin: 0 0 10px; +} +ul.SideMenu li ul { + margin: 0; + padding: 0; + border: 0; + background: none; +} +ul.SideMenu li ul li { + border-bottom: 1px solid #bec8cc; +} +ul.SideMenu li ul li a { + padding: 0 8px; + display: block; +} +ul.SideMenu li ul li a:hover { + text-decoration: none; + background: #eaeaea; +} +div.User { + line-height: 150%; +} +div.User, +div.User a { + text-decoration: none; +} +div.User h1 { + padding: 0 0 8px; + margin: 0; + line-height: 100%; + border: 0; +} +#Status { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + background: #f1f1f1; + margin: 0; + padding: 8px 8px 0; + color: #999; + font-weight: normal; + line-height: 1.5; +} +#Status p { + font-size: 120%; + color: #6c6c6c; + display: inline; + margin: 0; + padding: 0; + line-height: 1; +} +#Status a.Change { + text-transform: lowercase; + font-size: 11px; + text-decoration: none; +} +#Status a:hover { + text-decoration: underline; +} +div.User form { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + background: #f1f1f1; + padding: 8px 8px 0; +} +div.User form input.InputBox { + width: 618px; + margin-right: 2px; +} +form.Activity { + display: block; + padding: 10px 10px 0 10px; + text-align: right; +} +form.Activity textarea { + width: 99%; + margin-bottom: 2px; + height: 60px; + min-height: 60px; +} + +/* Invitations Form */ +#Form_Invitation table { + width: 100%; + border-collapse: collapse; + margin: 10px 0; + background: #f1f1f1; + border: 1px solid #DDDDDD; +} +#Form_Invitation table label { + font-size: 12px; + padding: 0px; +} +#Form_Invitation table tr.Last td, +#Form_Invitation table tr.Last th { + border-bottom: 0px; +} +#Form_Invitation table th, +#Form_Invitation table td { + font-weight: normal; + color: #555; + padding: 6px; +} +#Form_Invitation table thead th, +#Form_Invitation table thead td { + border-bottom: 1px solid #DDDDDD; +} +#Form_Invitation table tbody th { + font-weight: bold; + color: #000; +} +#Form_Invitation table tbody th, +#Form_Invitation table tbody td { + border-bottom: 1px solid #DDDDDD; + line-height: 150%; +} +#Form_Invitation table thead th { + font-weight: bold; + font-size: 13px; + color: #000; +} +#Form_Invitation table.AltRows tr.Alt th, +#Form_Invitation table.AltRows tr.Alt td, +#Form_Invitation table.AltColumns th.Alt, +#Form_Invitation table.AltColumns td.Alt { + background: #f1f1f1; +} +#Form_Invitation table.AltColumns tr.Alt { + background: none; +} +body.Profile ul.Notifications { + border-top: 0; + margin-top: 0; +} + + +/* ================================================= Tabs, Headings & Footers */ +div.MessageForm { + text-align: right; +} +div.MessageForm, +div.Tabs, +div.Headings { + display: block; + border-bottom: 1px solid #C8C8C8; + padding: 5px 8px; + margin: 0; + background: #f1f1f1; +} +div.MessageForm div.Tabs { + padding: 0; + border: 0; + background: none; + text-align: left; +} +div.MessageForm div.Tabs ul { + display: inline; +} +div.Tabs li { + display: inline; + margin: 0; +} +div.MorePager a, +div.MorePager a:link, +div.MorePager a:hover, +div.MorePager a:active, +div.MorePager a:visited, +a.TabLink, +a.TabLink:link, +a.TabLink:hover, +a.TabLink:active, +a.TabLink:visited, +div.Tabs li a, +div.Tabs li a:link, +div.Tabs li a:hover, +div.Tabs li a:active, +div.Tabs li a:visited { + margin: 0; + border: 1px solid #C8C8C8; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background: #b64b22; + display: inline; + font-weight: bold; + color: #ffffff; + text-decoration: none; + padding: 5px 10px; + line-height: 2.6; +} +div.MorePager li a:hover, +a.TabLink:hover, +div.Tabs li a:hover { + background: #a3431f; +} +a.Active, +div.Tabs li.Active a { + background: #fff; + color: #474747; +} +div.Tabs li a span { + line-height: 1; + font-size: 80%; + padding: 0 3px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + font-weight: normal; + background: #1e79a7; + color: #eaf4fd; + margin: 0 0 0 4px; +} +div.Tabs div.SubTab { + margin: 10px 0 0; + padding: 4px 8px; + background: #f3fcff; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} +div.HeadingTabs { + padding: 8px 8px 8px 12px; +} +div.HeadingTabs ul { + display: inline; + float: right; +} +div.HeadingTabs div.SubTab { + font-size: 14px; + display: inline; + font-weight: bold; + background: none; + padding: 0; + line-height: 2.4; +} +div.SearchTabs input.InputBox { + width: 560px; + margin-right: 10px; +} +div.Headings { + position: relative; + text-align: left; +} +div.Headings div { + display: inline-block; + padding-right: 10px; +} +div.Headings div.ItemHeading { + font-size: 14px; + font-weight: bold; + line-height: 2; +} +div.Headings div.MetaHeading { + font-size: 11px; +} + +/* ======================================================== Thumbnail Cropper */ +form.Thumbnail table { + width: 100%; +} +form.Thumbnail table td { + width: 50%; +} +form.Thumbnail table tr td { + vertical-align: top; +} +form.Thumbnail table tr th { + padding-right: 10px; +} +.jcropper-holder { + border: 1px black solid; +} +.jcrop-holder { + text-align: left; +} +.jcrop-vline, .jcrop-hline { + font-size: 0; + position: absolute; + background: white url('images/jcrop.gif') top left repeat; +} +.jcrop-vline { height: 100%; width: 1px !important; } +.jcrop-hline { width: 100%; height: 1px !important; } +.jcrop-handle { + font-size: 1px; + width: 7px !important; + height: 7px !important; + border: 1px #eee solid; + background-color: #333; + *width: 9px; + *height: 9px; +} +.jcrop-tracker { + *background-color: gray; + width: 100%; height: 100%; +} +.custom .jcrop-vline, +.custom .jcrop-hline { + background: yellow; +} +.custom .jcrop-handle { + border-color: black; + background-color: #C7BB00; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +form.Thumbnail table { + width: 100%; +} +form.Thumbnail table td { + font-weight: normal; +} + + +/* =================================================================== Popups */ +div.Popup div.Errors ul { + border: 1px solid #a00 !important; +} +div.Popup div.Messages { + text-align: left; + position: inherit; + top: auto; + left: auto; + z-index: auto; + margin: 10px 0 !important; +} +div.Popup div.Messages ul { + display: block; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} +* html div.Popup div.Messages { + position: inherit; + width: auto; + top: auto; + left: auto; + overflow: auto; +} +div.Popup .Info { + margin-top: 10px; +} +div.Popup .Loading { + display: block; + width: 200px; +} +div.Overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +div.Popup { + position: absolute; + width: 100%; + top: 0; + left: 0; + z-index: 5000; + text-align: center; +} +div.Popup div.Border { + margin: 0px auto; + text-align: left; + position: relative; + max-width: 500px; + display: inline-block; +} +div.Popup div.Body { + background: #fff; +} +div.Popup div.Legal, +div.Popup .Content form { + max-height: 440px; + overflow: auto; + padding: 0 10px 10px; +} +div.Popup .Loading { + text-align: center; +} +div.Popup h1, +div.Popup h2, +div.Connect h1, +div.Connect h2 { + font-size:120%; + font-weight:bold; + margin-bottom: 0; + color: #fff; + background: #38abe3; + border-bottom: 1px solid #3DB9E5; + padding: 6px 9px 4px; +} +a.Close { + position: absolute; + top: 16px; + right: 20px; + line-height: 1; + color: #E4F7FE; + cursor: pointer; + font-family: arial; + font-size: 22px; + font-weight: bold; + padding: 0; +} +a.Close:hover { + color: #fff; +} +div.Popup .Footer { + border: none; + background: none; + padding: 0; + margin: 0; + text-align: right; +} +div.Popup .Footer input.Button { + font-size: 11px; + margin-right: 2px; +} +div.Popup h3 { + font-size: 120%; + font-weight: bold; + padding: 20px 0 10px; +} +div.Popup p { + padding: 6px 10px 10px; +} +div.Popup div.Legal p { + padding: 6px 0 10px; +} +div.Popup small { + font-size: 11px; +} +div.Popup form p { + padding: 0; +} +body.Profile #Form_Invitation ul li label, +body.Profile #Form_User ul li label, +div.Popup form ul li label { + color:#000; + display:block; + font-size:14px; + font-weight:bold; + margin: 10px 0 0; +} +body.Entry form ul li.Gender label.RadioLabel, +body.Profile #Form_User ul li.Gender label.RadioLabel, +div.Popup form ul li.Gender label.RadioLabel { + display: inline; + padding-right: 20px; +} +li.Gender { + margin-bottom: 10px; +} +body.Profile #Form_User ul li label.RadioLabel, +body.Profile #Form_User ul li label.CheckBoxLabel, +div.Popup form ul li label.RadioLabel, +div.Popup form ul li label.CheckBoxLabel { + font-weight: normal; +} +div.Profile #Form_User input.Button, +div.Popup input.Button { + margin: 4px 0 2px; +} +div.Popup #Form_User div.Warning, +#dashboard_profile_picture #Form_User div.Warning { + margin: 6px 0; +} + +/* Serious Ajax Error Styles */ +div.AjaxError { + white-space: pre; + overflow: auto; + padding: 10px; +} + +/* ==================================================================== Legal */ +div.Legal h3 { + padding: 0; + margin: 20px 0 0; + font-size: 120%; + font-weight: bold; +} +div.Legal ol { + list-style-position:outside; + list-style-type:decimal; + margin:0 30px 10px; +} +div.Legal ul { + list-style-position:outside; + list-style-type:disc; + margin:0 30px 10px; +} +div.Legal li { + padding: 5px 0; +} +div.Legal strong { + font-weight: bold; +} + + +/* =================================================================== Footer */ +#Foot { + clear: both; + text-align: center; + margin: 2px 0; + padding: 4px 9px; + font-size: 13px; + color: #ddd; + line-height: 1; +} +#Foot a { + color: #ccc; +} +#Foot a:hover { + color: #aaa; +} +#Foot div { + width: 960px; + padding: 6px 0; + margin: 20px auto 0; + text-align: left; +} + + + +/* ================================ Vanilla ================================= */ + +#Panel ul.Discussions { + border: 0; +} +ul.PanelDiscussions li { + text-align: left; +} +ul.PanelDiscussions li a { + float: none; +} +ul.PanelDiscussions li strong { + display: block; + line-height: 1.5; +} + +/* ============================================================== Discussions */ + +/* Note: The Vanilla Discussion List has the following classes applied to + individual list elements and can be styled: + + Bookmarked: the user has bookmarked that topic + + Announcement: the discussion has been announced + + Mine: the user created the discussion + + New: there are new comments since the last viewed the discussion +*/ +.Mine { background: #f1f1f1; } + +ul.DataList div.Meta a.Category { + background: #fafafa; + padding: 2px 4px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} +ul.DataList li.Mine div.Meta a.Category { + background: #eff7ff; +} + +ul.DataList div.Meta span.Announcement { + background: #777777; + color: #ffffff; + padding: 1px 4px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + font-weight: bold; +} +ul.DataList div.Meta span.Closed { + background: #555555; + color: #ffffff; + font-weight: bold; + padding: 1px 4px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + + +/* ================================================================= Comments */ +body.Discussion #Content { + margin-bottom: 20px; +} +ul.Discussion { + margin-bottom: 1px; +} +/* + Note: Discussion & Comment Option (dropdown) Menu customizations. The layout + css for these is in /applications/garden/design/menu.css. Override them here. +*/ +a.Bookmark, +a.Bookmarking { + float: right; + display: block; + background: url('images/star_sprite.png') top center no-repeat; + height: 22px; + width: 22px; + margin: 2px 4px 0 4px; +} +a.Bookmark span, +a.Bookmarking span { + display: none; +} +a.Bookmarked { + background: url('images/star_sprite.png') center center no-repeat; +} +a.Bookmarking { + background: url('images/star_sprite.png') bottom center no-repeat; +} +body.Discussion a.Bookmark { + margin: 13px 8px; +} + +body.Discussion .Back { + padding: 3px 6px; + text-align: left; +} + + +/* =================================================================== Drafts */ +ul.Discussions div.ItemContent, +ul.Drafts div.ItemContent { + margin: 0 0 0 9px; +} +ul.Drafts div.ItemContent a.Title, +ul.Discussions div.ItemContent a.Title { + max-width: 580px; +} + +/* =============================================== Discussion & Comment Forms */ +li.Editing { + background: #f1f1f1; +} +div.CommentForm textarea { + width: 99%; + height: 100px; + min-height: 100px; + margin: 0 0 6px; +} +div.Comment div.CommentForm { + width: 98%; + background: none; + padding: 6px 4px; + border: 0; +} +div.Comment div.CommentForm textarea { + width: 99%; +} +#DiscussionForm label { + font-size: 14px; + font-weight: bold; + color: #666; +} +body.Post #Panel { + display: none; +} +body.Post #Content { + width: 100%; +} +#DiscussionForm h2 { + border: none; + color: #02475A; + font-size: 140%; + font-weight: bold; + margin: 0; + padding: 6px; +} +#DiscussionForm form { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + background: #f1f1f1 none repeat scroll 0 0; + border: 1px solid #DDDDDD; + margin: 0; + padding: 20px; +} +#DiscussionForm textarea { + width: 99%; + height: 100px; + min-height: 100px; + margin: 0 0 6px; +} +#DiscussionForm input.InputBox { + width: 99%; + margin-bottom: 10px; +} +#DiscussionForm div.Category { + padding: 0 0 10px; +} +#DiscussionForm div.Category label { + padding: 0 8px 0 0; +} +div.CommentForm a.Back, +div.CommentForm a.Cancel { + float: left; +} +#DiscussionForm a.Cancel { + margin-left: 18px; +} +#DiscussionForm ul { + margin: 0 0 20px; +} +#DiscussionForm ul.PostOptions li { + display: inline; + padding: 0 8px 0 0; +} +#DiscussionForm ul.PostOptions label { + display: inline; + font-weight: normal; + font-size: 95%; + color: #555; +} + +/* ============================== Conversations ============================= */ +textarea.MultiComplete { + height: 20px; + padding: 3px 0; + text-align: left; +} +.ac_results { + padding: 0; + border: 1px solid #bbb; + border-top: 0; + background-color: white; + overflow: hidden; + z-index: 99999; +} +.ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} +.ac_results li { + margin: 0; + padding: 5px; + cursor: default; + display: block; + /* + if width will be 100% horizontal scrollbar will apear + when scroll mode will be used + */ + /*width: 100%;*/ + font-size: 12px; + /* + it is very important, if line-height not setted or setted + in relative units scroll will be broken in firefox + */ + line-height: 16px; + overflow: hidden; + border-bottom: 1px solid #bbb; + text-align: left; +} +.ac_lastitem { + border-bottom: 0 !important; +} +.ac_results strong { + font-weight: bold; + background: #daf4fd; +} +.ac_over strong { + font-weight: bold; + background: #2ab0de; +} +.ac_over { + background: #44c7f4; + color: #fff; +} +div.AddPeople h4 { + border-bottom: 0px; +} +#Panel input.InputBox, +div.AddPeople textarea.MultiComplete { + width: 228px; + margin-bottom: 2px; +} +div.AddPeople form div { + text-align: right; +} + + +/* ============================================================ Conversations */ +fieldset { + padding: 0px !important; +} +h2.NewConversation { + float: right; +} +h2.NewConversation a { + font-weight: bold; +} +body.Conversations h2 { + margin: 0; +} +ul.Conversations li.Active { + cursor: pointer; + background: #ffe; +} +ul.Conversations li.Item { + padding: 4px 5px; +} +ul.Conversations div.ItemContent { + margin:0 0 0 5px; +} +ul.Conversations div.Meta a.Name { + color: #1E79A7; + font-weight: bold; +} + + +/* ========================================================= Add Message Form */ +#MessageForm { + background: #E9F9FF; + padding: 4px 8px 8px; + margin: 1px 0 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; +} +#MessageForm h2 { + font-size: 115%; + color: #2786C2; + font-weight: bold; + border: 0; +} +#MessageForm form div { + text-align: right; +} +#MessageForm textarea { + width: 99%; + height: 100px; + min-height: 100px; + margin-bottom: 2px; +} + + +/* ==================================================== New Conversation Form */ +body.add #Panel { + display: none; +} +body.add #Content { + width: auto; +} +#ConversationForm form { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + background:none repeat scroll 0 0 #c4e1ff; + margin:0; + padding:20px; + text-align: right; +} +#ConversationForm h2 { + color:#02475A; + font-size:140%; + font-weight:bold; + margin:0; + padding:6px; + text-align: left; + border: 0; +} +#ConversationForm label { + display: block; + text-align: left; + color:#666666; + font-size:14px; + font-weight:bold; +} +#ConversationForm .TextBox { + height: 100px; + min-height: 100px; + margin: 8px 0 6px; + padding: 0; +} +body.Conversations a.Cancel { + margin-left: 20px; +} +div.Popup #ConversationForm form { + background: none; + -border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + padding: 10px; +} +div.Popup #ConversationForm h2 { + color: #fff; + font-size: 120%; + font-weight: bold; + padding: 6px 9px 4px; +} +div.Popup #ConversationForm textarea.MultiComplete, +div.Popup #ConversationForm .TextBox { + width: 100%; +} + +/* Upload Progress Bar */ +div.UploadProgress { + margin: 10px 0; + background: url('images/upload-progress-back.gif') repeat; + width: 200px; + z-index: 0; + color: #fff; + text-shadow: 0 1px 1px #333; + border: 1px solid #0c3c7e; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +div.UploadProgress div { + padding: 2px 0; +} +div.UploadProgress div strong { + font-weight: bold; +} +div.UploadProgress div.Foreground, +div.UploadProgress div.Background { + position: absolute; +} +div.UploadProgress div.Background { + width: 0; + background: url('images/upload-bg.gif') repeat; + z-index: 1; +} +div.UploadProgress div.Foreground { + text-indent: 6px; + overflow: visible; + white-space: nowrap; + z-index: 2; +} + + +/* Adding CSS for multiple sign-in methods */ + +/* Container */ +div.Border { + border-radius: 8px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7); + padding: 10px; +} + +/* Tabs */ +ul.Tabs { + border-bottom: 1px solid #aaa; + text-align: left; + padding-left: 4px; +} +ul.Tabs li { + display: inline-block; +} +ul.Tabs li a, +ul.Tabs li a:link, +ul.Tabs li a:active, +ul.Tabs li a:visited, +ul.Tabs li a:hover { + display: inline-block; + margin-left: 4px; + border: 1px solid #aaa; + border-width: 1px 1px 0 1px; + border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; + background: #eee; + color: #888; + position: relative; + top: 1px; + padding: 2px 8px 1px; +} +ul.Tabs li a:hover { + background: #f5f5f5; + color: #444; +} +ul.Tabs li a.Active { + padding: 2px 8px; + background: #fff; + color: #000; +} + +/* Icons */ +ul.Tabs li a.EntryTabFor_password { + padding-left: 22px; + background-image: url('../../../themes/default/design/favicon.png'); + background-position: 3px 4px; + background-repeat: no-repeat; +} + + +/* ============================================================ Entry Screens */ +body.Entry { + text-align: center; +} +body.Entry #Panel { + display: none; +} +body.Entry #Content { + float: none; + margin: 0 auto; + width: 360px; + text-align: center; +} +body.Entry #Content h1 { + border: none; + color: #02475A; + font-size:140%; + font-weight:bold; + padding: 6px; + margin: 0; + text-align: left; +} +body.Entry #Content form { + text-align: left; + padding: 10px; +} +body.Entry form ul li label { + font-size: 14px; + color: #474747; + font-weight: bold; + padding: 6px 0 0; + display: block; +} +body.Entry form ul li label.CheckBoxLabel, +body.Entry form ul li label.RadioLabel { + font-size: 12px; + font-weight: normal; + width: auto; +} +body.Entry input.DateBox, +body.Entry input.InputBox, +body.Entry textarea { + width: 310px; +} +span.Incorrect { + display: block; + color: red; +} + +/* Sign In Page & Popup */ +div.SignInPopup div.Box { + margin: 0; + padding: 0; + background: none; + border: 0; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} +body#dashboard_entry_password #Content, +body#dashboard_entry_signin #Content, +body#dashboard_entry_index #Content { + width: auto; +} +div.SignInPopup .Content form { + padding: 0 10px 10px; +} +body#dashboard_entry_password #Content form, +body#dashboard_entry_index #Content form, +body#dashboard_entry_signin #Content form { + padding: 0; + text-align:left; +} +body#dashboard_entry_password #Content form, +body#dashboard_entry_signin #Content form, +body#dashboard_entry_index #Content form, +div.SignInPopup form { + width: 270px; +} +div.SingleEntryMethod { + width: 290px; + margin: 0 auto; +} +div.MultipleEntryMethods { + width: 500px; + margin: 0 auto; +} +body#dashboard_entry_handshake #Content input.InputBox, +body#dashboard_entry_signin #Content input.InputBox, +body#dashboard_entry_index #Content input.InputBox, +body#dashboard_entry_password #Content input.InputBox, +div.SignInPopup input.DateBox, +div.SignInPopup input.InputBox, +div.SignInPopup textarea { + width: 260px; + padding: 3px; +} +div.SignInPopup form ul li label, +body#dashboard_entry_signin form ul li label, +body#dashboard_entry_index form ul li label, +body#dashboard_entry_password form ul li label, +body#dashboard_entry_handshake form ul li label { + font-size: 13px; + line-height: 1.5; + padding: 0; +} +body#dashboard_entry_password #Content form ul li input#Form_Email, +body#dashboard_entry_signin #Content form ul li input#Form_Email, +body#dashboard_entry_index #Content form ul li input#Form_Email { + margin-bottom: 6px; +} +body#dashboard_entry_password #Content input.Password, +body#dashboard_entry_signin #Content input.Password, +body#dashboard_entry_index #Content input.Password, +div.SignInPopup input.Password { + width: 180px; +} +a.ForgotPassword { + margin-left: 10px; +} +li.Buttons div a.ForgotPassword { + margin: 0; +} +body#dashboard_entry_password ul li label.CheckBoxLabel, +body#dashboard_entry_signin ul li label.CheckBoxLabel, +body#dashboard_entry_index ul li label.CheckBoxLabel, +div.SignInPopup ul li label.CheckBoxLabel { + color: #777; + display: inline; + font-size: 12px; + font-weight: normal; + margin: 10px 0 0 10px; +} +body.Entry li.Buttons input.Button, +div.SignInPopup li.Buttons input.Button { + margin: 10px 0; +} +div.Entry { + position: relative; +} +div.Methods { + text-align: left; + font-size: 14px; + font-weight: bold; + position: absolute; + top: 33px; + bottom: 0; + right: 0; + padding: 12px 20px 6px; + line-height: 1; +} +body#dashboard_entry_password div.Methods, +body#dashboard_entry_signin div.Methods, +body#dashboard_entry_index div.Methods { + padding: 10px 6px 6px; + background: none; +} +div.Methods div.Method { + padding: 10px 0 0; + text-align: left; +} + +/* Handshake */ +body#dashboard_entry_handshake #Content { + width: 720px; +} +body#dashboard_entry_handshake #Content form { + padding: 20px 30px 26px; +} +body#dashboard_entry_handshake ul.NewAccount { + float: left; + width: 315px; + margin-right: 44px; + border-right: 1px solid #A5D0E7; +} +body#dashboard_entry_handshake ul.LinkAccount { + margin-left: 315px; +} +ul.NewAccount h2, +ul.LinkAccount h2 { + padding-left: 36px !important; + background: url('images/dashboard-sprites.png') 0 -542px no-repeat; +} +ul.LinkAccount h2 { + padding-left: 84px !important; + background-position: 45px -296px; +} +body#dashboard_entry_handshake div.Info { + border: 1px solid #A5D0E7; + background: #D3F0FF; + color: #02475A; +} +body#dashboard_entry_handshake #Content h2 { + border: none; + color: #02475A; + font-size:140%; + font-weight:bold; + padding: 6px 0; + margin: 0; + text-align: left; +} + + +/* Leaving Page */ +body#dashboard_entry_leave p { + margin: 0; + padding: 20px 10px; +} +body#dashboard_entry_leave p.Leaving { + background: url('images/progress.gif') left center no-repeat; + margin: 0 0 0 14px; + padding: 20px 0 20px 50px; +} + + + +/* External App Connect Designs */ +div.Connect h1, +div.Connect h2 { + text-align: left; +} +body.connect div.Box { + border-radius: none; + -moz-border-radius: none; + -webkit-border-radius: none; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + width: 320px; + margin: 0 auto; + text-align: left; + background: none; +} +div.ConnectInfo { + margin: 10px 0 0; + position: relative; +} +div.ConnectInfo img { + position: absolute; + height: 36px; + width: 36px; + top: 0; + left: 0; +} +div.ConnectInfo span.Name { + padding-left: 46px; + font-weight: bold; + line-height: 1; + font-size: 13px; + color: #444; + display: block; +} +div.ConnectInfo h3 { + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + font-size: 15px; + font-weight: bold; + line-height: 1.6; + color: #333; + padding: 0 0 10px 46px; + border: none; +} +div.Connect form ul li label, +div.SignInPopup form ul li label, +body#dashboard_entry_password form ul li label, +body#dashboard_entry_signin form ul li label, +body#dashboard_entry_index form ul li label { + font-size: 13px; + line-height: 1.5; + padding: 0; +} +div.Connect form ul li#ConnectPassword label, +div.SignInPopup form ul li#ConnectPassword label { + padding: 10px 0 0; +} +div.Connect .FinePrint, +div.SignInPopup .FinePrint { + font-size: 11px; + color: #777; +} +body#dashboard_entry_password input.InputBox, +body#dashboard_entry_signin input.InputBox, +body#dashboard_entry_index input.InputBox, +div.Connect input.InputBox, +div.SignInPopup input.InputBox { + padding: 3px +} +div.Connect .ExistingUsername, +div.SignInPopup .ExistingUsername { + font-weight: bold; + line-height: 1; + font-size: 13px; + color: #000; + display: block; +} diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/design/style.css.org --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/forum/vanilla/themes/slitaz/design/style.css.org Sat Mar 19 16:26:12 2011 +0100 @@ -0,0 +1,2712 @@ +/* +Welcome to the Generic Style CSS File! Some things you should know: + +1. This file is included on all front-end/user-facing pages. Applications can + override this file in their own custom files (ie. vanilla.css or + conversations.css). + +2. This file is broken down into the following sections: + + General Styles & Typography + + Header + + Main Menu + + Panels / Sidebars + + Activities + + Profile Page + + Profile Tab Menu + + Thumbnail Cropper + + Footer +*/ + +/* ================================================================ Reset CSS */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} +/* remember to define focus styles! */ +:focus { + outline: 0; +} +body { + line-height: 1; + color: black; + background: white; +} +ol, ul { + list-style: none; +} +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: separate; + border-spacing: 0; +} +caption, th, td { + text-align: left; + font-weight: normal; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ""; +} +blockquote, q { + quotes: "" ""; +} + +/* ============================================== General Styles & Typography */ +body { + color: #000; + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + font-size: 75%; + line-height: 1.7em; + background: #fff; + margin: 0; + padding: 0; + text-align: center; + font-size: small; +} +#Body { + width: 960px; + text-align: left; + margin: 15px auto 0; +} +#Content { + float: left; + width: 680px; + margin: 0 0 40px; +} +.Hidden { + display: none; +} +.nowrap { + white-space: nowrap; +} +.Center { + text-align: center; +} +.Right { + text-align: right; +} +h1, h2, h3, h4, h5, h6 { + color: #000; + font-family: "Helvetica Neue",Helvetica,arial,sans-serif; + font-weight: normal; + margin: 0; +} +p { + margin: 0.5em 0 0 0; + line-height: 1.6em; +} +h1, h2 { + border-bottom:1px solid #bbb; + font-size:140%; + font-weight:bold; + margin-bottom:10px; +} +h3 { + font-size:140%; +} +h4 { + font-size: 120%; + color: #6C6C6C; +} +h5 { + font-size: 120%; + color: #6C6C6C; +} +a, +a:link, +a:visited, +a:active { + text-decoration: none; + color: #1e79a7; +} +a:hover { + text-decoration: none; + color: #ff0084; +} +input.DateBox, +input.InputBox, +input.SmallInput, +textarea { + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + color: #333; + font-size: 15px; + padding: 3px; + margin: 0; + width: 250px; + border: 1px solid #aaa; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} +textarea.TextBox { + width: 500px; + height: 100px; + min-height: 100px; +} +#Popup textarea.TextBox { + width: 100%; +} +input.SmallInput, +input.InputBox { + padding: 6px 3px; +} +input.SmallInput:focus, +input.InputBox:focus, +textarea:focus { + background: #ffe; +} +textarea { + line-height: 128%; +} +select { + font-family: arial; + font-size: 14px; + color: #222; + margin: 0; + padding: 3px; + } +a.Button, +.Button { + cursor: pointer; + margin: 0; + font-size: 11px; + padding: 4px; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; + color: #02475A; + text-shadow: 0 1px 0 #fff; + border: 1px solid #999; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; + } +input.Button { + font-size: 14px; + font-weight: bold; +} +.Button:hover { + color: #111; + border: 1px solid #666; +} +.Button:focus { + background: #eee; +} +.Loading { + height: 100px; + padding: 0 20px; + background: url('images/progress.gif') center center no-repeat; +} +.Progress { + padding: 10px 40px 10px 0; + background: url('images/progress.gif') center center no-repeat; +} +.TinyProgress { + padding: 10px 40px 10px 0; + background: url('images/progress_sm.gif') center center no-repeat; +} +/* Note: Messages are the yellow notices that appear at the top/center of the + page to notify users of things like drafts being saved, etc. */ +div.Messages { + text-align: center !important; + position: fixed; + top: 0; + left: 0; + z-index: 200; + margin: 0 !important; + padding: 0 !important; + list-style: none !important; + font-size: 12px; + display: block; + width: 100%; +} +* html div.Messages { + position: absolute; + width: 100%;/*IE5.5*/ + top: 0; + left: 0; + overflow: visible; + top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); +} +div.Messages ul { + cursor: pointer; + width: auto !important; + border: 0 !important; + margin: 0 auto !important; + padding: 4px 8px !important; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + background: #ff9 !important; + display:-moz-inline-stack; + display:inline-block; + zoom:1; + *display:inline; + box-shadow: 0px 0px 2px #333; + -moz-box-shadow: 0px 0px 2px #333; + -webkit-box-shadow: 0px 0px 2px #333; +} +div.Messages ul li { + text-align: left !important; + border: 0 !important; + color: #000 !important; + padding: 0 !important; + margin: 0 !important; + list-style-position: outside; +} +div.Errors ul { + background: #d50a0a !important; +} +div.Errors ul li { + color: #fff !important; + background: #d50a0a !important; +} +.Conversations .Deleted { + text-decoration: line-through; +} +div.Deleted { + background: #f5f5f5; + border: 1px solid #dddddd; + margin: 10px 0 0; + padding: 6px 10px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message + strings & imply importance. */ +.Warning { + background: #ffc; + border: 1px solid #ff9; + color: #000; + padding: 6px 8px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.Alert { + background: #d00; + border: 1px solid #b00; + color: #fff; + padding: 3px 6px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.Alert a { + color: #fff; +} +.Alert a:hover { + text-decoration: underline; +} +div.Info { + font-size: 13px; + background: #fafafa; + border: 1px solid #eee; + color: #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + padding: 6px; + margin: 0 0 10px; +} +div.Info strong { + font-weight: bold; +} +/* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages + that it renders in a div with this DismissMessage class. */ +div.DismissMessage { + margin: 6px 0 10px; + text-align: left; + position: relative; +} +div.DismissMessage p { + margin: 2px 0; +} +div.DismissMessage a.Dismiss { + font-family: arial; + position: absolute; + font-size: 22px; + font-weight: bold; + line-height: 1; + color: #999; + top: 3px; + right: 5px; +} +div.DismissMessage a.Dismiss:hover { + color: #ff0084; +} +#PagerLess { + -moz-border-radius-topright: 2px; + -moz-border-radius-topleft: 2px; + -webkit-border-top-right-radius: 2px; + -webkit-border-top-left-radius: 2px; + border-radius-topright: 2px; + border-radius-topleft: 2px; + margin-bottom: 1px; + text-align: left; +} +div.MorePager a.Loading { + border: 0 !important; + padding: 0 20px !important; + background: url('images/progress.gif') center center no-repeat !important; +} +#PagerMore { + margin-bottom: 1px; +} +.NumberedPager { + margin: 1px 0 0; + text-align: right; + font-weight: bold; + font-size: 16px; +} +#PagerBefore { + margin: 1px 0; +} +.NumberedPager a, +.NumberedPager span { + padding: 0 4px; +} +.NumberedPager span, +.NumberedPager a.Highlight { + color: #777; +} +.NumberedPager a.Next, +.NumberedPager span.Next, +.NumberedPager a.Previous, +.NumberedPager span.Previous { + font-size: 16px; + line-height: 10px; +} +.NumberedPager a.Next, +.NumberedPager span.Next { + margin-left: 6px; +} +.NumberedPager a.Previous, +.NumberedPager span.Previous { + margin-right: 6px; +} + + +/* =================================================================== Header */ +#Head { + background: #38abe3; + padding: 0; +} +div.Search:after, +div#Search:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +body #Head h1 { + display: inline-block; + font-weight: bold; + margin: 0; + padding: 21px 10px 4px 0; + border: 0; +} +#Head h1 a span { + font-size: 24px; + color:#E4F7FE; + text-shadow:0 1px 0 #2595ba; +} +#Head h1 a:hover span { + color:#f3fcff; +} +#Head form { + float: right; + width: 250px; + background: #fff; + padding: 0; + margin: 15px 0 0; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +#Head form input.InputBox { + width: 204px; + border: 0; + padding: 4px 2px 4px 0; + background: #fff; + margin: 0; + -moz-border-radius-topleft: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + color: #969696; + font-size: 13px; +} +#Head form input.Button { + border: 0; + width: 38px; + height: 26px; + background: #cfecff; + color: #1e79a7; + padding: 3px 0 4px; + margin: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} +#Menu ul { + display: none; +} +#Menu li { + line-height: 27px; + float: left; + position: relative; + display: block; + list-style: none; + padding: 0; + margin: 0 4px 0 0; + font-weight: bold; + text-align: left; +} +* html #Menu li { + display: inline; +} +#Menu a { + border: 0; + text-decoration: none; + position: relative; + display: block; + padding: 0 7px; + white-space: nowrap; + font-size: 11px; + height: 28px; +} +* html #Menu a { + display: inline; + padding: 6px 10px; +} +#Menu li.NonTab, +#Menu li.NonTab a { + background: transparent; + border: 0; + font-weight: normal; +} +#Menu a span, +#Menu li.Active a span, +#Menu li.Highlight a:hover span { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + padding: 0 2px; + font-size: 9px; + line-height: 12px; + font-weight: normal; +} + +/* Option (dropdown) Menus + +Menu takes a z-index of 100 +Option menu takes a z-index of 300 + +*/ +ul.Options, +ul.Options ul { + margin: 0; + padding: 0; + display: none; +} +ul.Options { + z-index: 298; +} +ul.Options ul { + z-index: 300; + position: absolute; +} +ul.Options li { + float: right; + position: relative; + display: block; + list-style: none outside none; + padding: 0; + font-size: 11px; + line-height: 22px; +} +ul.Options h3 { + display: block; + cursor: pointer; + margin: 0; + padding: 0; +} +ul.Options li ul li { + float: none; + text-align: left; + margin: 0; + font-weight: normal; +} +ul.Options li ul li a { + width: 104px; + padding: 0 6px; + height: auto; +} +ul.Options a { + text-decoration: none; + display: block; + position: relative; + white-space: nowrap; + font-size: 11px; +} +ul.Options ul li { + display: block; + float: none; +} +ul.Options li.Parent strong { + display: block; + padding: 4px; + margin: 3px 4px 0 0; + font-size: 10px; + font-weight: normal; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; + border: 1px solid #bbb; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + color: #555; + cursor: pointer; + line-height: 100%; +} +ul.Options li.Parent strong:focus, +ul.Options li.Parent strong:hover { + color: #333; + border: 1px solid #888; +} +ul.Options li.Parent strong:focus { + background: #eee; +} +ul.Options li.Active strong:hover, +ul.Options li.Active strong { + color: #fff; + background: #9c9c9c !important; + border: 1px solid #9c9c9c; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +ul.Options li.Active { + background: none; +} +ul.Options li.Active ul { + border: 1px solid #9c9c9c; + background: #fafafa; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} +ul.Options li.Active ul li a { + background: none; +} +ul.Options li.Active a { + background: #efefef; + color: #595959; +} +ul.Options li.Active a:hover { + background: #8d8d8d; + color: #fff; +} +ul.Options li.Parent strong:hover, +ul.Options li.Active strong:hover, +ul.Options li.Active strong, +ul.Options li.Active ul { + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0 0 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; +} +.Center { + text-align: center; +} + + +/* ================================================================ Main Menu */ +div.Menu { + width: 960px; + margin: 0 auto; + position: relative; + text-align: left; + vertical-align: bottom; +} +ul#Menu { + display: inline-block; + margin-right: 280px; + vertical-align: bottom; +} +#Menu ul, +#Menu li.Active { + background: #38abe3; +} +#Menu a, +#Menu li.Active a { + color: #fff; +} +#Menu a:hover { + background: #2595cb; +} +#Menu a:hover, +#Menu li.NonTab a:hover { + color: #fff !important; +} +/* Numbers next to menu items */ +#Menu a span, +#Menu li.Active a span, +#Menu li.Highlight a:hover span { + background: #f2fcff; + color: #299fc7; +} + +#Head .Search, #Head #Search { + position: absolute; + right: 0; + bottom: 6px; + text-align: right; +} + +/* ======================================================== Panels / Sidebars */ +#Panel { + width: 250px; + float: right; +} +div.Box { + border-radius: 1px; + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + background: #cfecff; + color: #888; + padding: 6px 10px; + margin: 0 0 10px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; +} +div.Box h4 { + font-size: 110%; + color: #1e79a7; + font-weight: bold; + margin: 0; + padding: 0 0 1px; +} +div.Box dl { + overflow: hidden; +} +div.Box dl dt { + font-size: 12px; + float: left; + width: 80px; + color: #555; +} +div.Box dl dd { + font-size: 12px; + margin-left: 80px; +} +div.Box p { + font-size: 100%; + padding: 0 0 4px; + color: #555; +} +ul.PanelActivity { + border-top: 1px solid #abdafb; + border-bottom: 0; +} +ul.PanelActivity li { + background: #e3f4ff; + border-bottom: 1px solid #abdafb; + padding: 2px 4px; + color: #555; + font-size: 11px; + line-height: 1.6; +} +ul.PanelActivity li a { + font-size: 13px; +} +ul.PanelActivity li a.Name { + margin-right: 2px; +} +ul.PanelActivity span { + padding: 0 4px; +} +ul.PanelActivity p { + padding: 0 4px; + display: inline; + font-size: 90%; +} +ul.PanelActivity li em { + padding-left: 5px; + color: #777; + font-size: 80%; +} +ul.PanelActivity li div.Story { + font-size: 85%; +} +ul.PanelInfo li { + background: #e3f4ff; + border-bottom: 1px solid #abdafb; + padding: 2px 4px; + text-align: right; +} +ul.PanelInfo li.Heading { + text-align: left; + color: #000; + font-weight: bold; +} +ul.PanelInfo { + border-top: 1px solid #abdafb; + border-bottom: 0; +} +ul.PanelInfo li strong { + font-weight: normal; + text-align: left; + font-weight: normal; +} +ul.PanelInfo li a { + float: left; +} +ul.PanelInfo div.Meta { + font-size: 11px; +} +ul.PanelInfo div.Meta span, +ul.PanelInfo div.Meta strong { + margin-right: 8px; +} +ul.PanelInfo div.Meta span a { + margin-left: 8px; +} +ul.PanelInfo div.Meta strong { + display: inline; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + /* + box-shadow: 0px 0px 2px #777; + -moz-box-shadow: 0px 0px 2px #777; + -webkit-box-shadow: 0px 0px 2px #777; + */ + background: #FF0; + color:#000; + font-size:9px; + font-weight:bold; + padding: 3px; + line-height: 1; +} +ul.PanelInfo li.Parent { + text-align: left; + font-weight: bold; + background: none; + color: #333; + padding: 2px 0; +} +ul.PanelInfo li.Active { + background: #fff; + border-bottom: 1px solid #a3e6ff; +} +ul.PanelInfo li.Active a { + color: #1e79a7; +} +ul.PanelActivity li.ShowAll, +ul.PanelInfo li.ShowAll { + font-weight: bold; + border: 0; + text-align: right; + background: none; +} +#UserOptions { + margin-bottom: 10px; +} +body.Profile ul.PanelInfo { + border-bottom: 1px solid #abdafb; +} +body.Profile ul.PanelInfo li { + border-bottom: 0; + text-align: left; +} +body.Profile ul.PanelInfo li a { + float: none; +} +a.BigButton { + text-align: center; + display: block; + cursor: pointer; + margin: 0 0 10px; + font-size: 15px; + font-weight: bold; + padding: 8px 0; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; + color: #02475A; + text-shadow: 0 1px 0 #fff; + border: 1px solid #999; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; + } +a.BigButton:hover { + color: #111; + border: 1px solid #666; + box-shadow: 0px 0px 5px #aaa; + -moz-box-shadow: 0px 0px 5px #aaa; + -webkit-box-shadow: 0px 0px 5px #aaa; +} +a.BigButton:focus { + background: #eee; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; +} +/* Category Depths */ +ul.PanelCategories li.Depth2 { padding-left: 8px; } +ul.PanelCategories li.Depth3 { padding-left: 12px; } +ul.PanelCategories li.Depth4 { padding-left: 16px; } +ul.PanelCategories li.Depth5 { padding-left: 20px; } +ul.PanelCategories li.Depth6 { padding-left: 24px; } +ul.PanelCategories li.Depth7 { padding-left: 28px; } +ul.PanelCategories li.Depth8 { padding-left: 32px; } +ul.PanelCategories li.Depth9 { padding-left: 36px; } +ul.PanelCategories li.Depth10 { padding-left: 40px; } +ul.PanelCategories li.Depth11 { padding-left: 44px; } +ul.PanelCategories li.Depth12 { padding-left: 48px; } +ul.CategoryList li.Depth2 { padding-left: 25px !important; } +ul.CategoryList li.Depth3 { padding-left: 50px !important; } +ul.CategoryList li.Depth4 { padding-left: 75px !important; } +ul.CategoryList li.Depth5 { padding-left: 100px !important; } +ul.CategoryList li.Depth6 { padding-left: 125px !important; } +ul.CategoryList li.Depth7 { padding-left: 150px !important; } +ul.CategoryList li.Depth8 { padding-left: 175px !important; } +ul.CategoryList li.Depth9 { padding-left: 200px !important; } +ul.CategoryList li.Depth10 { padding-left: 225px !important; } +ul.CategoryList li.Depth11 { padding-left: 250px !important; } +ul.CategoryList li.Depth12 { padding-left: 275px !important; } +ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; } +ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; } +ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; } +ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; } +ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; } +ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; } +ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; } +ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; } +ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; } +ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; } +ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; } + +div.Box.RecentUsers { + float: left; +} +div.Icons a { + display: block; + margin: 0 2px 2px 0; + float: left; +} +div.Icons img { + display: block; + height: 44px; + width: 44px; + overflow: hidden; + background: #c4cde0; + color: #c4cde0; + text-indent: 50px; +} + +/* ================================================ DataList (Search Results) */ +/* Note: DataList is used in search results, vanilla discussions & drafts */ +div.Empty { + margin: 10px 0; +} +ul.DataList li.Item { + margin: 0; + padding: 4px 0; + border-bottom: 1px solid #bec8cc; +} +ul.DataList li.Item li.Item { + border-bottom: none; +} +ul.DataList li { + border: 0; + padding: 0; + position: relative; +} +ul.DataList div.Options { + position: absolute; + right: 0; + width:100px; +} +ul.DataList div.OptionButton { + position: absolute; + top: 0; + right: 0; +} +ul.DataList a.Title { + display: block; + margin: 0; + font-size: 14px; + font-weight: bold; +} +ul.DataList div.Title { + display: block; + margin: 0; +} +ul.DataList div.Title a { + font-size: 120%; + font-weight: bold; +} +ul.DataList div.Meta { + font-size: 11px; + color: #70727c; +} +ul.DataList div.Excerpt { + font-size: 12px; + line-height: 1.4; +} +ul.DataList div.Excerpt a { + color: #333; + display: block; +} +ul.DataList div.Excerpt p { + display: inline; + padding: 0; +} +/* ul.DataList div.Meta span a, */ +ul.DataList div.Meta span, +ul.DataList div.Meta strong { + margin-right: 12px; +} +ul.DataList div.Meta strong { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + /* + box-shadow: 0px 0px 2px #777; + -moz-box-shadow: 0px 0px 2px #777; + -webkit-box-shadow: 0px 0px 2px #777; + */ + background: #FF0; + color:#000; + font-size:9px; + font-weight:bold; + padding: 3px; + line-height: 1; +} +ul.DataList div.Meta a { + color: #2b2d33; +} +ul.DataList a.Delete { + width: auto; + padding: 0 5px; + margin: 0 1px 0 0; + font-size: 11px; + font-weight: normal; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: #555; + cursor: pointer; + line-height: 1; +} +ul.DataList a.Delete:hover { + padding: 4px; + color: #333; + border: 1px solid #888; + background: url('images/buttonbg.png') repeat-x center left #f8f8f8; +} +ul.DataList a.Delete:focus { + background: #f8f8f8; +} +/* Condensed datalists make the main link & excerpt inline. */ +ul.DataList div.Photo { + float: left; + padding: 0 10px 0 0; + font-size: 11px; +} +ul.DataList div.Photo img { + display: block; + height: 43px; + width: 43px; + overflow: hidden; + background: #eee; +} +ul.Condensed li, +li.Condensed { + clear: left; +} +ul.Condensed a.Title, +li.Condensed a.Title, +ul.Condensed div.Title, +li.Condensed div.Title { + display: inline; + padding: 0; +} +ul.Condensed div.Excerpt, +li.Condensed div.Excerpt { + display: inline; +} +ul.Condensed div.Excerpt a, +li.Condensed div.Excerpt a { + display: block; + padding: 3px 0; +} + +/* =============================================================== Activities */ + +body.Activity h1 { + margin: 0; +} +body.Profile ul.Activities { + margin-top: 10px; + border-top: 1px solid #ddd; +} +ul.Activities li.HasPhoto div.Title { + padding: 0; +} +ul.Activities a.Title, +ul.Activities div.Title, +ul.Activities div.Title a { + font-size: 14px; +} +ul.Activities div.Excerpt { + color: #80828C; +} +ul.Activities li.Condensed div.Excerpt { + color: #000; + font-size: 13px; + padding: 0 0 0 4px; +} +ul.Activities div.Excerpt a, +ul.Activities div.Meta a { + color: #1e79a7; +} +ul.Activities div.Excerpt a:hover, +ul.Activities div.Meta a:hover { + color: #ff0084; +} +ul.Activities div.Excerpt img { + padding: 2px; + border: 1px solid #999; +} +ul.Activities ul.DataList { + margin-left: 50px; + width: 400px; +} +ul.Activities div.ItemContent { + width: 631px; +} +ul.Activities li.HasPhoto div.ItemContent { + margin-left: 53px; + width: 578px; +} +ul.Activities li.Item li.HasPhoto div.ItemContent { + width: auto; + margin-left: 42px; +} +ul.Activities ul.DataList li { + background: #D7E7FF; + margin-bottom: 2px; + padding: 6px; +} +ul.Activities ul.DataList a.Title, +ul.Activities ul.DataList div.Title, +ul.Activities ul.DataList div.Title a, +ul.Activities ul.DataList div.Excerpt p { + font-size: 13px; + line-height: 1; +} +ul.HasPhoto div.Excerpt, +ul.HasPhoto div.Meta { + padding-left: 49px !important; + display: block; +} +ul.Activities ul.DataList .HasPhoto div.Meta { + padding: 2px 0 0; + line-height: 1; +} +ul.Activities ul.DataList div.Photo img { + height: 32px; + width: 32px; +} +ul.Activities a.CommentLink, +ul.Activities a.CommentLink:hover { + font-size: 12px; + cursor: text; + background: #fff; + color: #bbb !important; + padding: 5px; + text-decoration: none; + border: 1px solid #aaa; + display: block; + line-height: 100%; + font-weight: normal; +} +ul.Activities li.CommentForm form div { + text-align: right; +} +ul.Activities li.CommentForm textarea.TextBox { + width: 380px; + min-height: 40px; + height: 40px; + margin-bottom: 2px; + font-size: 12px; +} +ul.Activities li.CommentForm input.Button { + font-size: 12px; + box-shadow: 0 0 1px #999; + -moz-box-shadow: 0 0 1px #999; + -webkit-box-shadow: 0 0 1px #999; +} + + +/* ============================================================== MessageList */ +/* used for lists of message-based content (discussion comments, private +conversation messages, etc). */ + +ul.MessageList, +ul.MessageList li { + list-style: none; + margin: 0; + padding: 0; +} +ul.MessageList li.Item { + border-bottom: 1px solid #ddd; + padding: 10px 4px 4px 10px; +} +ul.MessageList div.Meta { + font-size: 11px; + color: #777; + min-height: 40px; +} +ul.MessageList div.Meta span.Author img { + height: 40px; + width: 40px; + border: 0; + margin: 0 10px 0 0; + float: left; + overflow: hidden; + background: #eee; +} +ul.MessageList div.Meta span { + line-height: 2.5; + padding-left: 10px; +} +ul.MessageList div.Meta span.Author { + padding: 0; +} +ul.MessageList div.Meta span.Author a { + font-size: 15px; + font-weight: bold; +} + +ul.MessageList div.Comment div.Meta span { + line-height: inherit; +} + +ul.MessageList div.Comment div.Meta div.CommentInfo { + line-height: normal; +} + +ul.MessageList div.Comment div.Meta div.CommentInfo span { + padding-left: 0px; + padding-right: 10px; +} + +div.Preview { + text-align: left; + background: #E3F4FF; + padding: 1px 8px; + margin: 4px 0 8px; +} +div.Popup div.Preview { + padding: 8px; + margin: 0; +} +body.Post div.Popup a.Close { + color: #1e79a7; +} +div.Preview div.Message, +ul.MessageList div.Message { + clear: both; + line-height: 140%; + font-size: 100%; + word-wrap: break-word; +} +div.Preview div.Message, +div.Preview div.Message p, +ul.MessageList div.Message, +ul.MessageList div.Message p { + margin: 8px 0; +} +div.Preview div.Message blockquote, +ul.MessageList div.Message blockquote { + padding: 4px 16px; + margin: 4px 0; +} + +code, pre { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + background: #ff9; + padding: 4px 8px; + white-space: pre; + font-family: monospace; + overflow: auto; + border: 1px solid #eec; +} +pre { + display: block; +} +div.Preview div.Message strong, +ul.MessageList div.Message strong { + font-weight: bold; +} +div.Preview div.Message em, +ul.MessageList div.Message em { + font-style: oblique; +} +div.Preview div.Message ul, +div.Preview div.Message ol, +ul.MessageList div.Message ul, +ul.MessageList div.Message ol { + margin-left: 3em ! important; +} +div.Preview div.Message ol li, +ul.MessageList div.Message ol li { + list-style: decimal ! important; +} +div.Preview div.Message ul li, +ul.MessageList div.Message ul li { + list-style: disc ! important; +} +div.Message h1, +div.Message h2, +div.Message h3, +div.Message h4, +div.Message h5 { + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + font-weight: bold; + border: none; + color: #000; +} +div.Message h1 { font-size: 22px; } +div.Message h2 { font-size: 20px; } +div.Message h3 { font-size: 18px; } +div.Message h4 { font-size: 16px; } +div.Message h5 { font-size: 14px; } +div.Message div.ImageResized { + font-size: 11px; + font-weight: normal; + cursor: pointer; + margin-bottom: 10px; +} +/* The "Foot" is at the bottom of the #Content section. Used for more results +links, sign in buttons, etc */ +.Foot { + border-bottom: 1px solid #abdafb; + padding: 6px; + background: #cfecff; + text-align: right; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-right-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + } +.Foot a.TabLink { + margin-left: 10px; +} +.Foot .Note { + line-height: 2.6; + float: left; + padding: 0 0 0 8px; + font-weight: bold; +} + +/* =============================================================== Categories */ +ul.CategoryList li.Item { + margin: 0; + padding: 0; + border: 0 !important; +} +ul.CategoryList .ItemContent { + position: relative; + margin-top: -1px; + border: 1px solid #BEC8CC; + border-width: 1px 0; + padding: 4px 9px; +} +div.Meta span.ChildCategories { + border-top: 1px dotted #ddd; + display: block; +} +ul.DataList div.Meta span.RSS { + margin-right: 6px; +} +div.Meta span.RSS img { + vertical-align: text-bottom; +} +ul.CategoryList li.CategoryHeading { + font-weight: bold; + font-size: 14px; +} + +/* ============================================================= Profile Page */ +body.Profile #Content { + width: auto; + margin: 0 0 40px 20px; + width: 690px; + float: right; +} +body.Profile #Panel { + float: left; + width: 250px; +} +ul.SideMenu { + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + background: none; + padding: 0; + margin: 0 0 10px; +} +ul.SideMenu li ul { + margin: 0; + padding: 0; + border: 0; + background: none; +} +ul.SideMenu li ul li { + border-bottom: 1px solid #bec8cc; +} +ul.SideMenu li ul li a { + padding: 0 8px; + display: block; +} +ul.SideMenu li ul li a:hover { + text-decoration: none; + background: #cfecff; +} +div.User { + line-height: 150%; +} +div.User, +div.User a { + text-decoration: none; +} +div.User h1 { + padding: 0 0 8px; + margin: 0; + line-height: 100%; + border: 0; +} +#Status { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + background: #cfecff; + margin: 0; + padding: 8px 8px 0; + color: #999; + font-weight: normal; + line-height: 1.5; +} +#Status p { + font-size: 120%; + color: #6c6c6c; + display: inline; + margin: 0; + padding: 0; + line-height: 1; +} +#Status a.Change { + text-transform: lowercase; + font-size: 11px; + text-decoration: none; +} +#Status a:hover { + text-decoration: underline; +} +div.User form { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + background: #cfecff; + padding: 8px 8px 0; +} +div.User form input.InputBox { + width: 618px; + margin-right: 2px; +} +form.Activity { + display: block; + padding: 10px 10px 0 10px; + text-align: right; +} +form.Activity textarea { + width: 99%; + margin-bottom: 2px; + height: 60px; + min-height: 60px; +} + +/* Invitations Form */ +#Form_Invitation table { + width: 100%; + border-collapse: collapse; + margin: 10px 0; + background: #F2FBFF; + border: 1px solid #C0E7F5; +} +#Form_Invitation table label { + font-size: 12px; + padding: 0px; +} +#Form_Invitation table tr.Last td, +#Form_Invitation table tr.Last th { + border-bottom: 0px; +} +#Form_Invitation table th, +#Form_Invitation table td { + font-weight: normal; + color: #555; + padding: 6px; +} +#Form_Invitation table thead th, +#Form_Invitation table thead td { + border-bottom: 1px solid #C0E7F5; +} +#Form_Invitation table tbody th { + font-weight: bold; + color: #000; +} +#Form_Invitation table tbody th, +#Form_Invitation table tbody td { + border-bottom: 1px solid #C0E7F5; + line-height: 150%; +} +#Form_Invitation table thead th { + font-weight: bold; + font-size: 13px; + color: #000; +} +#Form_Invitation table.AltRows tr.Alt th, +#Form_Invitation table.AltRows tr.Alt td, +#Form_Invitation table.AltColumns th.Alt, +#Form_Invitation table.AltColumns td.Alt { + background: #cfecff; +} +#Form_Invitation table.AltColumns tr.Alt { + background: none; +} +body.Profile ul.Notifications { + border-top: 0; + margin-top: 0; +} + + +/* ================================================= Tabs, Headings & Footers */ +div.MessageForm { + text-align: right; +} +div.MessageForm, +div.Tabs, +div.Headings { + display: block; + border-bottom: 1px solid #abdafb; + padding: 5px 8px; + margin: 0; + background: #cfecff; +} +div.MessageForm div.Tabs { + padding: 0; + border: 0; + background: none; + text-align: left; +} +div.MessageForm div.Tabs ul { + display: inline; +} +div.Tabs li { + display: inline; + margin: 0; +} +div.MorePager a, +div.MorePager a:link, +div.MorePager a:hover, +div.MorePager a:active, +div.MorePager a:visited, +a.TabLink, +a.TabLink:link, +a.TabLink:hover, +a.TabLink:active, +a.TabLink:visited, +div.Tabs li a, +div.Tabs li a:link, +div.Tabs li a:hover, +div.Tabs li a:active, +div.Tabs li a:visited { + margin: 0; + border: 1px solid #abdafb; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background: #bbe2f7; + display: inline; + font-weight: bold; + color: #1e79a7; + text-decoration: none; + padding: 5px 10px; + line-height: 2.6; +} +div.MorePager li a:hover, +a.TabLink:hover, +div.Tabs li a:hover { + background: #f3fcff; +} +a.Active, +div.Tabs li.Active a { + background: #fff; + color: #474747; +} +div.Tabs li a span { + line-height: 1; + font-size: 80%; + padding: 0 3px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + font-weight: normal; + background: #1e79a7; + color: #eaf4fd; + margin: 0 0 0 4px; +} +div.Tabs div.SubTab { + margin: 10px 0 0; + padding: 4px 8px; + background: #f3fcff; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} +div.HeadingTabs { + padding: 8px 8px 8px 12px; +} +div.HeadingTabs ul { + display: inline; + float: right; +} +div.HeadingTabs div.SubTab { + font-size: 14px; + display: inline; + font-weight: bold; + background: none; + padding: 0; + line-height: 2.4; +} +div.SearchTabs input.InputBox { + width: 560px; + margin-right: 10px; +} +div.Headings { + position: relative; + text-align: left; +} +div.Headings div { + display: inline-block; + padding-right: 10px; +} +div.Headings div.ItemHeading { + font-size: 14px; + font-weight: bold; + line-height: 2; +} +div.Headings div.MetaHeading { + font-size: 11px; +} + +/* ======================================================== Thumbnail Cropper */ +form.Thumbnail table { + width: 100%; +} +form.Thumbnail table td { + width: 50%; +} +form.Thumbnail table tr td { + vertical-align: top; +} +form.Thumbnail table tr th { + padding-right: 10px; +} +.jcropper-holder { + border: 1px black solid; +} +.jcrop-holder { + text-align: left; +} +.jcrop-vline, .jcrop-hline { + font-size: 0; + position: absolute; + background: white url('images/jcrop.gif') top left repeat; +} +.jcrop-vline { height: 100%; width: 1px !important; } +.jcrop-hline { width: 100%; height: 1px !important; } +.jcrop-handle { + font-size: 1px; + width: 7px !important; + height: 7px !important; + border: 1px #eee solid; + background-color: #333; + *width: 9px; + *height: 9px; +} +.jcrop-tracker { + *background-color: gray; + width: 100%; height: 100%; +} +.custom .jcrop-vline, +.custom .jcrop-hline { + background: yellow; +} +.custom .jcrop-handle { + border-color: black; + background-color: #C7BB00; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +form.Thumbnail table { + width: 100%; +} +form.Thumbnail table td { + font-weight: normal; +} + + +/* =================================================================== Popups */ +div.Popup div.Errors ul { + border: 1px solid #a00 !important; +} +div.Popup div.Messages { + text-align: left; + position: inherit; + top: auto; + left: auto; + z-index: auto; + margin: 10px 0 !important; +} +div.Popup div.Messages ul { + display: block; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} +* html div.Popup div.Messages { + position: inherit; + width: auto; + top: auto; + left: auto; + overflow: auto; +} +div.Popup .Info { + margin-top: 10px; +} +div.Popup .Loading { + display: block; + width: 200px; +} +div.Overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +div.Popup { + position: absolute; + width: 100%; + top: 0; + left: 0; + z-index: 5000; + text-align: center; +} +div.Popup div.Border { + margin: 0px auto; + text-align: left; + position: relative; + max-width: 500px; + display: inline-block; +} +div.Popup div.Body { + background: #fff; +} +div.Popup div.Legal, +div.Popup .Content form { + max-height: 440px; + overflow: auto; + padding: 0 10px 10px; +} +div.Popup .Loading { + text-align: center; +} +div.Popup h1, +div.Popup h2, +div.Connect h1, +div.Connect h2 { + font-size:120%; + font-weight:bold; + margin-bottom: 0; + color: #fff; + background: #38abe3; + border-bottom: 1px solid #3DB9E5; + padding: 6px 9px 4px; +} +a.Close { + position: absolute; + top: 16px; + right: 20px; + line-height: 1; + color: #E4F7FE; + cursor: pointer; + font-family: arial; + font-size: 22px; + font-weight: bold; + padding: 0; +} +a.Close:hover { + color: #fff; +} +div.Popup .Footer { + border: none; + background: none; + padding: 0; + margin: 0; + text-align: right; +} +div.Popup .Footer input.Button { + font-size: 11px; + margin-right: 2px; +} +div.Popup h3 { + font-size: 120%; + font-weight: bold; + padding: 20px 0 10px; +} +div.Popup p { + padding: 6px 10px 10px; +} +div.Popup div.Legal p { + padding: 6px 0 10px; +} +div.Popup small { + font-size: 11px; +} +div.Popup form p { + padding: 0; +} +body.Profile #Form_Invitation ul li label, +body.Profile #Form_User ul li label, +div.Popup form ul li label { + color:#000; + display:block; + font-size:14px; + font-weight:bold; + margin: 10px 0 0; +} +body.Entry form ul li.Gender label.RadioLabel, +body.Profile #Form_User ul li.Gender label.RadioLabel, +div.Popup form ul li.Gender label.RadioLabel { + display: inline; + padding-right: 20px; +} +li.Gender { + margin-bottom: 10px; +} +body.Profile #Form_User ul li label.RadioLabel, +body.Profile #Form_User ul li label.CheckBoxLabel, +div.Popup form ul li label.RadioLabel, +div.Popup form ul li label.CheckBoxLabel { + font-weight: normal; +} +div.Profile #Form_User input.Button, +div.Popup input.Button { + margin: 4px 0 2px; +} +div.Popup #Form_User div.Warning, +#dashboard_profile_picture #Form_User div.Warning { + margin: 6px 0; +} + +/* Serious Ajax Error Styles */ +div.AjaxError { + white-space: pre; + overflow: auto; + padding: 10px; +} + +/* ==================================================================== Legal */ +div.Legal h3 { + padding: 0; + margin: 20px 0 0; + font-size: 120%; + font-weight: bold; +} +div.Legal ol { + list-style-position:outside; + list-style-type:decimal; + margin:0 30px 10px; +} +div.Legal ul { + list-style-position:outside; + list-style-type:disc; + margin:0 30px 10px; +} +div.Legal li { + padding: 5px 0; +} +div.Legal strong { + font-weight: bold; +} + + +/* =================================================================== Footer */ +#Foot { + clear: both; + text-align: center; + margin: 2px 0; + padding: 4px 9px; + font-size: 13px; + color: #ddd; + line-height: 1; +} +#Foot a { + color: #ccc; +} +#Foot a:hover { + color: #aaa; +} +#Foot div { + width: 960px; + padding: 6px 0; + margin: 20px auto 0; + text-align: left; +} + + + +/* ================================ Vanilla ================================= */ + +#Panel ul.Discussions { + border: 0; +} +ul.PanelDiscussions li { + text-align: left; +} +ul.PanelDiscussions li a { + float: none; +} +ul.PanelDiscussions li strong { + display: block; + line-height: 1.5; +} + +/* ============================================================== Discussions */ + +/* Note: The Vanilla Discussion List has the following classes applied to + individual list elements and can be styled: + + Bookmarked: the user has bookmarked that topic + + Announcement: the discussion has been announced + + Mine: the user created the discussion + + New: there are new comments since the last viewed the discussion +*/ +.Mine { background: #e3f4ff; } + +ul.DataList div.Meta a.Category { + background: #fafafa; + padding: 2px 4px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +} +ul.DataList li.Mine div.Meta a.Category { + background: #eff7ff; +} + +ul.DataList div.Meta span.Announcement { + background: #777777; + color: #ffffff; + padding: 1px 4px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + font-weight: bold; +} +ul.DataList div.Meta span.Closed { + background: #555555; + color: #ffffff; + font-weight: bold; + padding: 1px 4px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + + +/* ================================================================= Comments */ +body.Discussion #Content { + margin-bottom: 20px; +} +ul.Discussion { + margin-bottom: 1px; +} +/* + Note: Discussion & Comment Option (dropdown) Menu customizations. The layout + css for these is in /applications/garden/design/menu.css. Override them here. +*/ +a.Bookmark, +a.Bookmarking { + float: right; + display: block; + background: url('images/star_sprite.png') top center no-repeat; + height: 22px; + width: 22px; + margin: 2px 4px 0 4px; +} +a.Bookmark span, +a.Bookmarking span { + display: none; +} +a.Bookmarked { + background: url('images/star_sprite.png') center center no-repeat; +} +a.Bookmarking { + background: url('images/star_sprite.png') bottom center no-repeat; +} +body.Discussion a.Bookmark { + margin: 13px 8px; +} + +body.Discussion .Back { + padding: 3px 6px; + text-align: left; +} + + +/* =================================================================== Drafts */ +ul.Discussions div.ItemContent, +ul.Drafts div.ItemContent { + margin: 0 0 0 9px; +} +ul.Drafts div.ItemContent a.Title, +ul.Discussions div.ItemContent a.Title { + max-width: 580px; +} + +/* =============================================== Discussion & Comment Forms */ +li.Editing { + background: #E3F4FF; +} +div.CommentForm textarea { + width: 99%; + height: 100px; + min-height: 100px; + margin: 0 0 6px; +} +div.Comment div.CommentForm { + width: 98%; + background: none; + padding: 6px 4px; + border: 0; +} +div.Comment div.CommentForm textarea { + width: 99%; +} +#DiscussionForm label { + font-size: 14px; + font-weight: bold; + color: #666; +} +body.Post #Panel { + display: none; +} +body.Post #Content { + width: 100%; +} +#DiscussionForm h2 { + border: none; + color: #02475A; + font-size: 140%; + font-weight: bold; + margin: 0; + padding: 6px; +} +#DiscussionForm form { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + background: #c4e1ff none repeat scroll 0 0; + border: 1px solid #7caccb; + margin: 0; + padding: 20px; +} +#DiscussionForm textarea { + width: 99%; + height: 100px; + min-height: 100px; + margin: 0 0 6px; +} +#DiscussionForm input.InputBox { + width: 99%; + margin-bottom: 10px; +} +#DiscussionForm div.Category { + padding: 0 0 10px; +} +#DiscussionForm div.Category label { + padding: 0 8px 0 0; +} +div.CommentForm a.Back, +div.CommentForm a.Cancel { + float: left; +} +#DiscussionForm a.Cancel { + margin-left: 18px; +} +#DiscussionForm ul { + margin: 0 0 20px; +} +#DiscussionForm ul.PostOptions li { + display: inline; + padding: 0 8px 0 0; +} +#DiscussionForm ul.PostOptions label { + display: inline; + font-weight: normal; + font-size: 95%; + color: #555; +} + +/* ============================== Conversations ============================= */ +textarea.MultiComplete { + height: 20px; + padding: 3px 0; + text-align: left; +} +.ac_results { + padding: 0; + border: 1px solid #bbb; + border-top: 0; + background-color: white; + overflow: hidden; + z-index: 99999; +} +.ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} +.ac_results li { + margin: 0; + padding: 5px; + cursor: default; + display: block; + /* + if width will be 100% horizontal scrollbar will apear + when scroll mode will be used + */ + /*width: 100%;*/ + font-size: 12px; + /* + it is very important, if line-height not setted or setted + in relative units scroll will be broken in firefox + */ + line-height: 16px; + overflow: hidden; + border-bottom: 1px solid #bbb; + text-align: left; +} +.ac_lastitem { + border-bottom: 0 !important; +} +.ac_results strong { + font-weight: bold; + background: #daf4fd; +} +.ac_over strong { + font-weight: bold; + background: #2ab0de; +} +.ac_over { + background: #44c7f4; + color: #fff; +} +div.AddPeople h4 { + border-bottom: 0px; +} +#Panel input.InputBox, +div.AddPeople textarea.MultiComplete { + width: 228px; + margin-bottom: 2px; +} +div.AddPeople form div { + text-align: right; +} + + +/* ============================================================ Conversations */ +fieldset { + padding: 0px !important; +} +h2.NewConversation { + float: right; +} +h2.NewConversation a { + font-weight: bold; +} +body.Conversations h2 { + margin: 0; +} +ul.Conversations li.Active { + cursor: pointer; + background: #ffe; +} +ul.Conversations li.Item { + padding: 4px 5px; +} +ul.Conversations div.ItemContent { + margin:0 0 0 5px; +} +ul.Conversations div.Meta a.Name { + color: #1E79A7; + font-weight: bold; +} + + +/* ========================================================= Add Message Form */ +#MessageForm { + background: #E9F9FF; + padding: 4px 8px 8px; + margin: 1px 0 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-left-radius: 2px; + -webkit-border-bottom-right-radius: 2px; +} +#MessageForm h2 { + font-size: 115%; + color: #2786C2; + font-weight: bold; + border: 0; +} +#MessageForm form div { + text-align: right; +} +#MessageForm textarea { + width: 99%; + height: 100px; + min-height: 100px; + margin-bottom: 2px; +} + + +/* ==================================================== New Conversation Form */ +body.add #Panel { + display: none; +} +body.add #Content { + width: auto; +} +#ConversationForm form { + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + background:none repeat scroll 0 0 #c4e1ff; + margin:0; + padding:20px; + text-align: right; +} +#ConversationForm h2 { + color:#02475A; + font-size:140%; + font-weight:bold; + margin:0; + padding:6px; + text-align: left; + border: 0; +} +#ConversationForm label { + display: block; + text-align: left; + color:#666666; + font-size:14px; + font-weight:bold; +} +#ConversationForm .TextBox { + height: 100px; + min-height: 100px; + margin: 8px 0 6px; + padding: 0; +} +body.Conversations a.Cancel { + margin-left: 20px; +} +div.Popup #ConversationForm form { + background: none; + -border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + padding: 10px; +} +div.Popup #ConversationForm h2 { + color: #fff; + font-size: 120%; + font-weight: bold; + padding: 6px 9px 4px; +} +div.Popup #ConversationForm textarea.MultiComplete, +div.Popup #ConversationForm .TextBox { + width: 100%; +} + +/* Upload Progress Bar */ +div.UploadProgress { + margin: 10px 0; + background: url('images/upload-progress-back.gif') repeat; + width: 200px; + z-index: 0; + color: #fff; + text-shadow: 0 1px 1px #333; + border: 1px solid #0c3c7e; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +div.UploadProgress div { + padding: 2px 0; +} +div.UploadProgress div strong { + font-weight: bold; +} +div.UploadProgress div.Foreground, +div.UploadProgress div.Background { + position: absolute; +} +div.UploadProgress div.Background { + width: 0; + background: url('images/upload-bg.gif') repeat; + z-index: 1; +} +div.UploadProgress div.Foreground { + text-indent: 6px; + overflow: visible; + white-space: nowrap; + z-index: 2; +} + + +/* Adding CSS for multiple sign-in methods */ + +/* Container */ +div.Border { + border-radius: 8px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7); + padding: 10px; +} + +/* Tabs */ +ul.Tabs { + border-bottom: 1px solid #aaa; + text-align: left; + padding-left: 4px; +} +ul.Tabs li { + display: inline-block; +} +ul.Tabs li a, +ul.Tabs li a:link, +ul.Tabs li a:active, +ul.Tabs li a:visited, +ul.Tabs li a:hover { + display: inline-block; + margin-left: 4px; + border: 1px solid #aaa; + border-width: 1px 1px 0 1px; + border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; + background: #eee; + color: #888; + position: relative; + top: 1px; + padding: 2px 8px 1px; +} +ul.Tabs li a:hover { + background: #f5f5f5; + color: #444; +} +ul.Tabs li a.Active { + padding: 2px 8px; + background: #fff; + color: #000; +} + +/* Icons */ +ul.Tabs li a.EntryTabFor_password { + padding-left: 22px; + background-image: url('../../../themes/default/design/favicon.png'); + background-position: 3px 4px; + background-repeat: no-repeat; +} + + +/* ============================================================ Entry Screens */ +body.Entry { + text-align: center; +} +body.Entry #Panel { + display: none; +} +body.Entry #Content { + float: none; + margin: 0 auto; + width: 360px; + text-align: center; +} +body.Entry #Content h1 { + border: none; + color: #02475A; + font-size:140%; + font-weight:bold; + padding: 6px; + margin: 0; + text-align: left; +} +body.Entry #Content form { + text-align: left; + padding: 10px; +} +body.Entry form ul li label { + font-size: 14px; + color: #474747; + font-weight: bold; + padding: 6px 0 0; + display: block; +} +body.Entry form ul li label.CheckBoxLabel, +body.Entry form ul li label.RadioLabel { + font-size: 12px; + font-weight: normal; + width: auto; +} +body.Entry input.DateBox, +body.Entry input.InputBox, +body.Entry textarea { + width: 310px; +} +span.Incorrect { + display: block; + color: red; +} + +/* Sign In Page & Popup */ +div.SignInPopup div.Box { + margin: 0; + padding: 0; + background: none; + border: 0; + border-radius: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; +} +body#dashboard_entry_password #Content, +body#dashboard_entry_signin #Content, +body#dashboard_entry_index #Content { + width: auto; +} +div.SignInPopup .Content form { + padding: 0 10px 10px; +} +body#dashboard_entry_password #Content form, +body#dashboard_entry_index #Content form, +body#dashboard_entry_signin #Content form { + padding: 0; + text-align:left; +} +body#dashboard_entry_password #Content form, +body#dashboard_entry_signin #Content form, +body#dashboard_entry_index #Content form, +div.SignInPopup form { + width: 270px; +} +div.SingleEntryMethod { + width: 290px; + margin: 0 auto; +} +div.MultipleEntryMethods { + width: 500px; + margin: 0 auto; +} +body#dashboard_entry_handshake #Content input.InputBox, +body#dashboard_entry_signin #Content input.InputBox, +body#dashboard_entry_index #Content input.InputBox, +body#dashboard_entry_password #Content input.InputBox, +div.SignInPopup input.DateBox, +div.SignInPopup input.InputBox, +div.SignInPopup textarea { + width: 260px; + padding: 3px; +} +div.SignInPopup form ul li label, +body#dashboard_entry_signin form ul li label, +body#dashboard_entry_index form ul li label, +body#dashboard_entry_password form ul li label, +body#dashboard_entry_handshake form ul li label { + font-size: 13px; + line-height: 1.5; + padding: 0; +} +body#dashboard_entry_password #Content form ul li input#Form_Email, +body#dashboard_entry_signin #Content form ul li input#Form_Email, +body#dashboard_entry_index #Content form ul li input#Form_Email { + margin-bottom: 6px; +} +body#dashboard_entry_password #Content input.Password, +body#dashboard_entry_signin #Content input.Password, +body#dashboard_entry_index #Content input.Password, +div.SignInPopup input.Password { + width: 180px; +} +a.ForgotPassword { + margin-left: 10px; +} +li.Buttons div a.ForgotPassword { + margin: 0; +} +body#dashboard_entry_password ul li label.CheckBoxLabel, +body#dashboard_entry_signin ul li label.CheckBoxLabel, +body#dashboard_entry_index ul li label.CheckBoxLabel, +div.SignInPopup ul li label.CheckBoxLabel { + color: #777; + display: inline; + font-size: 12px; + font-weight: normal; + margin: 10px 0 0 10px; +} +body.Entry li.Buttons input.Button, +div.SignInPopup li.Buttons input.Button { + margin: 10px 0; +} +div.Entry { + position: relative; +} +div.Methods { + text-align: left; + font-size: 14px; + font-weight: bold; + position: absolute; + top: 33px; + bottom: 0; + right: 0; + padding: 12px 20px 6px; + line-height: 1; +} +body#dashboard_entry_password div.Methods, +body#dashboard_entry_signin div.Methods, +body#dashboard_entry_index div.Methods { + padding: 10px 6px 6px; + background: none; +} +div.Methods div.Method { + padding: 10px 0 0; + text-align: left; +} + +/* Handshake */ +body#dashboard_entry_handshake #Content { + width: 720px; +} +body#dashboard_entry_handshake #Content form { + padding: 20px 30px 26px; +} +body#dashboard_entry_handshake ul.NewAccount { + float: left; + width: 315px; + margin-right: 44px; + border-right: 1px solid #A5D0E7; +} +body#dashboard_entry_handshake ul.LinkAccount { + margin-left: 315px; +} +ul.NewAccount h2, +ul.LinkAccount h2 { + padding-left: 36px !important; + background: url('images/dashboard-sprites.png') 0 -542px no-repeat; +} +ul.LinkAccount h2 { + padding-left: 84px !important; + background-position: 45px -296px; +} +body#dashboard_entry_handshake div.Info { + border: 1px solid #A5D0E7; + background: #D3F0FF; + color: #02475A; +} +body#dashboard_entry_handshake #Content h2 { + border: none; + color: #02475A; + font-size:140%; + font-weight:bold; + padding: 6px 0; + margin: 0; + text-align: left; +} + + +/* Leaving Page */ +body#dashboard_entry_leave p { + margin: 0; + padding: 20px 10px; +} +body#dashboard_entry_leave p.Leaving { + background: url('images/progress.gif') left center no-repeat; + margin: 0 0 0 14px; + padding: 20px 0 20px 50px; +} + + + +/* External App Connect Designs */ +div.Connect h1, +div.Connect h2 { + text-align: left; +} +body.connect div.Box { + border-radius: none; + -moz-border-radius: none; + -webkit-border-radius: none; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + width: 320px; + margin: 0 auto; + text-align: left; + background: none; +} +div.ConnectInfo { + margin: 10px 0 0; + position: relative; +} +div.ConnectInfo img { + position: absolute; + height: 36px; + width: 36px; + top: 0; + left: 0; +} +div.ConnectInfo span.Name { + padding-left: 46px; + font-weight: bold; + line-height: 1; + font-size: 13px; + color: #444; + display: block; +} +div.ConnectInfo h3 { + font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif; + font-size: 15px; + font-weight: bold; + line-height: 1.6; + color: #333; + padding: 0 0 10px 46px; + border: none; +} +div.Connect form ul li label, +div.SignInPopup form ul li label, +body#dashboard_entry_password form ul li label, +body#dashboard_entry_signin form ul li label, +body#dashboard_entry_index form ul li label { + font-size: 13px; + line-height: 1.5; + padding: 0; +} +div.Connect form ul li#ConnectPassword label, +div.SignInPopup form ul li#ConnectPassword label { + padding: 10px 0 0; +} +div.Connect .FinePrint, +div.SignInPopup .FinePrint { + font-size: 11px; + color: #777; +} +body#dashboard_entry_password input.InputBox, +body#dashboard_entry_signin input.InputBox, +body#dashboard_entry_index input.InputBox, +div.Connect input.InputBox, +div.SignInPopup input.InputBox { + padding: 3px +} +div.Connect .ExistingUsername, +div.SignInPopup .ExistingUsername { + font-weight: bold; + line-height: 1; + font-size: 13px; + color: #000; + display: block; +} \ No newline at end of file diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/design/style.diff --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/forum/vanilla/themes/slitaz/design/style.diff Sat Mar 19 16:26:12 2011 +0100 @@ -0,0 +1,343 @@ +--- style.css.org ++++ style.css +@@ -44,6 +44,7 @@ + line-height: 1; + color: black; + background: white; ++ border-top: 34px solid #f1f1f1; + } + ol, ul { + list-style: none; +@@ -131,11 +132,11 @@ + a:visited, + a:active { + text-decoration: none; +- color: #1e79a7; ++ color: #2571B1; + } + a:hover { + text-decoration: none; +- color: #ff0084; ++ color: blue; + } + input.DateBox, + input.InputBox, +@@ -321,11 +322,11 @@ + font-size: 13px; + background: #fafafa; + border: 1px solid #eee; +- color: #888; ++ color: #666666; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +- padding: 6px; ++ padding: 8px; + margin: 0 0 10px; + } + div.Info strong { +@@ -408,8 +409,10 @@ + + /* =================================================================== Header */ + #Head { +- background: #38abe3; +- padding: 0; ++ background: #351a0a url(header-img.png) no-repeat top right; ++ padding: 10px 0 0 0; ++ border-top: 1px solid black; ++ border-bottom: 1px solid #999; + } + div.Search:after, + div#Search:after { +@@ -423,16 +426,15 @@ + display: inline-block; + font-weight: bold; + margin: 0; +- padding: 21px 10px 4px 0; ++ padding: 0 10px 5px 0; + border: 0; + } + #Head h1 a span { +- font-size: 24px; +- color:#E4F7FE; +- text-shadow:0 1px 0 #2595ba; ++ font-size: 18px; ++ color: #f1f1f1; + } + #Head h1 a:hover span { +- color:#f3fcff; ++ color: #b64b22; + } + #Head form { + float: right; +@@ -463,8 +465,8 @@ + border: 0; + width: 38px; + height: 26px; +- background: #cfecff; +- color: #1e79a7; ++ background: #eaeaea; ++ color: #222222; + padding: 3px 0 4px; + margin: 0; + -moz-border-radius: 0; +@@ -679,7 +681,7 @@ + color: #fff; + } + #Menu a:hover { +- background: #2595cb; ++ background: #a3431f; + } + #Menu a:hover, + #Menu li.NonTab a:hover { +@@ -706,24 +708,27 @@ + float: right; + } + div.Box { +- border-radius: 1px; +- -moz-border-radius: 1px; +- -webkit-border-radius: 1px; +- background: #cfecff; ++ background: #eaeaea; + color: #888; + padding: 6px 10px; + margin: 0 0 10px; ++ border-radius: 2px; ++ -moz-border-radius: 2px; ++ -webkit-border-radius: 2px; + box-shadow: 0px 0px 2px #999; + -moz-box-shadow: 0px 0px 2px #999; + -webkit-box-shadow: 0px 0px 2px #999; + } + div.Box h4 { + font-size: 110%; +- color: #1e79a7; ++ color: #666666; + font-weight: bold; + margin: 0; + padding: 0 0 1px; + } ++div.Box h4 a { ++ color: #666666; ++} + div.Box dl { + overflow: hidden; + } +@@ -743,12 +748,12 @@ + color: #555; + } + ul.PanelActivity { +- border-top: 1px solid #abdafb; ++ border-top: 1px solid #C8C8C8; + border-bottom: 0; + } + ul.PanelActivity li { +- background: #e3f4ff; +- border-bottom: 1px solid #abdafb; ++ background: #f1f1f1; ++ border-bottom: 1px solid #C8C8C8; + padding: 2px 4px; + color: #555; + font-size: 11px; +@@ -777,8 +782,8 @@ + font-size: 85%; + } + ul.PanelInfo li { +- background: #e3f4ff; +- border-bottom: 1px solid #abdafb; ++ background: #f1f1f1; ++ border-bottom: 1px solid #C8C8C8; + padding: 2px 4px; + text-align: right; + } +@@ -788,7 +793,7 @@ + font-weight: bold; + } + ul.PanelInfo { +- border-top: 1px solid #abdafb; ++ border-top: 1px solid #C8C8C8; + border-bottom: 0; + } + ul.PanelInfo li strong { +@@ -834,8 +839,8 @@ + padding: 2px 0; + } + ul.PanelInfo li.Active { +- background: #fff; +- border-bottom: 1px solid #a3e6ff; ++ background: #f8f8f8; ++ border-bottom: 1px solid #444444; + } + ul.PanelInfo li.Active a { + color: #1e79a7; +@@ -851,7 +856,7 @@ + margin-bottom: 10px; + } + body.Profile ul.PanelInfo { +- border-bottom: 1px solid #abdafb; ++ border-bottom: 1px solid #C8C8C8; + } + body.Profile ul.PanelInfo li { + border-bottom: 0; +@@ -1246,7 +1251,7 @@ + + div.Preview { + text-align: left; +- background: #E3F4FF; ++ background: #f1f1f1; + padding: 1px 8px; + margin: 4px 0 8px; + } +@@ -1336,9 +1341,9 @@ + /* The "Foot" is at the bottom of the #Content section. Used for more results + links, sign in buttons, etc */ + .Foot { +- border-bottom: 1px solid #abdafb; ++ border-bottom: 1px solid #C8C8C8; + padding: 6px; +- background: #cfecff; ++ background: #eaeaea; + text-align: right; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +@@ -1419,7 +1424,7 @@ + } + ul.SideMenu li ul li a:hover { + text-decoration: none; +- background: #cfecff; ++ background: #eaeaea; + } + div.User { + line-height: 150%; +@@ -1441,7 +1446,7 @@ + -moz-border-radius-topright: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; +- background: #cfecff; ++ background: #f1f1f1; + margin: 0; + padding: 8px 8px 0; + color: #999; +@@ -1471,7 +1476,7 @@ + -moz-border-radius-topright: 2px; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; +- background: #cfecff; ++ background: #f1f1f1; + padding: 8px 8px 0; + } + div.User form input.InputBox { +@@ -1495,8 +1500,8 @@ + width: 100%; + border-collapse: collapse; + margin: 10px 0; +- background: #F2FBFF; +- border: 1px solid #C0E7F5; ++ background: #f1f1f1; ++ border: 1px solid #DDDDDD; + } + #Form_Invitation table label { + font-size: 12px; +@@ -1514,7 +1519,7 @@ + } + #Form_Invitation table thead th, + #Form_Invitation table thead td { +- border-bottom: 1px solid #C0E7F5; ++ border-bottom: 1px solid #DDDDDD; + } + #Form_Invitation table tbody th { + font-weight: bold; +@@ -1522,7 +1527,7 @@ + } + #Form_Invitation table tbody th, + #Form_Invitation table tbody td { +- border-bottom: 1px solid #C0E7F5; ++ border-bottom: 1px solid #DDDDDD; + line-height: 150%; + } + #Form_Invitation table thead th { +@@ -1534,7 +1539,7 @@ + #Form_Invitation table.AltRows tr.Alt td, + #Form_Invitation table.AltColumns th.Alt, + #Form_Invitation table.AltColumns td.Alt { +- background: #cfecff; ++ background: #f1f1f1; + } + #Form_Invitation table.AltColumns tr.Alt { + background: none; +@@ -1553,10 +1558,10 @@ + div.Tabs, + div.Headings { + display: block; +- border-bottom: 1px solid #abdafb; ++ border-bottom: 1px solid #C8C8C8; + padding: 5px 8px; + margin: 0; +- background: #cfecff; ++ background: #f1f1f1; + } + div.MessageForm div.Tabs { + padding: 0; +@@ -1587,14 +1592,14 @@ + div.Tabs li a:active, + div.Tabs li a:visited { + margin: 0; +- border: 1px solid #abdafb; ++ border: 1px solid #C8C8C8; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +- background: #bbe2f7; ++ background: #b64b22; + display: inline; + font-weight: bold; +- color: #1e79a7; ++ color: #ffffff; + text-decoration: none; + padding: 5px 10px; + line-height: 2.6; +@@ -1602,7 +1607,7 @@ + div.MorePager li a:hover, + a.TabLink:hover, + div.Tabs li a:hover { +- background: #f3fcff; ++ background: #a3431f; + } + a.Active, + div.Tabs li.Active a { +@@ -1962,7 +1967,7 @@ + + Mine: the user created the discussion + + New: there are new comments since the last viewed the discussion + */ +-.Mine { background: #e3f4ff; } ++.Mine { background: #f1f1f1; } + + ul.DataList div.Meta a.Category { + background: #fafafa; +@@ -2049,7 +2054,7 @@ + + /* =============================================== Discussion & Comment Forms */ + li.Editing { +- background: #E3F4FF; ++ background: #f1f1f1; + } + div.CommentForm textarea { + width: 99%; +@@ -2089,8 +2094,8 @@ + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; +- background: #c4e1ff none repeat scroll 0 0; +- border: 1px solid #7caccb; ++ background: #f1f1f1 none repeat scroll 0 0; ++ border: 1px solid #DDDDDD; + margin: 0; + padding: 20px; + } +@@ -2709,4 +2714,4 @@ + font-size: 13px; + color: #000; + display: block; +-} +\ No newline at end of file ++} diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/images/header.png Binary file forum/vanilla/themes/slitaz/images/header.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/images/logo.png Binary file forum/vanilla/themes/slitaz/images/logo.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/images/overlayBg.png Binary file forum/vanilla/themes/slitaz/images/overlayBg.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/screenshot.png Binary file forum/vanilla/themes/slitaz/screenshot.png has changed diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/views/default.master.php --- a/forum/vanilla/themes/slitaz/views/default.master.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,76 +0,0 @@ - - - - RenderAsset('Head'); ?> - - -
    -
    -
    -
    - RenderAsset('Content'); ?> -
    -
    -
    -
    RenderAsset('Panel'); ?>
    -
    -
     
    -
    - - - - - - -
    - - FireEvent('AfterBody'); ?> - - diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/views/discussion/comments.php --- a/forum/vanilla/themes/slitaz/views/discussion/comments.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,25 +0,0 @@ -FireEvent('BeforeCommentsRender'); -if (!function_exists('WriteComment')) - include($this->FetchViewLocation('helper_functions', 'discussion')); - -$CurrentOffset = $this->Offset; -if ($CurrentOffset == 0 && !$this->Data('NewComments', FALSE)) { - echo WriteComment($this->Discussion, $this, $Session, $CurrentOffset); -} - -// Only prints individual comment list items -$CommentData = $this->CommentData->Result(); -$i = 0; -foreach ($CommentData as $Comment) { - ++$CurrentOffset; - $this->CurrentComment = $Comment; - if ($i % 2) { - $counter = 'Odd'; - } else { - $counter = 'Even'; - } - WriteComment($Comment, $this, $Session, $CurrentOffset, $counter); - $i++; -} diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/views/discussion/helper_functions.php --- a/forum/vanilla/themes/slitaz/views/discussion/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,118 +0,0 @@ -EventArguments['Object'] = $Object; - $Sender->EventArguments['Type'] = $Type; - $Sender->EventArguments['Author'] = $Author; - $CssClass = 'Item Comment ' . $counter; - if ($Type == 'Comment') { - $Sender->EventArguments['Comment'] = $Object; - $Id = 'Comment_'.$Object->CommentID; - $Permalink = '/discussion/comment/'.$Object->CommentID.'/#Comment_'.$Object->CommentID; - } else { - $Sender->EventArguments['Discussion'] = $Object; - $CssClass .= ' FirstComment'; - $Id = 'Discussion_'.$Object->DiscussionID; - $Permalink = '/discussion/'.$Object->DiscussionID.'/'.Gdn_Format::Url($Object->Name).'/p1'; - } - $Sender->Options = ''; - $CssClass .= $Object->InsertUserID == $Session->UserID ? ' Mine' : ''; - $Sender->FireEvent('BeforeCommentDisplay'); -?> -
  • -
    -
    - FireEvent('BeforeCommentMeta'); ?> -
    - -
     
    -
    - - DateInserted); - ?> - - - 'Item_'.($CurrentOffset+1), 'rel' => 'nofollow')); ?> - - -
    - FireEvent('CommentInfo'); ?> -
    - FireEvent('AfterCommentMeta'); ?> -
    -
    - FireEvent('BeforeCommentBody'); ?> - FormatBody = Gdn_Format::To($Object->Body, $Object->Format); - $Sender->FireEvent('AfterCommentFormat'); - $Object = $Sender->EventArguments['Object']; - echo $Object->FormatBody; - ?> -
     
    - FireEvent('AfterCommentBody'); ?> -
    -
    • -FireEvent('AfterComment'); -} - -function WriteOptionList($Object, $Sender, $Session) { - $EditContentTimeout = C('Garden.EditContentTimeout', -1); - $CanEdit = $EditContentTimeout == -1 || strtotime($Object->DateInserted) + $EditContentTimeout > time(); - $TimeLeft = ''; - if ($CanEdit && $EditContentTimeout > 0) { - $TimeLeft = strtotime($Object->DateInserted) + $EditContentTimeout - time(); - $TimeLeft = $TimeLeft > 0 ? ' ('.Gdn_Format::Seconds($TimeLeft).')' : ''; - } - - $Sender->Options = ''; - $CategoryID = GetValue('CategoryID', $Object); - if(!$CategoryID && property_exists($Sender, 'Discussion')) - $CategoryID = GetValue('CategoryID', $Sender->Discussion); - - // Show discussion options if this is the discussion / first comment - if ($Sender->EventArguments['Type'] == 'Discussion') { - // Can the user edit the discussion? - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T('Edit'), '/vanilla/post/editdiscussion/'.$Object->DiscussionID, 'EditDiscussion').$TimeLeft.''; - - // Can the user announce? - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T($Sender->Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . ''; - - // Can the user sink? - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T($Sender->Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . ''; - - // Can the user close? - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T($Sender->Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Object->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . ''; - - // Can the user delete? - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T('Delete Discussion'), 'vanilla/discussion/delete/'.$Object->DiscussionID.'/'.$Session->TransientKey(), 'DeleteDiscussion') . ''; - } else { - // And if this is just another comment in the discussion ... - - // Can the user edit the comment? - if (($CanEdit && $Session->UserID == $Object->InsertUserID) || $Session->CheckPermission('Vanilla.Comments.Edit', TRUE, 'Category', $Sender->Discussion->CategoryID)) - $Sender->Options .= ''.Anchor(T('Edit'), '/vanilla/post/editcomment/'.$Object->CommentID, 'EditComment').$TimeLeft.''; - - // Can the user delete the comment? - if ($Session->CheckPermission('Vanilla.Comments.Delete', TRUE, 'Category', $CategoryID)) - $Sender->Options .= ''.Anchor(T('Delete'), 'vanilla/discussion/deletecomment/'.$Object->CommentID.'/'.$Session->TransientKey().'/?Target='.urlencode($Sender->SelfUrl), 'DeleteComment') . ''; - } - - // Allow plugins to add options - $Sender->FireEvent('CommentOptions'); - echo $Sender->Options; -} \ No newline at end of file diff -r 0c3a5e9addd2 -r 53acdb49f525 forum/vanilla/themes/slitaz/views/discussions/helper_functions.php --- a/forum/vanilla/themes/slitaz/views/discussions/helper_functions.php Wed Mar 16 15:35:15 2011 +0000 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,186 +0,0 @@ -Bookmarked == '1' ? ' Bookmarked' : ''; - $CssClass .= $Discussion->Closed == '1' ? ' Closed' : ''; - $CssClass .= $Alt.' '; - $CssClass .= $Discussion->Announce == '1' ? ' Announcement' : ''; - $CssClass .= $Discussion->Dismissed == '1' ? ' Dismissed' : ''; - $CssClass .= $Discussion->InsertUserID == $Session->UserID ? ' Mine' : ''; - $CssClass .= ($Discussion->CountUnreadComments > 0 && $Session->IsValid()) ? ' New' : ''; - $Sender->EventArguments['Discussion'] = &$Discussion; - $First = UserBuilder($Discussion, 'First'); - $Last = UserBuilder($Discussion, 'Last'); - - $Sender->FireEvent('BeforeDiscussionName'); - - $DiscussionName = Gdn_Format::Text($Discussion->Name); - if ($DiscussionName == '') - $DiscussionName = T('Blank Discussion Topic'); - - static $FirstDiscussion = TRUE; - if (!$FirstDiscussion) - $Sender->FireEvent('BetweenDiscussion'); - else - $FirstDiscussion = FALSE; -?> -
  • - FireEvent('BeforeDiscussionContent'); - WriteOptions($Discussion, $Sender, $Session); - ?> -
    - DiscussionID.'/'.Gdn_Format::Url($Discussion->Name).($Discussion->CountCommentWatch > 0 && C('Vanilla.Comments.AutoOffset') ? '/#Item_'.$Discussion->CountCommentWatch : ''), 'Title'); ?> - FireEvent('AfterDiscussionTitle'); ?> -
    - Announce == '1') { ?> - - - Closed == '1') { ?> - - - CountComments, '%s comment', '%s comments'), $Discussion->CountComments); ?> - IsValid() && $Discussion->CountUnreadComments > 0) - echo ''.Plural($Discussion->CountUnreadComments, '%s New', '%s New Plural').''; - - if ($Discussion->LastCommentID != '') { - echo ''.sprintf(T('Most recent by %1$s'), UserAnchor($Last)).''; - echo ''.Gdn_Format::Date($Discussion->LastDate).''; - } else { - echo ''.sprintf(T('Started by %1$s'), UserAnchor($First)).''; - echo ''.Gdn_Format::Date($Discussion->FirstDate).''; - } - - if (C('Vanilla.Categories.Use')) - echo Wrap(Anchor($Discussion->Category, '/categories/'.$Discussion->CategoryUrlCode, 'Category')); - - $Sender->FireEvent('DiscussionMeta'); - ?> -
    -
    -
    • -Category) ? $Sender->Category->Name : T('All Discussions'); - $Bookmarked = T('My Bookmarks'); - $MyDiscussions = T('My Discussions'); - $MyDrafts = T('My Drafts'); - $CountBookmarks = 0; - $CountDiscussions = 0; - $CountDrafts = 0; - if ($Session->IsValid()) { - $CountBookmarks = $Session->User->CountBookmarks; - $CountDiscussions = $Session->User->CountDiscussions; - $CountDrafts = $Session->User->CountDrafts; - } - if (is_numeric($CountBookmarks) && $CountBookmarks > 0) - $Bookmarked .= ''.$CountBookmarks.''; - - if (is_numeric($CountDiscussions) && $CountDiscussions > 0) - $MyDiscussions .= ''.$CountDiscussions.''; - - if (is_numeric($CountDrafts) && $CountDrafts > 0) - $MyDrafts .= ''.$CountDrafts.''; - - ?> -
    -
      - FireEvent('BeforeDiscussionTabs'); ?> - ControllerName) == 'discussionscontroller' && strtolower($Sender->RequestMethod) == 'index' ? ' class="Active"' : ''; ?>> - FireEvent('AfterAllDiscussionsTab'); ?> - 0 || $Sender->RequestMethod == 'bookmarked') { ?> - RequestMethod == 'bookmarked' ? ' class="Active"' : ''; ?>> - FireEvent('AfterBookmarksTab'); - } - if ($CountDiscussions > 0 || $Sender->RequestMethod == 'mine') { - ?> - RequestMethod == 'mine' ? ' class="Active"' : ''; ?>> - 0 || $Sender->ControllerName == 'draftscontroller') { - ?> - ControllerName == 'draftscontroller' ? ' class="Active"' : ''; ?>> - FireEvent('AfterDiscussionTabs'); - ?> -
    - Category)) { - ?> -
    ↳ Category->Name; ?>
    - -
    - IsValid() && $Sender->ShowOptions) { - echo '
    '; - // Bookmark link - $Title = T($Discussion->Bookmarked == '1' ? 'Unbookmark' : 'Bookmark'); - echo Anchor( - '' - .Img('applications/dashboard/design/images/pixel.png', array('alt' => $Title)) - .'', - '/vanilla/discussion/bookmark/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), - 'Bookmark' . ($Discussion->Bookmarked == '1' ? ' Bookmarked' : ''), - array('title' => $Title) - ); - - $Sender->Options = ''; - - // Dismiss an announcement - if (C('Vanilla.Discussions.Dismiss', 1) && $Discussion->Announce == '1' && $Discussion->Dismissed != '1') - $Sender->Options .= '
  • '.Anchor(T('Dismiss'), 'vanilla/discussion/dismissannouncement/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'DismissAnnouncement') . '
    • '; - - // Edit discussion - if ($Discussion->FirstUserID == $Session->UserID || $Session->CheckPermission('Vanilla.Discussions.Edit', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T('Edit'), 'vanilla/post/editdiscussion/'.$Discussion->DiscussionID, 'EditDiscussion') . '
    • '; - - // Announce discussion - if ($Session->CheckPermission('Vanilla.Discussions.Announce', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T($Discussion->Announce == '1' ? 'Unannounce' : 'Announce'), 'vanilla/discussion/announce/'.$Discussion->DiscussionID.'/'.$Session->TransientKey(), 'AnnounceDiscussion') . '
    • '; - - // Sink discussion - if ($Session->CheckPermission('Vanilla.Discussions.Sink', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T($Discussion->Sink == '1' ? 'Unsink' : 'Sink'), 'vanilla/discussion/sink/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'SinkDiscussion') . '
    • '; - - // Close discussion - if ($Session->CheckPermission('Vanilla.Discussions.Close', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T($Discussion->Closed == '1' ? 'Reopen' : 'Close'), 'vanilla/discussion/close/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'CloseDiscussion') . '
    • '; - - // Delete discussion - if ($Session->CheckPermission('Vanilla.Discussions.Delete', TRUE, 'Category', $Discussion->CategoryID)) - $Sender->Options .= '
  • '.Anchor(T('Delete'), 'vanilla/discussion/delete/'.$Discussion->DiscussionID.'/'.$Session->TransientKey().'?Target='.urlencode($Sender->SelfUrl), 'DeleteDiscussion') . '
    • '; - - // Allow plugins to add options - $Sender->FireEvent('DiscussionOptions'); - - if ($Sender->Options != '') { - ?> -
      -
    • - -
        - Options; ?> -
      -
      • -
    - '; - } -} \ No newline at end of file