/***************************************************************************************** * * slyCMS * * Written by Andy Loeber * (c) 2010-2013 slySOLUTIONS GmbH, Zurich, Switzerland. All rights reserved. * * YOU MAY NOT REMOVE THIS COPYRIGHT NOTICE - SEE WWW.SLYSOLUTIONS.CH FOR LICENSE DETAILS *****************************************************************************************/ @import "fancybox/jquery.fancybox-2.1.5.css"; @import "fancybox/jquery.fancybox-thumbs.css"; html,body { font-family:Arial; height:100%; width:100%; margin:0px; padding:0px; } em { font-style:italic; } p { margin:0px; } strong { font-weight:bold; } #slyDesktop { width:100%; height:100%; z-index:5; } #background { position:fixed; top:0px; left:0px; z-index:0; width:100%; height:100%; text-align:left; display:none; } #slyBackgroundImages img { position:fixed; top:0px; left:0px; z-index:0; opacity:0; filter:Alpha(Opacity=0); } .slyImageGallery-BackgroundImage { position:fixed; top:0px; left:0px; z-index:0; opacity:0; filter:Alpha(Opacity=0); } #slyBackgroundImageEffectDots { position:fixed; top:0px; left:0px; z-index:3; width:100%; height:100%; background:url(../images/background_image_pattern.png); } #slyConfettiBackground { position:fixed; top:0px; left:0px; z-index:4; width:100%; height:100%; } #slyLoggedInInfoDiv { position:fixed; z-index:9999999; right:60px; top:-24px; height:24px; font-size:12px; line-height:24px; border:1px solid #D9D798; background:#FFFEDB; padding:0px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top:0px; white-space:nowrap; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .slyTemplate { position:relative; } .slyContainer { position:relative; min-height:20px; } .slyReferenceContainer { position:relative; min-height:20px; } .clear { clear:both; } .spacer { clear:both; } .keyIcon { display:inline-block;width:20px;height:16px;background:url(../images/icons/key.png) no-repeat 0px 3px; margin-left:30px; } .coinsIcon { display:inline-block;;width:20px;height:16px;background:url(../images/icons/coins.gif) no-repeat 0px 2px; } .messagesIcon { display:inline-block;;width:20px;height:16px;background:url(../images/icons/messages.png) no-repeat 0px 2px; } .smallSlycmsIcon { position:absolute;top:2px;left:7px; width:25px;height:20px;background:url(../images/small_slycms_logo.png) no-repeat; } .restrictedListItemMarker { display:inline-block;width:20px;height:16px;background:url(../images/icons/key.png) no-repeat 4px 3px; } .slyQuickLogoutLink { color:#4F72AC; cursor:pointer; } .slyQuickLogoutLink:hover { color:#628BCF; text-decoration:underline; } .slyMenuTemplate ul { list-style-type:none; margin:0px; padding:0px; clear:both; } .slyGallerLayoutEditor-GridImage { vertical-align:middle; margin-right:20px; margin-bottom:15px; cursor:pointer; border-radius:6px; } /*********************************************************************************************************** Responsive Fancybox ***********************************************************************************************************/ /*#fancybox-content { width:100% !important; height:auto !important; } #fancybox-wrap img { height: auto !important; width: 100% !important; margin: 0px auto !important; } #fancybox-close { right:-35px !important; } #fancybox-right { right:-20px !important; } #fancybox-title { width: 100% !important; margin: 0px 20px !important; } #fancybox-title table { position: relative !important; left: -10px !important; } */ /*********************************************************************************************************** User notify boxes ***********************************************************************************************************/ .slyNotifyUserBox { border:1px solid black; padding:10px; border-radius:12px; position:fixed; top:-500px; left:12px; width:250px; z-index:9999999; text-align:left; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .slyNotifyUserBox p { color:#333; font-size:12px; line-height:17px; font-family:Arial; letter-spacing:0px; word-spacing:0px; font-style:normal; } .slyNotifyUserBox ul { list-style-type:none; padding:0px; margin:0px; } .slyNotifyUserBox li { color:#333; font-size:12px; line-height:18px; font-family:Arial; letter-spacing:0px; word-spacing:0px; font-style:normal; } .slyNotifyUserBox .currentQuest { font-weight:bold; } .slyNotifyUserBox .finishedQuest {} .slyNotifyUserBox .futureQuest { color:#ccc;} .slyNotifyUserBox a { color:#D9531E; border-bottom:1px dashed #bbb; } .slyNotifyUserBox a:hover { color:orange; } .slyNotifyUserBox .notificationModule { font-size:14px; } .slyNotifyUserBox .notificationTitle { font-size:18px; line-height:23px; font-weight:bold; margin-bottom:5px; } .slyNotifyUserBox .notificationCoins { background:url(../images/icons/coins.gif) no-repeat; padding-left:22px; font-size:10px;} .slyNotifyUserBox .notificationHint { margin-top:8px; } .slyNotifyUserBox .notificationHint { font-size:10px; color:#777; line-height:13px; } .slyNotifyUserBox .notificationHint span { font-decoration:underline; font-weight:bold; display:block; } .slyNotifyUserBox .notificationButton {} .slyNotifyUserBox .closeButton { position:absolute; border:0px; top:4px; right:8px; width:16px; height:16px; background:url(../images/notification_close.png); } .slyNotifyUserBox .closeButton:hover { background:url(../images/notification_close_hover.png); } .slyNotifyUserBox ul { list-style-type:square; margin:10px; padding:5px; } .slyNotifyUserBox ul { padding-left:10px; margin-left:20px; } /*********************************************************************************************************** slyContextMenu ***********************************************************************************************************/ .slyContextMenu { font-family:Arial; letter-spacing:0px; word-spacing:0px; font-variant:normal; font-size:12px; line-height:14px; font-weight:normal; font-style:normal; } .slyContextMenu a, .slyContextMenu div, .slyContextMenu td { font-family:Arial; letter-spacing:0px; word-spacing:0px; font-variant:normal; font-size:12px; line-height:14px; font-weight:normal; font-style:normal; } .slySearch dl { margin:20px 0px; } /*********************************************************************************************************** slyDialog ***********************************************************************************************************/ .slyDialog, .slyDialogStyle, .slyDialog label, .slyDialogStyle label, .slyDialog td, .slyDialogStyle td, .slyDialog li, .slyDialogStyle li, .slyDialog p, .slyDialogStyle p, .slyDialog a, .slyDialogStyle a, .slyDialog a:hover, .slyDialogStyle a:hover { font-family:Arial; font-size:12px; line-height:14px; color:black; letter-spacing:0px; word-spacing:0px; font-variant:normal; font-weight:normal; font-style:normal; border:0px; border-radius:0px; } .slyDialog a, .slyDialogStyle a { margin-right:0px; padding-right:0px; } .slyDialog input, .slyDialogStyle input, .slyDialog textarea, .slyDialogStyle textarea, .slyDialog select, .slyDialogStyle select { font-family:Arial; font-size:12px; margin-bottom:3px; border:1px solid #808082; padding:0px; } .slyDialog input[type=text], .slyDialogStyle input[type=text], .slyDialog input[type=password], .slyDialogStyle input[type=password], .slyDialog textarea, .slyDialogStyle textarea { border:1px solid #808082; font-size:12px; padding:2px 4px; } .slyDialog input[type=button], .slyDialogStyle input[type=button] { font-size:12px; } .slyDialog input[type=radio] { border:0px; padding-right:3px; } .slyDialog input[disabled], .slyDialogStyle input[disabled], .slyDialog textarea[disabled], .slyDialogStyle textarea[disabled] { color:black; background:white; } .slyDialog a, .slyDialogStyle a { color:black; text-decoration:none; } .slyDialog a:hover, .slyDialogStyle a:hover { color:red; text-decoration:none; } .slyDialog { margin:10px 0px; } .slyDialog input[type=button], .slyDialogStyle input[type=button], .slyDialog .slyButton, .slyDialogStyle .slyButton { position:relative; border:1px solid #999999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:12px; color:black; padding:2px 5px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); background:-moz-linear-gradient(top, #ffffff, #cccccc); text-decoration:none; margin-left:4px; } .slyDialog input[type=button]:hover, .slyDialogStyle input[type=button]:hover, .slyDialog .slyButton:hover, .slyDialogStyle .slyButton:hover { border:1px solid #3C7FB1; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:12px; color:black; padding:2px 5px; text-decoration:none; margin-left:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ACDCF7'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ACDCF7)); background:-moz-linear-gradient(top, #ffffff, #ACDCF7); } .slyDialog input[type=button][disabled], .slyDialogStyle input[type=button][disabled] { color:#888888; background:white; border:1px solid #888888; } .slyDialog input[type=checkbox], .slyDialogStyle input[type=checkbox] { border:0px; } /*********************************************************************************************************** slyForm ***********************************************************************************************************/ .slyForm-PropertyContainer { position:relative; margin-bottom:12px; margin-right:50px; float:left; } .slyForm-PropertyInputElement { color:#333333; font-style:normal; } .slyForm-PropertyInputElementEmpty { color:#AAAAAA; font-style:italic; } .slyForm-PropertyInputElementEditing { color:#376092; font-style:normal; } /* Breite der Formfelder */ .slyEditor { margin-top:2px; } .slyDateEditor input { width:170px; } .slyBoolEditor select { height:21px; } .slyChoiceEditor { margin-top:4px; } .slyTransitionEffectEditor { margin-top:4px; } .slyPropertyEditor { margin-top:4px; } .slyGroupEditor { margin-top:4px; } .slyRefEntityEditor { margin-top:4px; } .slyRefEntityEditor select { min-width:156px; height:21px; } .slyPropertyEditor select { min-width:156px; height:21px; } .slyGroupEditor select { min-width:156px; height:21px; } .slyChoiceEditor select { min-width:156px; height:21px; } .slyNumberEditor input { width:150px; } .slySingleRelationEditor select { min-width:160px; height:21px; } .slyTableEditor { width:662px; min-height:120px; overflow:scroll; } .slyStringEditor input { width:632px; } .slyTextEditor input { width:632px; } .slyCodeEditor textarea { width:632px; } .slyRichTextEditor textarea { width:632px; } .slyCodeEditor .CodeMirror { width:640px; } .slyMultilineTextEditor textarea { width:632px; height:80px; } .slyRefPropertiesEditor { width:632px; } .slyVisibleOnPagesEditor { width:750px; } .NavObjectPanelContainer { position:relative; border-bottom:1px solid #888888; margin-bottom:18px; padding-bottom:2px; } .NavObjectSelectorPanel { text-align:right; } .slyForm-PropertyLabelDescription { font-weight:normal; width:606px; font-size:12px; color:#666666; padding:3px 0px; clear:both; padding-right:30px; } .slyForm-PropertyLabelDescription li { color:#666666; } .slyForm-PropertyLabelDescription a { color:#407AA5; } .slyForm-PropertyLabelDescription a:hover { text-decoration:underline; } .slyForm-PropertyLabel { font-weight:bold; } .slyForm-PropertyLabelMandatory { font-weight:bold; } .FormObjectLabel { position:relative; top:18px; font-size:12px; color:#666666; width:400px; } .slyForm-CheckboxPropertyContainer { position:relative; margin-bottom:4px; width:213px; float:left; } .slyCheckboxEditor { position:absolute; left:2px; top:-5px; width:26px; } .slyForm-PropertyCheckboxLabel { padding-left:30px; width:183px; } .NavPanelContainer { white-space:nowrap; } /*********************************************************************************************************** slyTable ***********************************************************************************************************/ .slyTable-HeaderCell { background-color:#CDDCFF; white-space:nowrap; padding:2px 8px; text-align:left; } .slyTable-HeaderCell a { font-weight:normal; color:black; text-decoration:none; } .slyTable-HeaderCell a:hover { color:#2A4686; } .slyTable-SortArrow { display: inline-block; width: 10px; height: 10px; overflow: hidden; text-indent: -5000px; } .slyTable-SortArrowASC { background: url(../images/table/arrow_asc.png) no-repeat; background-position: 4px 5px; } .slyTable-SortArrowDESC { background: url(../images/table/arrow_desc.png) no-repeat; background-position: 4px 5px; } .slyTable-Cell { white-space:nowrap; padding:2px 20px; vertical-align:middle; } .slyTable-RowHover { background-color:#BECACE;/*FFF8A6;*/ } .slyTable-RowSelectedHover { background-color:#BECACE;/*FFF585;*/ } .slyTable-EvenRow { background-color:#EEF3FF; } .slyTable-EvenRowSelected { background-color:#FFF8A6; } .slyTable-OddRow { background-color: #F5F8FF; } .slyTable-OddRowSelected { background-color:#FFFBCA; } .slyTable-Filter { background: white url(../images/table/filter.png) no-repeat; background-position: 2px 1px; border: 1px solid #888888; } .slyTable-FilterMatch { color:red; text-decoration:underline; } .slyTable-ActionPanel { margin-top:12px; border:1px solid #eeeeee; padding:0px; } .slyTable-ActionPanel a { font-weight:normal; padding-right:36px; color:black; text-decoration:none; height:20px; } .slyTable-ActionPanel a:hover { color:#101F84; } .slyTable-Action { float:left; margin-bottom:5px; } .slyTable-NavPanel { float:left; vertical-align:top; line-height:15px; height:15px; padding-right:30px; padding-bottom:12px; } .slyTable-NavPanel label { padding-right:5px; } .slyTable-NavPanel select { margin:0px 4px; } /*********************************************************************************************************** slyListTemplate ***********************************************************************************************************/ .slyListTemplate-scrollPanel { position:relative; } /*********************************************************************************************************** slyDateSelector ***********************************************************************************************************/ .slyDateSelector { font-family:Verdana; font-size:11px; } .slyDateSelector_Header { position:relative; background-color:#376092; color:white; text-align:center; padding:2px; } .slyDateSelector_PrevMonth { position:absolute; left:0px; cursor:pointer; color:white; } .slyDateSelector_NextMonth { position:absolute; right:0px; cursor:pointer; color:white; } .slyDateSelector_Weekday { background-color:#eeeeee; padding:1px; } .slyDateSelector_Day { padding:3px; } .slyDateSelector_Today { background-color:#dddddd; } .slyDateSelector_Day a { color:#376092; background-color:white; cursor:pointer; } .slyDateSelector_Day a:hover { background-color:#eeeeee; } /*********************************************************************************************************** slyIconButtons ***********************************************************************************************************/ .IconButton { display: inline-block; width: 18px; height: 18px; overflow: hidden; text-indent: -5000px; } .IconTextButton { display: inline-block; padding-left:20px; } /* ICON BUTTON: First Page */ .IconButtonFirstPage { background: url(../images/table/first.png) no-repeat; } .IconButtonFirstPage:hover { background: url(../images/table/first_hover.png) no-repeat; } .IconButtonFirstPageDisabled { background: url(../images/table/first_disabled.png) no-repeat; } .IconButtonFirstPageDisabled:hover { background: url(../images/table/first_disabled.png) no-repeat; } /* ICON BUTTON: Previous Page */ .IconButtonPrevPage { background: url(../images/table/prev.png) no-repeat; } .IconButtonPrevPage:hover { background: url(../images/table/prev_hover.png) no-repeat; } .IconButtonPrevPageDisabled { background: url(../images/table/prev_disabled.png) no-repeat; } .IconButtonPrevPageDisabled:hover { background: url(../images/table/prev_disabled.png) no-repeat; } /* ICON BUTTON: Next Page */ .IconButtonNextPage { background: url(../images/table/next.png) no-repeat; } .IconButtonNextPage:hover { background: url(../images/table/next_hover.png) no-repeat; } .IconButtonNextPageDisabled { background: url(../images/table/next_disabled.png) no-repeat; } .IconButtonNextPageDisabled:hover { background: url(../images/table/next_disabled.png) no-repeat; } /* ICON BUTTON: Last Page */ .IconButtonLastPage { background: url(../images/table/last.png) no-repeat; } .IconButtonLastPage:hover { background: url(../images/table/last_hover.png) no-repeat; } .IconButtonLastPageDisabled { background: url(../images/table/last_disabled.png) no-repeat; } .IconButtonLastPageDisabled:hover { background: url(../images/table/last_disabled.png) no-repeat; } /* ICON BUTTON: First Object */ .IconButtonFirstObject { background: url(../images/table/first.png) no-repeat; } .IconButtonFirstObject:hover { background: url(../images/table/first_hover.png) no-repeat; } .IconButtonFirstObjectDisabled { background: url(../images/table/first_disabled.png) no-repeat; } .IconButtonFirstObjectDisabled:hover { background: url(../images/table/first_disabled.png) no-repeat; } /* ICON BUTTON: Previous Object */ .IconButtonPrevObject { background: url(../images/table/prev.png) no-repeat; } .IconButtonPrevObject:hover { background: url(../images/table/prev_hover.png) no-repeat; } .IconButtonPrevObjectDisabled { background: url(../images/table/prev_disabled.png) no-repeat; } .IconButtonPrevObjectDisabled:hover { background: url(../images/table/prev_disabled.png) no-repeat; } /* ICON BUTTON: Next Object */ .IconButtonNextObject { background: url(../images/table/next.png) no-repeat; } .IconButtonNextObject:hover { background: url(../images/table/next_hover.png) no-repeat; } .IconButtonNextObjectDisabled { background: url(../images/table/next_disabled.png) no-repeat; } .IconButtonNextObjectDisabled:hover { background: url(../images/table/next_disabled.png) no-repeat; } /* ICON BUTTON: Last Object */ .IconButtonLastObject { background: url(../images/table/last.png) no-repeat; } .IconButtonLastObject:hover { background: url(../images/table/last_hover.png) no-repeat; } .IconButtonLastObjectDisabled { background: url(../images/table/last_disabled.png) no-repeat; } .IconButtonLastObjectDisabled:hover { background: url(../images/table/last_disabled.png) no-repeat; } /* ICON BUTTON: Object Overview */ .IconButtonObjectOverview { background: url(../images/table/overview.png) no-repeat; } .IconButtonObjectOverview:hover { background: url(../images/table/overview_hover.png) no-repeat; } .IconButtonObjectOverviewDisabled { background: url(../images/table/overview_disabled.png) no-repeat; } .IconButtonObjectOverviewDisabled:hover { background: url(../images/table/overview_disabled.png) no-repeat; } /* TEXT ICON BUTTON: Select all */ .IconTextButtonSelectAll { background: url(../images/table/mark_all.png) no-repeat; } /* TEXT ICON BUTTON: Deselect all */ .IconTextButtonDeselectAll { background: url(../images/table/unmark_all.png) no-repeat; } /* TEXT ICON BUTTON: Upload template */ .IconTextButtonUploadUserTemplate { background: url(../images/table/upload.png) no-repeat; } /* TEXT ICON BUTTON: Delete */ .IconTextButtonDelete { background: url(../images/table/delete.png) no-repeat; } /* TEXT ICON BUTTON: Export */ .IconTextButtonExport { background: url(../images/table/export.png) no-repeat; } /* TEXT ICON BUTTON: Import */ .IconTextButtonImport { background: url(../images/icons/import.png) no-repeat; } /* TEXT ICON BUTTON: Publish */ .IconTextButtonPublish { background: url(../images/icons/published.png) no-repeat; } /* TEXT ICON BUTTON: Unpublish */ .IconTextButtonUnpublish { background: url(../images/icons/not_published.png) no-repeat; } /* TEXT ICON BUTTON: Print */ .IconTextButtonPrint { background: url(../images/table/print.png) no-repeat; } /* TEXT ICON BUTTON: Create Element */ .IconTextButtonCreateElement { background: url(../images/table/add.png) no-repeat; } /* TEXT ICON BUTTON: Create Element */ .IconTextButtonCreateGroupElement { background: url(../images/icons/groups.png) no-repeat; } /* TEXT ICON BUTTON: Remove Element */ .IconTextButtonRemoveElement { background: url(../images/table/remove.png) no-repeat; } /* ICON BUTTON: Remove File */ .IconButtonRemoveFile { background: url(../images/icons/remove_file.png) no-repeat; } .IconButtonRemoveFile:hover { background: url(../images/icons/remove_file_hover.png) no-repeat; } /* ICON BUTTON: Edit File */ .IconButtonEditFile { background: url(../images/icons/edit_grey.png) no-repeat; } .IconButtonEditFile:hover { background: url(../images/icons/edit.gif) no-repeat; } /* TEXT ICON BUTTON: Remove from group */ .IconTextButtonRemoveFromGroup { background: url(../images/icons/delete_group.png) no-repeat; } /* TEXT ICON BUTTON: Add to group */ .IconTextButtonAddToGroup { background: url(../images/icons/add_group.png) no-repeat; } /*********************************************************************************************************** slyIcons ***********************************************************************************************************/ .slyIcon-Facebook { background:url(../images/socialmedia/Facebook-icon.png); width:24px; height:24px; overflow:hidden; text-indent:24px; display:inline-block; } .slyIcon-Facebook:hover { background:url(../images/socialmedia/Facebook-icon-hover.png); } .slyIcon-Twitter { background:url(../images/socialmedia/Twitter-icon.png); width:24px; height:24px; overflow:hidden; text-indent:24px; display:inline-block; } .slyIcon-Twitter:hover { background:url(../images/socialmedia/Twitter-icon-hover.png); } .slyIcon-Xing { background:url(../images/socialmedia/Xing-icon.png); width:24px; height:24px; overflow:hidden; text-indent:24px; display:inline-block; } .slyIcon-Xing:hover { background:url(../images/socialmedia/Xing-icon-hover.png); } /*********************************************************************************************************** slyComment ***********************************************************************************************************/ .slyComments { clear:both; } .slyComments h3 { margin-bottom:3px; } .slyComment { position:relative; border-top:1px solid #aaaaaa; padding-top:10px; padding-left:90px; margin-bottom:40px; } .slyComment-image { position:absolute; left:20px; } .slyComment-name { font-weight:bold; } .slyComment-date { font-size:12px; color:#888888; } /*********************************************************************************************************** slyTabs ***********************************************************************************************************/ .slyTabs { margin-bottom:12px; float:left; width:100%; border-bottom:1px solid #24618E; } .slyTabs ul { margin:0; padding:10px 10px 0 0px; list-style:none; } .slyTabs li { display:inline; margin:0; padding:0; } .slyTabs a { font-family:Arial; font-size:13px; font-weight:normal; letter-spacing:0px; word-spacing:0px; line-height:15px; float:left; background:url("../images/tabs/slyTabLeft.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } .slyTabs a:hover { font-size:13px; line-height:15px; } .slyTabs a span { float:left; display:block; background:url("../images/tabs/slyTabRight.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .slyTabs a span { float:none; } /* End IE5-Mac hack */ .slyTabs .selectable:hover span { color:#ffffff; } .slyTabs .selectable:hover { background-position:0% -42px; } .slyTabs .selectable:hover span { background-position:100% -42px; } .slyTabs .active { background-position:0% -84px; } .slyTabs .active span { background-position:100% -84px; color:#ffffff; } /*********************************************************************************************************** slySlider ***********************************************************************************************************/ *.horizontal_slider_track { color:#333333; width:220px; float:left; margin:0px; line-height:0px; font-size:0px; text-align:left; padding:4px; } *.horizontal_slider_track *.slider_slit { background-color:#333333; color:#ccc; width:210px; height:1px; margin:4px 4px 2px 4px; line-height:0px; position:absolute; z-index:1; border:1px solid; border-color:#999 #ddd #ddd #999; } *.horizontal_slider_track *.slider { width:16px; background-color:#666; color:#333; position:relative; margin:0; height:8px; z-index:3; line-height:0px; font-size:0px; text-align:left; border:2px solid; border-color:#999 #333 #333 #999; } *.slider_display_holder { float:left; text-align:right; position:relative; top:-3px; } .slider_display { width:40px; text-align:right; } .slyFontContainer { margin-bottom:10px; margin-top:10px; } .slyColorPicker { display:inline-block; position:relative; left:10px; top:3px; text-align:center; width:30px; height:16px; line-height:16px; margin-right:5px; border:1px solid black; cursor:pointer; color:white; font-weight:bold; } .slySliderContainer { margin-bottom:10px; } .slySliderContainer label { float:left; display:block; width:100px; } /*********************************************************************************************************** slyColorPicker ***********************************************************************************************************/ #slyColorPicker { position:relative; left:0; top:0; display:none; z-index:90000; } #slyColorPicker-Frame { position:absolute; left:0; top:0; height:234px; width:282px; z-index:90000; } .slyColorPicker-Overlay { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/colorpicker/slyColorPicker.png'); height:234px; width:282px; position:absolute; left:0px; top:0px; } .slyColorPicker-Overlay[class] { background:url(../images/colorpicker/slyColorPicker.png) no-repeat; } #slyColorPicker-SaturationContainer { height:150px; width:150px; position:absolute; left:14px; top:43px; } #slyColorPicker-HueContainer { position:absolute; top:44px; left:185px; height:168px; width:40px; } .slyColorPicker-Container { background:#FFFFFF; height:160px; width:20px; position:absolute; left:230px; top:49px; } .slyColorPicker-Dot { position:relative; z-index:89000; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/colorpicker/slyColorPicker-dot.png'); height:21px; width:21px; } .slyColorPicker-Dot[class] { background: url(../images/colorpicker/slyColorPicker-dot.png) no-repeat; } .slyColorPicker-Arrow { position:relative; z-index:89000; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/colorpicker/slyColorPicker-arrow.png'); height:21px; width:23px; } .slyColorPicker-Arrow[class] { background: url(../images/colorpicker/slyColorPicker-arrow.png) no-repeat; } .slyColorPicker-SaturationBackground { height:150px; width:150px; background:#FF0000; position:absolute; left:29px; top:50px; } #slyColorPicker-HexCode { color:#333333; font:12px "Arial Narrow", Arial, Helvetica, sans-serif; border:1px solid #CCC; } .slyColorPicker-HexCodePanel { font-size:11px; } #slyColorPicker-ControlPanel { position:absolute; top:26px; left:20px; width:260px; height:22px; } #slyColorPicker-CloseButton { position:absolute; right:46px; top:4px; border:0px; padding:0px; } #slyColorPicker-SaveButton { position:absolute; right:28px; top:4px; border:0px; padding:0px; } /*********************************************************************************************************** Column Resizer ***********************************************************************************************************/ .slyColumnTemplate-ColumResizer { position:absolute; top:-2000px; width:1px; border:1px dashed #AAA; z-index:1500; cursor:col-resize; } .slyColumnTemplate-AddColumnButton { position:absolute; top:-2000px; z-index:1500; } .slyColumnTemplate-RemoveColumnButton { position:absolute; top:-2000px; z-index:1500; } /*********************************************************************************************************** Code Mirror Online Code Editor ***********************************************************************************************************/ .CodeMirror { background:white; border:1px solid #888; } .CodeMirror-activeline { background: #e8f2ff !important; } .CodeMirror-lines { cursor:text; background:white; } /*********************************************************************************************************** slyImageSlider ***********************************************************************************************************/ .slyImageSliderTemplate .frame { overflow:hidden; } .slyImageSliderTemplate .panel { position:relative; }