/* Gelb: rgb(251, 240, 108) */ .banner-top {text-align: center; max-width: 1070px; height: auto; margin: -30px auto 0;} .bannerRight {} .bannerTop {margin: -10px 0 25px 0; text-align: center; } iframe {border: none;} /* Static Banner, Peithner */ .linkwrap {position:relative; display:inline-block;} .blocker {position:absolute; height:100%; width:100%; z-index:1; background: transparent;} .linkwrap iframe {z-index: 2; overflow:hidden; border: none; pointer-events: auto;} * {margin: 0; padding: 0; box-sizing: border-box;} body {background: #f3f6f9 top center repeat-x; margin: 0;} .scrollToTop {z-index: 1111; width: 30px; height: 30px; padding: 10px; border-radius: 100px; text-align: center; font-weight: 700; color: #FFF; text-decoration: none; position: fixed; bottom: 65px; right: 10px; display: none; background: #444 url(../../_icons/Up-24.png) center center no-repeat; background-size: 60% !important;} .scrollToTop:hover {text-decoration:none;} .searchtoggle {margin-top: 0px; padding: 7px 7px 6px; border-radius: 0 0 3px 3px; display: block; float: right; background: #FFF; position: absolute; top: 0; z-index: 0; opacity: 0.8; display: none;} .searchtoggle:hover {opacity: 1;} .searchtoggle .glass {width: 16px; background: #FFF url(images/sprites.png) 0 -196px no-repeat; height: 17px; display: block; z-index: 0;} .topslideinside {height: 70px; margin: 0 auto; padding-top: 15px; text-align: left; max-width: 1085px; position: relative; z-index: 1;} #topslide {background: #444; margin: 0 auto; display: none; z-index: 1;} .oewa {position: absolute; bottom: 0;} #Panel .roundpicture {margin-top: 10px; display: block;} #Panel .roundpicture img {border-radius: 5px;} /* mastermenu */ .mastermenu {position: relative; margin: 0 auto; height: 130px; text-align: center; border-top: 10px solid rgb(14, 208, 255); white-space: nowrap; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%);} .mastermenu ul {margin: -25px auto 0 auto;} .mastermenu li {display: inline-block; color: #FFF; margin: 0 1.2%; vertical-align: top; margin-top: 32px;} .mastermenu li a:link, .mastermenu li a:visited {width: 70px; height: 70px; border-radius: 300px; display: inline-block; display: table-cell; vertical-align: middle; color: #4C4E4D;} .mastermenu li a em {position: relative; top: 35px; font-family: sans-serif; font-size: 1.1em; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding-bottom: 6px;} .mastermenu li a:hover em {color: rgb(255, 80, 85); border-bottom: 2px solid rgb(255, 80, 85); padding-bottom: 6px;} .mastermenu li.community a:link, .mastermenu li.community a:visited {background: transparent url(../../_icons/iconset.png) 19px 19px no-repeat;} .mastermenu li.blog a:link, .mastermenu li.blog a:visited, .mastermenu li.blog span.active {background: transparent url(../../_icons/iconset.png) -230px 19px no-repeat;} .mastermenu li.oktopus a:link, .mastermenu li.oktopus a:visited {background: transparent url(../../_icons/iconset.png) -480px 18px no-repeat;} .mastermenu li.galerie a:link, .mastermenu li.galerie a:visited {background: transparent url(../../_icons/iconset.png) -731px 23px no-repeat;} .mastermenu li.kalender a:link, .mastermenu li.kalender a:visited {background: transparent url(../../_icons/iconset.png) 19px -231px no-repeat;} .mastermenu li.marktplatz a:link, .mastermenu li.marktplatz a:visited {background: transparent url(../../_icons/iconset.png) -228px -229px no-repeat; max-width: 72px;} .mastermenu li.headerLogo {z-index: 10; border: none; margin: 10px 2.8% 0;} .mastermenu li.headerLogo a {border: none;} .socials {position: fixed; right: 15px; top: 23px; color: #FFF; width: 24px; white-space: normal;} .socials a {width: 29px; height: 29px; display: inline-block; background: rgba(76, 78, 77, 0.5); border-radius: 30px; margin-bottom: 8px; opacity: 0.2; cursor: pointer;} .socials a.facebook {background: transparent url(../../_icons/socialMediaIcons.png) -129px 0 no-repeat;} .socials a.twitter {background: transparent url(../../_icons/socialMediaIcons.png) 0 0 no-repeat;} .socials a.googleplus {background: transparent url(../../_icons/socialMediaIcons.png) -130px -100px no-repeat;} .socials a:hover {opacity: 1;} /* */ body > #Frame > .Head {padding: 0; margin: 0; height: 0px;} p, div {font-family: arial,"Times New Roman",Times,serif, Arial; font-size: 1em; font-style: normal; line-height: 1.4em; color: #2b2e3d;} #Body {margin-top: 25px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap;} .bodyInside {flex-grow: 8; max-width: 1075px; text-align: left;} .bodyLeft {flex-grow: 1;} .bodyRight {flex-grow: 1;} #header {background: none;} #header .inside {max-width: 1085px; height: 5px; margin: 0 auto; padding: 0; position: relative;} #Panel {float: right; min-width: 300px; max-width: 300px; margin-top: -20px;} #Content {float: left;} #Body .ContentColumn {margin-left: 0; width: 745px; margin-top: -40px;} h1 {font-family: Arial !important;} .DataList.Discussions {width: 100%; clear: both; top: -30px; position: relative;} .breadcrumbu {text-align: left;} .BreadcrumbsWrapper {margin: 0px auto 10px auto;} .breadcrumbu a {color: #aaa; font-family: arial; letter-spacing: 0px; display: inline-block; margin-top: 38px;} .breadcrumbu a:hover {color: #444;} .Crumb {color: #aaa; font-weight: 700; margin: 0 3px 0 0;} #footer {margin: 0 auto; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%);} #footer .inside {max-width: 1085px; text-align: center; padding: 80px auto 50px; margin: 0 auto;} .clear {clear: both; visibility: hidden; height: 0; border: none;} a {color: rgb(14, 208, 255);} a:hover {color: rgb(255, 80, 85);} input {/* -webkit-appearance: none; */} input.submit {-webkit-appearance: none;} .Box {margin: 0; font-size: 1em;} .Box p {font-size: 1.1em;} .Box h4 {font-size: 1.7em; color: #4C4E4D; text-align: center; font-family: Arial; font-weight: 700; font-style: italic; border-bottom: 3px solid rgb(14, 208, 255); margin-bottom: 20px; padding-bottom: 10px; font-weight: 400;} h2.CommentHeading {text-align: left !important; margin-bottom: 20px !important; color: #AAA !important;} /* AdBoxes */ .adBox {margin-bottom: 30px; border-radius: 3px; text-align: center;} .adBox img {border-radius: 5px;} .adBox p {margin-bottom: 25px;} .adBox.Three {background: #EECA66;} .visualBoxes {height: 50px; border-radius: 3px; text-align: center; background: rgba(52,152,219,.6); margin: 0 10px 20px 10px;} /* Pagination */ .PageControls.Top {position: relative; top: -44px; right: 0px; border-radius: 3px; float: right;} .Pager {margin-top: 5px; float: left;} .Pager a:link, .Pager a:visited {color: #AAA; border-radius: 3px; padding: 3px 9px 3px 9px; text-align: center; font-weight: 400; opacity: 1; margin: 0 1px; font-size: 1.1em;} .Pager a:hover {background: #FFF; color: #444; opacity: 1;} .Pager a.Highlight {background: rgb(14, 208, 255); color: #FFF;} .Pager a.Previous, .Pager a.Next {background: none;} .Pager a.Previous:hover, .Pager a.Next:hover {background: #FFF; color: #444;} /* OnTopBaby */ .SearchForm {background: #FFF; border-radius: 5px; padding: 20px 20px 10px 20px;} .SearchForm .SiteSearch.InputAndButton {width: 95%;} .SiteSearch {display: inline-block; height: 40px; position: relative;} .SiteSearch .InputBox {padding-left: 12px;} .DataList.DataList-Search .Item {background: #FFF; padding: 8px 8px; margin-bottom: 5px; border-radius: 3px;} .DataList.DataList-Search .Item h3 a:link, .DataList.DataList-Search .Item h3 a:visited {color: rgb(42, 53, 57); font-size: 1.3em; font-weight: 400; line-height: 1.4em; font-family: arial,"Times New Roman",Times,serif;} .DataList.DataList-Search .Item h3 a:hover {color: #FF5055;} .DataList.DataList-Search .Item .ProfilePhoto {display: none;} .DataList.DataList-Search .Item .Meta {font-size: 1em; margin: 2px 0;} .DataList.DataList-Search .Item .Summary {font-size: 1em;} .SiteSearch input {border: none; border-radius: 3px; padding: 8px; background: #FFF; font-size: 1em; border: none; border-radius: 3px; padding: 8px; line-height: 28px; background: #FFF; font-size: 1em; border-bottom: 3px solid #393939;} .SiteSearch input:active, .SiteSearch input:focus {background-color: #F3F2EE;} .SiteSearch input#Form_Go.Button {margin: 8px 8px 0 0; height: 15px;} .SiteSearch input#Form_Go.Button:hover {margin: 8px 8px 0 0; height: 15px; border: none; background: #DDD url(images/sprites.png) 0 -196px no-repeat; padding: 4px;} .SiteSearch .InputBox {font-size: 1em;} .SearchNachricht {color: #FFF; font-size: 1em; display: inline-block; float: right; background: rgba(0, 0, 0, 0.3); padding: 4px 8px; border-radius: 3px;} .SearchNachricht a:link, .SearchNachricht a:visited {padding: 3px 8px; color: #444; background: #FFF; border-radius: 3px; } /* Suchergebnisse */ .ContentColumn .SiteSearch {} .DataList.SearchResults {margin-top: 50px;} .somebox {display: inline-block; padding: 5px; color: #FFF; margin-left: 30px;} .userMeModule {margin: 15px 0;} #Panel .userMeModule .WhoIs a.Username {display: none;} .MeBox {margin: 5px 0 0 0; z-index: 50; height: 47px; width: 300px; border-radius: 3px; background: #fff;} .MeBox img {position: relative;} .MeBox .MeMenu {position: relative; left: 19px; top: 6px; display: inline-block;} .MeBox .ProfilePhoto.ProfilePhotoMedium {width: 46px; height: 46px; border-radius: 3px 0 0 3px;} a.MeButton.FlyoutButton, a.MeButton.FlyoutButton:visited {margin-right: 15px; padding: 10px; background-position: center center; border-radius: 200px;} a.MeButton.FlyoutButton:hover {background: #FBF06C; border-radius: 200px;} .WhoIs a.Username {font-size: 0.1em; font-weight: 400; display: inline-block; width: 46px; height: 46px; white-space: nowrap; max-width: 46px; margin-left: -46px; overflow: hidden; } #Panel .WhoIs a.Username {max-width: 100px;} .ToggleFlyout .MeButton .Alert { background: rgb(255, 80, 85); left: 17px; top: -12px; border-radius: 300px; width: 30px; height: 30px; text-align: center; font-size: 0.9em; z-index: 10; position: absolute; padding: 8px 0;} /* Flyout */ .Flyout.FlyoutMenu {box-shadow: 0 0 4px #777; border: none; border-radius: 5px; position: absolute; top: 30px; left: 2px;} .Flyout.FlyoutMenu a {color: rgb(255, 80, 85);} .PopList .Item {border-bottom: 1px solid #DDD;} .PopList .ItemContent {margin: 0 48px 0 5px; white-space: normal;} .PopList .Item:hover {background: #DDD;} .PopList .Item .ProfilePhoto.ProfilePhotoMedium {border-radius: 3px !important; margin-left: 10px; float: right;} .PopList .Item.Title {font-size: 1.2em; padding: 5px;} .PopList .Item.Title strong {font-weight: normal} .PopList .Item .Author.Photo {float: right;} .PopList .Item.Center {border: 0 0 5px 5px !important;} .PopList .Item.Center a:link, .PopList .Item.Center a:visited {background: rgb(14, 208, 255); color: #FFF; width: 100%; border: 0 0 5px 5px !important;} .PopList .Item.Center a:hover {background: #444;} .Flyout.FlyoutMenu a {font-weight: 400;} /* .PopList .Meta {display: none;} */ /* Discussion List */ h1.H {visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; display: none; width: 100%; position: relative; left: -9999px;} #vanilla_categories_index h1.H {display: block; visibility: visible; margin: 20px 0;} #vanilla_categories_index .PageDescription {margin: -20px 0 40px 0; font-size: 1.1em; background: #fff; padding: 12px; border-radius: 5px;} #vanilla_categories_index .PageControls.Top {right: 80px; top: -83px;} #vanilla_categories_index #PagerBefore {position: relative; top: 45px;} ul.DataList li.Item {padding: 8px 8px; margin-bottom: 5px; background: #FFF;box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);} ul.DataList li.Item:hover {border-left: 3px solid #DDD; margin-left: -3px; background: #FFF;} ul.DataList li.Item.Announcement {background: rgba(255, 255, 255, 1);} ul.DataList li.Item .Title {padding-left: 2px; margin-bottom: 6px; margin-top: -2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 72%;} ul.DataList li.Item .Title a {color: rgb(42, 53, 57); font-size: 1.2em; font-weight: 400; line-height: 1.3em;} ul.DataList li.Item .Title a:hover {color: rgb(255, 80, 85);} ul.DataList li.Item.Read {background: rgba(255, 255, 255, 0.1);} ul.DataList li.Item.Read h3 a, ul.DataList li.Item.Read .Excerpt a, ul.DataList li.Item.Read .Meta span {color: #999;} ul.DataList li.Item.Read .Meta span.DMarker {color: #FFF;} ul.DataList li.Item.Read .Meta span.DMarker:last-child {margin-left: 5px;} ul.DataList li.Item.Read:hover {background: rgba(255, 255, 255, 1);} ul.DataList li.Item.Read:hover .ItemContent.Discussion {opacity: 1;} ul.DataList.Discussions li.Item.Mine, .CommentsWrap ul.DataList li.Item.Mine .Item-BodyWrap {border-right: 5px solid rgba(251,242,79,1); /* yellow */} ul.DataList.Discussions li.Item.Bookmarked {border-right: 5px solid #d60a7b;} /* red */ ul.DataList.Discussions li.Item.Participated {border-right: 5px solid #8cf325;} /* green */ ul.DataList.Discussions li.Item.Mine {border-right: 5px solid rgba(251,242,79,1);} ul.DataList.Discussions li.Item.Announcement {border-right: 5px solid rgb(14, 208, 255);} /* blue */ ul.DataList.Discussions li.Item.Closed {border-right: 5px solid #555;} /* black */ ul.DataList li.Item.Read .ItemContent.Discussion {opacity: 0.6;} ul.DataList li.Item.Read .StatsBox {opacity: 0.6;} ul.DataList li.Item .StatsBox {text-align: center; position: absolute; right: 30px;} ul.DataList li.Item .StatsBox.ViewsBox {right: 80px;} ul.DataList li.Item .OptionsMenu {top: 28px; left: 20px;} ul.DataList li.Item .Bookmark {top: 2px;} .Tag.Tag-Announcement, .Tag.Tag-Closed {background: #07C4FF; padding: 4px 7px 4px 7px; border-radius: 3px; letter-spacing: 1px; margin: 0 5px 0 0; border-radius: 10px 2px 10px 2px;} .Tag.Tag-Closed {background: #555;} .Read .Tag.Tag-Announcement, .Read .Tag.Tag-Closed, .Read .ReactionCount .Number {color: #FFF !important;} .HasNew {margin-right: 5px; font-size: 12px; padding: 3px 8px 3px 8px; font-weight: 400; background: #FBF24F; border-radius: 10px 2px 10px 2px;} .HasNew .Number {position: relative; top: 0px;} .HasNew:before {content: 'Neu ';} .AdminCheck {position: absolute; left: -30px; background: #FFF; border-radius: 200px; padding: 5px;} .MItem {margin-left: 0; margin-right: 2%; color: #444; font-size: 1.2em; color: rgba(42, 53, 57, 0.4);} .MItem span {opacity: 0.8;} .MItem:hover {/* opacity: 1; */ } .MItem a:link, .MItem a:visited {color: #07C4FF; opacity: 0.7;} .MItem a:hover {color: rgb(255, 80, 85); opacity: 1;} .MItem.MCount.ViewCount {visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; position: absolute; right: 0;} /* ul.DataList li.Item.Read .MItem {color: #BBB;} */ /* Discussion View */ .PageTitle h1 {font-family: Arial;} .Discussion .PageTitle h1 {font-family: arial !important; font-style: italic; margin: 5px 0 20px 0; color: #4C4E4D; font-size: 2.1em; line-height: 1.5em; font-weight: 400;} .MessageList.Discussion .Discussion {padding: 8px; border-radius: 5px; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);} .MessageList.Discussion .ItemDiscussion .Item-Body {padding: 0 3px;} .MessageList.Discussion .ItemDiscussion .Item-Header {padding: 0 3px 15px 3px; position: relative;} .MessageList.Discussion .ItemDiscussion .Item-Header .Meta.DiscussionMeta {position: absolute; top: 23px; left: 52px; width: 400px;} .MessageList.Discussion .ItemDiscussion .Item-Header .postcount {width: 105px; position: absolute; top: -15px; left: 352px;} .ItemDiscussion {background: #FFF; color: #FFF; padding: 0;} .ItemDiscussion .Item-Header {padding: 8px 8px 13px 8px; border-radius: 3px 3px 0 0;} .ItemDiscussion .Item-Header img {border-radius: 3px;} .ItemDiscussion .Item-Header a {color: #4C4E4D;} .Item-Body, .MessageList.DataList.Comments {background: none;} .ItemDiscussion .Item-Body {padding: 0 15px 15px 15px;} .ItemDiscussion .Item-Body .Message {font-size: 1.15em; line-height: 1.5em; margin-top: 25px;} .Message {font-size: 1.15em; line-height: 1.5em; color: #000;} .Message a:link, .Message a:visited {color: rgb(255, 80, 85);} .Message a:hover {color: #444;} .MessageList a.Bookmark, .MessageList a.Bookmarked, .MessageList a.Bookmarking {top: 0 !important;} .DataList .Item, .NarrowList .Item {background: transparent; border-radius: 3px; border: none;} .ItemDiscussion .Item-Header a.Username {font-weight: 700; margin-top: 2px;} /* Comments List */ .CommentsWrap ul.DataList li.Item {background: none; margin-bottom: 20px; border: none; padding: 0;} .CommentsWrap ul.DataList li.Item:hover {margin-left: 0;} .CommentHeader {background: none; /* float: right; background: rgb(42, 53, 57); width: 50px; */} .Comments .Item-Header {padding: 4px 0;} .Comments .Item-Header a.Username {position: relative; top: 8px;} .Comments .Item-Header a {color: #4C4E4D;} .Comments .Item-Header a:hover {color: #00B5FF;} /* .CommentsWrap ul.DataList li.Item.Mine .Item-BodyWrap {box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);} */ .Comments .AuthorWrap {display: inline-block; width: 58%; vertical-align: top;} .Comments .Meta {display: inline-block; vertical-align: top; width: 38%; text-align: right;} .Comments .Item-Header .MItem {display: inline-block; position: relative; top: 7px;} .Comment .Options {display: inline-block; position: relative; top: 10px;} .postcount {display: block; padding: 13px 2px; text-align: center; border-radius: 300px; font-weight: 400; background: url(../../_icons/my-topic-25.png) center right no-repeat; min-width: 65px;} .Comments .Item-Header p.postcount {color: #444; margin-top: -5px; float: right; margin-right: 10px; padding: 5px 2px; text-align: left; font-size: 1.1em; padding: 5px 35px; text-align: right;} .Comments .Item-Header .MItem.DateCreated {display: inline-block; margin-right: 15px;} .Comments .Item-Header .MItem .DateUpdated {display: none;} .Comments .Item-Header .MItem.CommentFlag {display: inline-block;} .Comments .Item-BodyWrap {display: inline-block; vertical-align: top; padding: 10px 55px 10px 18px; width: 100%; background: #FFF; border-radius: 5px;} .Comments .MItem.IPAddress {display: none;} .Comments .ProfilePhotoMedium {width: 35px; height: 35px;} .Comments .Item .AuthorInfo img {width: 40px; top: 50px; position: absolute;} .Comments .Item .Author {padding-top: 8px;} .EditCommentForm .Buttons, .CommentForm .Buttons {padding: 0 8px 0 0;} /* .editor-help-text {display: none;} */ /* ChildCategories */ ul.DataList.ChildCategoryList li.Item {width: 49%; margin-right: 13px;} ul.DataList.ChildCategoryList .Item:nth-child(even) {margin-right: 0;} ul.DataList.ChildCategoryList li.Item h3 {float: left; padding-top: 5px;} ul.DataList.ChildCategoryList li.Item .Meta span {opacity: 1;} ul.DataList.ChildCategoryList li.Item .Meta.Hidden {display: inline-block; float: right; text-align: right; width: 115px;} ul.DataList.ChildCategoryList li.Item .Meta.Hidden .MItem {width: auto; display: inline-block;} ul.DataList.ChildCategoryList .ItemContent {padding: 0;} h2.ChildCategories-Title.Hidden {display: none;} ul.DataList.ChildCategoryList #Category_24 {width: 100%; margin-right: 0; display: block;} /* Thema erstellen */ #vanilla_post_discussion .ContentColumn, #dashboard_entry_register .ContentColumn, #vanilla_post_editdiscussion .ContentColumn, #dashboard_home_filenotfound .ContentColumn {width: 100%;} #vanilla_post_discussion .Button {font-size: 1.1em; width: auto; padding: 3px 7px; margin: 10px 5px 0 0;} .DiscussionForm .Category, .DiscussionForm input.InputBox {border: none; border-radius: 3px;} /* Beitrag erstellen Hashtags */ .DiscussionForm .Form-Tags.P {display: none;} .InlineTags.Meta {display: none;} .Box.Tags {margin-bottom: 55px;} .Box.Tags .TagCloud li {border: none; margin-bottom: 12px; background: none;} .Box.Tags .TagCloud li a:link, .Box.Tags .TagCloud li a:visited {border-radius: 3px; padding: 5px 8px; background: #fff; color: #444; font-size: 1em;} .Box.Tags .TagCloud li a:hover {background: rgb(14, 208, 255); color: #fff;} .Box.Tags .TagCloud li .Count {position: relative; top: -2px;} .InlineTags ul, .InlineTags li {display: inline;} .InlineTags li:after {content: ', ';} .InlineTags li:last-child:after {content: '';} .MessageList .Meta.InlineTags {min-height: 0;} .TagCloud {padding: 0; list-style: none;} .TagCloud li {display: inline-block; background: #F7F7F7; background: rgba(255, 255, 255, .5); padding: 3px; line-height: 100%; margin: 2px 0;} .AvailableTag {padding: 2px 5px;} .BarWrap {border: none; background: none;} /* Write Comment */ .MessageForm.CommentForm.FormTitleWrapper {clear: both; margin-top: 80px;} .Form-Body, .MessageForm {border-radius: 5px; background: rgba(0, 0, 0, 0.05);} h2.CommentHeading, h2.H {padding: 3px 2px; text-align: center; font-weight: 400; margin-top: 30px; font-family: arial,"Times New Roman",Times,serif;} h1 {margin: 20px 0 14px 0;} .ProfilePhoto.ProfilePhotoMedium {border-radius: 3px;} .EditCommentForm textarea.TextBox, .CommentForm textarea.TextBox {min-height: 120px;} .Form-Body .Buttons {font-size: 1em;} .Form-Body .Buttons a {background: #16768D; padding: 3px 14px; border-radius: 3px;} .Form-Body .Buttons a:hover {background: #FBF06C; color: rgb(42, 53, 57);} .Form-Body .Buttons a.Cancel, .FormWrapper .Button.PreviewButton, .FormWrapper .Button.Cancel {background: none; border: none; padding: 5px; color: #444; font-size: 1.2em; width: 100px;} .Form-Body .Buttons a.Cancel:hover, .FormWrapper .Button.PreviewButton:hover, .FormWrapper .Button.Cancel:hover {color: rgb(255, 80, 85);} .Form-Body .Buttons .Back {display: none;} .Form-Body .Buttons .Back a {color: #FFF;} .Form-Body .Buttons .Back a:hover {color: rgb(42, 53, 57);} .Form-Body .Buttons a.PreviewButton {color: #FFF; width: auto;} .Form-Body .Buttons a.DraftButton {color: #FFF; width: auto;} .Form-Body .Buttons .CommentButton {color: #FFF; width: auto; padding: 3px 14px; } .MessageForm .Button.PreviewButton:link, .MessageForm .Button.DraftButton:link, .MessageForm .Button.PreviewButton:visited, .MessageForm .Button.DraftButton:visited {background: none; border: none; color: #444; font-size: 1.2em; padding: 0 10px;} .MessageForm .Button.PreviewButton:hover, .MessageForm .Button.DraftButton:hover {color: rgb(255, 80, 85);} .MessageForm .Button.PreviewButton {padding-right: 0 !important;} .Button.Primary.CommentButton {color: #444;} .Button.Primary.CommentButton:hover {color: #FFF;} /* Profile Notifications */ #dashboard_profile_notifications .About, #dashboard_profile_discussions .About, #dashboard_profile_activity .About, #dashboard_profile_comments .About, #dashboard_profile_notifications .Yaga.ReactionsWrap, #dashboard_profile_discussions .Yaga.ReactionsWrap, #dashboard_profile_activity .Yaga.ReactionsWrap, #dashboard_profile_comments .Yaga.ReactionsWrap {display: none;} #dashboard_profile_comments .DataList.SearchResults {margin-top: 20px;} #dashboard_profile_comments h2.H {margin-top: 13px;} .FormWrapper-Condensed {margin-bottom: 20px;} #Form_Share {font-size: 1.1em;} /* Add Pagespecific Fixes */ /* Neue Nachricht-Seite */ #conversations_messages_add #Body .ContentColumn {width: auto;} #conversations_messages_add #Content {float: none;} .Button.NewConversation, .Button.ClearConversation, .Button.Danger {width: 100%; font-weight: 400;} .AddPeople form div {text-align: center;} .token-input-token p {color: #FFF; display: inline-block;} .token-input-token span {display: inline-block; background: rgba(255, 255, 255, 1); color: #000; width: 20px; border-radius: 200px; margin-left: 10px; cursor: pointer; font-weight: 700;} .token-input-token span:hover {background: rgb(255, 80, 85); color: #FFF;} .token-input-input-token input {width: 100% !important; height: 40px; margin-bottom: 20px;} #Form_AddPeople .Buttons input {width: 150px;} div.AttachFileWrapper {margin: 0 0 0 -4px; padding: 5px; text-align: left;} .AttachFileLink a {color: #FFF !important; background: rgb(255, 80, 85) !important; padding: 5px 11px; border-radius: 3px; display: inline-block;} .AttachFileLink a:hover {background: #444 !important; color: #FFF !important;} .CurrentUploader {display: inline-block; padding: 10px 0 0 5px; height: 30px;} /* Signatur */ .UserSignature {font-size: 0.9em; margin-top: 20px; text-align: center;} .UserSignature:hover {opacity: 1;} .Comment .Message .UserSignature p {padding: 0px; margin: 2px 0px;} /* Reactions */ .Item .Reactions > * {visibility: visible !important;} .ReactMenu {margin-bottom: 5px;} .ReactButton {margin: 0 14px 0 0;} .ReactButton:hover {opacity: 0.5;} .ReactLabel {position: relative; color: #333;} .UserReactionWrap {margin: 10px 4px 0 0 !important;} .UserReactionWrap .ProfilePhotoSmall {border-radius: 105px;} .UserReactionWrap .ReactSprite {right: 0px !important; bottom: -6px !important;} .ReactionRecord {margin-bottom: 12px;} /* Activities */ .TextBoxWrapper {border-radius: 3px;} .TextBoxWrapper textarea {border-radius: 3px; border: none; padding: 5px;} .DataList.Activities .Item {margin-bottom: 20px;} a.CommentOption {width: 220px; border: none; margin-bottom: 10px; background: #FBF06C; font-size: 1.2em; line-height: 1.5em; padding: 3px 5px 3px 4px; color: #444; border-radius: 3px; text-align: right; border-bottom: 3px solid #C3BB47; color: #444 !important} .DataList .Excerpt {font-size: 1.1em;} .CommentForm {background: none;} .Excerpt {color: #FFF;} .Flyout .Excerpt {color: #444;} /* Buttons */ .Button {width: 220px; border: none; margin-bottom: 10px; background: #FBF06C; font-size: 1.4em; line-height: 1.8em; padding: 3px 5px 3px 4px; color: #444; border-radius: 3px; text-align: center; border-bottom: 3px solid #C3BB47;} .Button a:visited, .Button a:link {font-weight: 400; color: #FFF;} .Button:hover {background: rgb(255, 80, 85); border-bottom: 3px solid #C0493A; color: #FFF;} /* #Panel .Button {width: auto; font-weight: 400;} */ /* New Discussion */ .BoxNewDiscussion {margin: 0; text-align: left; z-index: 20; color: #FFF; position: relative; top: 12px; margin-bottom: 30px;} .BoxNewDiscussion a.BigButton {width: 300px; background: rgb(14, 208, 255); border-bottom: 3px solid #16768D; font-weight: 400; color: #FFF;} .BoxNewDiscussion a.BigButton:hover {background: #FBF06C; border-bottom: 3px solid #C3BB47; color: rgb(42, 53, 57);} p.neuesThemaButtonText, .GuestBox p:nth-child(2) {line-height: 1.5em; color: #444; margin-bottom: 10px; position: relative; top: 0px; margin-bottom: 14px; border-radius: 3px; text-align: center; padding: 12px 12px 0 12px; font-size: 1.4em;} .GuestBox p .heart {color: #EE6F56; font-weight: 700;} .GuestBox p:after {left: 178px;} p.neuesThemaButtonText {left: 80px} #FacebookAuth {text-align: center; margin-left: 30px; position: relative; top: 50px;} #FacebookAuth:before {background: #DDD; border-right: 1px solid #FFF; border-radius: 5px 0 0 5px; width: 50px;} #OpenIDAuth {display: none;} /* Login & Registrieren */ .GuestBox h4 {visibility: hidden;} .GuestBox {margin: 0; text-align: left; background: #FFF; margin-bottom: 25px; border-radius: 5px; padding: 0 15px; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);} .GuestBox div.P {position: relative;} .Button.Primary.SignInPopup {width: 127px; background: rgb(14, 208, 255); margin-right: 11px; text-align: left; color: #FFF; font-weight: 400; font-size: 1.5em; line-height: 1.8em; box-shadow: none; text-align: center; border-bottom: 3px solid #16768D;} .Button.Primary.SignInPopup:hover {background: rgb(255, 80, 85); border-bottom: 3px solid #C0493A; color: #FFF;} .Button.ApplyButton {width: 127px; background: #FBF06C; border-bottom: 3px solid #C3BB47; color: rgb(42, 53, 57); text-align: left; font-weight: 400; font-size: 1.5em; line-height: 1.8em; box-shadow: none; text-align: center;} .Button.ApplyButton:hover {background: rgb(14, 208, 255); color: #FFF; border-bottom: 3px solid #16768D;} /* Registration Page */ #dashboard_entry_register h1 {text-align: center; font-weight: 400;} #dashboard_entry_register .Box {text-align: center; margin: 0 auto; padding: 15px 25px;} #dashboard_entry_register label {font-size: 1.2em; font-weight: 400; margin-bottom: 3px; line-height: 1.4em;} #dashboard_entry_register .Buttons {text-align: center; margin-top: 25px;} #dashboard_entry_register .FormWrapper {background: #FFF; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.6); border-radius: 5px;} #dashboard_entry_register .FormWrapper li {margin-bottom: 10px;} #dashboard_entry_register .FormTitleWrapper {width: 400px; margin: -30px auto 0;} #dashboard_entry_register .PasswordStrength {width: 300px;} #dashboard_entry_register .small {display: block; font-size: 0.9em; color: gray; font-weight: 400; line-height: 1.4em; margin-top: 10px;} #dashboard_entry_register .mastermenu {height: 160px;} #dashboard_entry_register .categoriesHolder {display: none;} #dashboard_entry_register .PasswordStrength .StrengthText {padding-top: 8px; font-size: 13px;} #Form_User_Register .InputBox {border: 1px solid #DDD; border-radius: 3px; width: 100%;} #PasswordsDontMatch {font-size: 1.2em; margin: 10px 0; } .CaptchaInput {margin-top: 20px;} #recaptcha_widget_div {margin-bottom: 15px; margin-left: 50px;} #dashboard_entry_register #Form_SecretCode {width: 50px; text-align: center;} li.Gender {display:none !important;} /* TopMenu */ .categoriesHolder {text-align: center; margin: 0px auto 25px; position: relative; white-space: nowrap; background: #fff; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%);} .categoriesHolder li {border: none; display: inline-block; padding: 11px 0px 10px 0;} .categoriesHolder li a:link, .categoriesHolder li a:visited {border: none; margin-bottom: 4px; font-size: 1.1em; padding: 12px 12px; text-align: center; font-weight: 400; color: #444; font-family: arial; border-radius: 3px 3px 0 0;} .categoriesHolder li a:hover {background: rgb(14, 208, 255); color: #fff;} .categoriesHolder .schwangerAT:link, .categoriesHolder .schwangerAT:visited {color: rgba(255, 80, 85, 1);} .categoriesHolder .schwangerAT:hover {background: rgba(255, 80, 85, 1); color: #FFF;} .categoriesHolder .karenzAT:link, .categoriesHolder .karenzAT:visited {color: rgba(0, 195, 1, 1);} .categoriesHolder .karenzAT:hover {background: rgba(0, 195, 1, 1); color: #FFF;} .categoriesHolder .kinderkramCOM:link, .categoriesHolder .kinderkramCOM:visited {color: rgba(126, 56, 181, 1);} .categoriesHolder .kinderkramCOM:hover {background: rgba(126, 56, 181, 1); color: #FFF;} .categoriesHolder .apps:link, .categoriesHolder .apps:visited {background: rgb(0, 158, 255); color: #FFF;} .categoriesHolder .apps:hover {background: rgba(0, 158, 255, 0.7);} /* Categories */ .BoxCategories {margin-bottom: 70px;} .PanelInfo.PanelCategories li {height: 35px; padding: 0 0.3%; border: none; padding-top: 5px;} .PanelInfo.PanelCategories li a:link, .PanelInfo.PanelCategories li a:visited {margin-bottom: 4px; font-size: 1em; line-height: 1.8em; padding: 6px 7px; text-align: center; font-weight: 400; color: #444; border-radius: 3px; background: #FFF} .PanelInfo.PanelCategories li a:hover {background: rgb(14, 208, 255); color: #FFF;} .PanelCategories .Aside {text-align: center;} .PanelCategories .Aside .Count {border-radius: 4px; width: 45px; height: 28px; display: inline-block; text-align: center; background: #FFF; color: #444; font-weight: 700;} .PanelInfo.PanelCategories li.Active {background: none;} .PanelInfo.PanelCategories li.Active a:link, .PanelInfo.PanelCategories li.Active a:visited {background: rgb(255, 80, 85); color: #FFF; border: 2px solid rgb(255, 80, 85);} .PanelInfo.PanelCategories li.Active a:hover {background: #444; border: 2px solid #444; color: #FFF;} .PanelCategories li.Depth2 {display: none;} /* Yaga Page Leaderboard Module */ .Box.Leaderboard {margin-bottom: 45px;} .Box.Leaderboard li {border: none; background: #FFF; border-radius: 3px; margin-bottom: 2px;} .Box.Leaderboard li .Count {font-size: 100%; font-weight: 400; padding: 4px 5px;} /* Profile Edits */ .Profile .FormTitleWrapper li input {border-radius: 3px; border: none;} body.Profile.EditMode ul li label {margin-bottom: 3px;} .Profile .FormTitleWrapper li .CheckBoxLabel {margin-bottom: 15px;} .Profile .FormTitleWrapper li:last-child {margin-bottom: 25px;} /* Profile Menu */ #Panel .FilterMenu {margin: 0 0 40px 0; background: #444; border-radius: 3px;} #Panel .FilterMenu li, #Panel .FilterMenu li:first-child, .PanelInfo li:first-child {border: none; border-radius: 3px 0 0 0;} #dashboard_profile_edit #Panel .FilterMenu .Active, #dashboard_profile_edit .PanelInfo .Active {background: none;} #Panel .BoxFilter li {display: inline-block;} #Panel .FilterMenu li a:link, #Panel .FilterMenu li a:visited {width: 80px; height: 40px; border-radius: 4px; display: inline-block; display: table-cell; vertical-align: middle; color: #2A3539; z-index: 8; position: relative; text-align: center; text-indent: -9999px; font-weight: 400;} #Panel .Photo.PhotoWrap.PhotoWrapLarge {text-align: center; float: none; margin-bottom: -12px; width: 100%;} #Panel .Photo.PhotoWrap.PhotoWrapLarge img {width: 100%;} #dashboard_profile_index #Panel .FilterMenu, #dashboard_profile_best #Panel .FilterMenu {margin: 0 0 50px 0; border-radius: 0 0 3px 3px; padding-left: 2px;} #dashboard_profile_index #Panel .FilterMenu li, #dashboard_profile_best #Panel .FilterMenu li {padding: 6px 7px;} #dashboard_profile_index #Panel {margin: -24px 0 0 0;} #Panel .FilterMenu li a:link, #Panel .FilterMenu li a:visited {background: /* #2A3539 */ #444 url(../../_icons/finish_flag-32.png) center center no-repeat;} #Panel .FilterMenu li.Discussions a:link, #Panel .FilterMenu li.Discussions a:visited {background: #444 url(../../_icons/iconset.png) 18px -498px no-repeat;} #Panel .FilterMenu li.Activities a:link, #Panel .FilterMenu li.Activities a:visited, #Panel .FilterMenu li.Activity a:link, #Panel .FilterMenu li.Activity a:visited {background: #444 url(../../_icons/iconset.png) -218px -497px no-repeat;} #Panel .FilterMenu li.MyBookmarks a:link, #Panel .FilterMenu li.MyBookmarks a:visited {background: #444 url(../../_icons/iconset.png) -475px -497px no-repeat;} #Panel .FilterMenu li.MyDiscussions a:link, #Panel .FilterMenu li.MyDiscussions a:visited {background: #444 url(../../_icons/iconset.png) -728px -498px no-repeat;} #Panel .FilterMenu li.MyDrafts a:link, #Panel .FilterMenu li.MyDrafts a:visited {background: #444 url(../../_icons/iconset.png) 27px -746px no-repeat;} #Panel .FilterMenu li.Best a:link, #Panel .FilterMenu li.Best a:visited {background: #444 url(../../_icons/iconset.png) -225px -746px no-repeat;} #Panel .FilterMenu li a:hover {background: #FFF !important; border: 2px solid #FFF; text-indent: 0; font-weight: 400;} #Panel .FilterMenu li.Comments a:link, #Panel .FilterMenu li.Comments a:visited {background: #444 url(../../_icons/popular_topic-32.png) center center no-repeat;} #Panel .FilterMenu li.Inbox a:link, #Panel .FilterMenu li.Inbox a:visited {background: #444 url(../../_icons/popular_topic-32.png) center center no-repeat;} #Panel .FilterMenu li.Notifications a:link, #Panel .FilterMenu li.Notifications a:visited {background: #444 url(../../_icons/popular_topic-32.png) center center no-repeat;} #Panel .FilterMenu li.Active {background: none;} #Panel .FilterMenu li.Active a:link, #Panel .FilterMenu li.Active a:visited {background: #FFF; text-indent: 0;} #Panel .FilterMenu li.Active a:link:hover {border: none;} #Panel .FilterMenu li a .Aside {position: absolute; top: 0; right: 5px;} #Panel .FilterMenu li a .Aside .Count {text-indent: 0px; display: table-cell; vertical-align: middle; background: rgb(0,0,0,0.7); left: 17px; top: -11px; border-radius: 300px; width: 30px; height: 30px; display: block; text-align: center; font-size: 0.9em; z-index: 10; position: relative; padding: 5px 0;} #Panel .FilterMenu .AllCategories {display: none;} #Panel .PanelInfo .PanelCategories li a {background: rgb(14, 208, 255); text-align: center; display: block; color: #FFF; border-radius: 3px; font-size: 1.1em; line-height: 2em;} .CategoryFilter {display: none;} /* Panel Menü Buttons */ #Panel .FilterMenu li, .PanelInfo li {padding: 9px 6px;} #Panel .FilterMenu li:nth-child(4), #Panel .FilterMenu li:nth-child(7) {padding-right: 0;} /* THE BoxFilter Experiment */ #Panel .BoxFilter {position: fixed; bottom: 0; right: 0px; margin: -50px auto 0 auto; border-radius: 3px 0px 0 0; z-index: 1000; box-shadow: 0 0 30px #DDD;} #dashboard_profile_index #Panel .BoxFilter {margin: 0 0 -50px 0 !important} #dashboard_profile_best #Panel .FilterMenu {margin: 0 0 0 0; border-radius: 3px 0 0 0;} #Panel .BoxFilter ul.FilterMenu {background: rgba(255,255,255,1); margin: 0 0 0px 0; border-radius: 3px 0 0 0; border-bottom: 0; border-right: 0; padding-right: 13px;} #Panel .FilterMenu li {width: auto; padding: 0px !important;} #Panel .FilterMenu li a:link, #Panel .FilterMenu li a:visited {display: inline-block; width: auto; white-space: nowrap; background: transparent !important; height: 40px; text-indent: 0px; padding: 11px 12px; color: #444;} #Panel .FilterMenu li a:hover {border: none; color: rgb(255, 80, 85); border-bottom: 3px solid rgb(255, 80, 85); border-radius: 0;} #Panel .FilterMenu li.Active a:link, #Panel .FilterMenu li.Active a:visited {background: none !important; color: rgb(14, 208, 255); border-radius: 0;} /* #Panel .FilterMenu li a:first-child {padding-left: 20px;} #Panel .FilterMenu li a:last-child {padding-right: 20px;} */ #Panel .FilterMenu li a .Aside .Count {background: rgba(0, 0, 0, 0.5);} #Panel .FilterMenu li a .Aside .Count {font-size: 0.8em; width: 27px; height: 26px; padding: 5px 0; left: 7px; top: -16px;} #Panel .Photo.PhotoWrap.PhotoWrapLarge {margin-bottom: 38px;} .BoxCategories {margin-top: 50px;} /* Category Page Customized */ .categoryHeadline {display: inline-block; vertical-align: top; width: 20%; position: relative; top: 0px; width: 100%; height: 30px; text-align: right;} .MItem.DiscussionText, .MItem.CommentText {width: 90px; display: inline-block; text-align: right;} .categoryCounts {display: inline-block; float: right; vertical-align: top; width: 30%; clear: both;} .categoryCounts.MItem.DiscussionCount {width: 100px; display: inline-block; text-align: right;} .categoryCounts.MItem.CommentCount {width: 100px; display: inline-block; text-align: right;} .categoryCounts .MItem {width: 75px; margin: 3px 0 10px 0; float: right; color: rgb(42, 53, 57); padding-top: 25px; font-weight: 400; font-size: 1em; line-height: 26px; text-align: center;} .categoryCounts .MItem.DiscussionCount {background: transparent url(../../_icons/iconset.png) -471px -248px no-repeat;} .categoryCounts .MItem.CommentCount {background: transparent url(../../_icons/chat-25.png) center top no-repeat;} #vanilla_categories_all .MItem a:link, #vanilla_categories_all .MItem a:visited {color: #FF3440; opacity: 1;} #vanilla_categories_all .MItem a:hover {color: rgb(14, 208, 255);} #vanilla_categories_all .ItemContent.Category a.Title:link, #vanilla_categories_all .ItemContent.Category a.Title:visited {width: 67%;} .Meta.Meta-Discussion .MItem.CommentCount {width: 100px; text-align: right; display: none;} /* Achtung unlcean Solution aus irgendeinem grund drin */ .MItem.RSS {display: none;} .ItemContent.Category a.Title:link, .ItemContent.Category a.Title:visited {color: rgb(42, 53, 57) !important; font-size: 1.5em; line-height: 1.2em; font-weight: 400; margin-top: 3px; /* width: 67%; */ width: 100%;} .ItemContent.Category a.Title:hover {color: rgb(255, 80, 85) !important;} .ItemContent.Category .CategoryDescription {margin: 7px 0 6px 2px; color: #444; border-bottom: 0px solid #DDD;} .ChildCategories {margin-top: 10px; border: none; width: 530px; color: #FFF;} .ChildCategories b {display: none;} .ChildCategories a:link, .ChildCategories a:visited {background: #e7ebef; color: #444; padding: 6px 8px; font-size: 1.4em; border-radius: 3px; width: auto; display: inline-block; margin-bottom: 5px;} .ChildCategories a:hover {background: #FBF06C; color: #444;} /* My Search Module */ .mySearchModule {} .mySearchModule input.InputBox {display: inline-block; width: 80% !important; border-radius: 3px; margin-right: 2%; padding: 9px;} .mySearchModule #Form_Go {display: inline-block; width: 18%; top: -2px; height: 38px; position: relative; padding-top: 1px;} /* User Page */ #Content .Profile {padding-top: 20px;} .Profile .User {border-radius: 3px;} .Profile .User #Status {background: rgb(255, 80, 85); padding: 12px; border-radius: 3px; margin-bottom: 10px; color: #FFF; font-size: 1.2em; text-align: center;} .Profile .User .About.P {text-align: center; font-size: 1em;} .Profile .User .About dl {display: block;} .Profile .User .About dt {color: #AAA; text-align: left; float: left;} .Profile .User .About dd {font-size: 1.1em; line-height: 1.4em; margin-right: 10px; padding-right: 8px; text-align: left;} .Profile .User .About dt.Roles {display: block;} .Profile .User .Hijack {background: #FFF; padding: 3px 7px; border-radius: 3px;} .Handle > .SpEditProfile, .NavButton > .SpEditProfile{background-position: -240px -24px; background-position: -247px -29px;} .PhotoWrap {float: left; margin-right: 10px;} .Photo.PhotoWrap.PhotoWrapLarge {text-align: center; background: #F1F2F4; border-radius: 3px;} .ProfilePhotoLarge {border-radius: 5px;} .ProfilePRTable td {background: rgb(42, 53, 57); border-radius: 30px; color: #FFF; width: 50px; height: 50px; vertical-align: middle; padding: 10px;} .Profile .User .aboutLeft {width: 50%; display: inline-block; vertical-align: top; text-align: left;} .Profile .User .aboutRight {width: 49%; display: inline-block;} .Profile .User dt.Email {display: none;} .Profile .User dt.MySymbol {display: none;} .-EditProfile {margin: 8px 10px 0 0} /* Profile Page Yaga */ .Yaga.ReactionsWrap {background: rgb(255, 255, 255); border-radius: 5px;} #dashboard_profile_index h2, #dashboard_profile_reactions h2 {text-align: center;} .Yaga.ReactionsWrap h2 {padding: 20px 2px 0; color: #444;} .Yaga.ReactionsWrap a.TextColor, .Yaga.ReactionsWrap a .TextColor {color: #444;} .Yaga.ReactionsWrap .DataCounts {margin: 5px 0; text-align: center; color: #444; } .Yaga.ReactionsWrap .CountItemWrap {width: 18%; margin: 0 3%; padding: 20px 0; color: #444; border-radius: 5px;} /* YAGA Besten Liste und Earned Badges */ .Badge-Details {text-align: center;} .Badge-Details h1 {margin: 10px 0 24px 0;} .Badge-Earned .EarnedThisBadge {background: #FFF; padding: 6px; border-radius: 4px; margin-bottom: 20px;} .Badge-Earned .CellWrap {background: #FFF; padding: 6px; border-radius: 4px; margin: 0 1% 5px 0 !important; width: 32.5% !important;} .Badge-Earned .CellWrap:nth-child(3n) {margin: 0 0% 5px 0 !important;} .Badge-Earned .DateReceived {display: block;} .Badge-Earned .PhotoWrap img {width: 35px; height: 35px;} a.ReactButton {color: #444;} a.ReactButton:hover {color: #DDD;} form.Activity {text-align: center;} .Activity .TextBoxWrapper {padding: 4px;} .DataList.Activities li.Item .Title {font-weight: 400;} .DataList.Activities li.Item .Title a:link, .DataList.Activities li.Item .Title a:visited {font-size: 1em; font-weight: 400; color: rgb(255, 80, 85);} .DataList.Activities li.Item .Title a:hover {color: #444;} .Activities a.Title, .Activities .Title, .Activities .Title a {font-size: 1.2em;} #dashboard_profile_index .Button {font-size: 1.2em;} #dashboard_profile_index .About {background: #FFF; border-radius: 5px; margin-bottom: 20px; padding: 10px;} .Box.Badges {margin-bottom: 25px;} /* Profile Options */ .ProfileOptions {margin-top: -41px;} .User-Name, .User-Email { margin-right: 30px; display: inline-block;} .User-Name input, .User-Email input, input.CustomLabel, input.CustomValue {background: #FFF; border-radius: 3px; border: none; width: 250px; font-size: 1em; line-height: 1.3em;} /* Errors */ .Errors ul, div.Popup .Errors ul {border: none !important; border-radius: 5px; background: rgb(255, 80, 85) !important; font-size: 1.1em;} .Errors ul li {background: none !important;} /* Stats Box */ .ItemDiscussion .Meta {} a.Bookmark, a.Bookmarked, a.Bookmarking {position: relative; right: 3px; top: 5px;} .StatsBox {margin-top: 0px; width: 100px; float: right; font-weight: 400;} .StatsBox.ViewsBox, .StatsBox.AnswersBox {color: rgba(42, 53, 57, 0.6); width: 43px; padding-top: 23px; font-weight: 400; font-size: 1em; line-height: 26px;} .StatsBox.ViewsBox {background: transparent url(../../_icons/topicViewsEye.svg) 7px 4px no-repeat; opacity: 0.9; background-size: 66%;} .StatsBox.AnswersBox {background: transparent url(../../_icons/speechBubbleComments.svg) 10px 2px no-repeat; opacity: 0.8; background-size: 50%;} .StatsBox.ViewsBox span, .StatsBox.AnswersBox span {display: none;} .VotesBox {visibility: hidden; width: 0;} .FollowsBox {visibility: hidden; width: 0;} ul.DataList div.Meta strong {box-shadow: none !important;} /* Symbold Edit */ img.SymbolDiscussionSize {height: auto; width: 40px; float: right; right: 8px; top: 8px;} /* RSS */ #RSSFeed {clear: both;} #Panel #RSSFeed.Box {margin-bottom: 60px;} #RSSFeed.Box ul {border: none; border-radius: 3px;} #RSSFeed.Box h4 a:link, #RSSFeed.Box h4 a:visited {color: #4C4E4D; font-weight: 400;} #RSSFeed.Box ul li {background: none; border: none; margin-bottom: 7px; border-bottom: 1px solid #DDD;} #RSSFeed.Box .time {display: none;} #RSSFeed.Box ul li a {color: #2A3539; font-size: 1.3em; display: block; padding: 0 0 7px 0; text-align: center;} #RSSFeed.Box ul li a:hover {color: rgb(255, 80, 85);} #RSSFeed.Box ul li:last-child {border:none;} /* affects RSS */ .PanelActivity li {padding: 2px 0;} /* Footer */ #footer {color: #FFF; text-align: left;} #footer div {text-align: center;} #footer div .footOneModule {min-height: 150px; background: transparent; display: inline-block; border-radius: 3px; text-align: left; margin-bottom: 20px; width: 35%; margin-right: 2%;} .footTwoModule {min-height: 120px; border-radius: 3px; color: #FFF; line-height: 25px; margin-bottom: 20px; display: inline-block; width: 35%; margin-right: 2%;} .footTwoModule p { color: #4C4E4D; font-size: 1.1em; line-height: 1.8em;} .footTwoModule a, .footTwoModule a:link, .footTwoModule a:visited {border: none; margin-bottom: 10px; font-size: 1.3em; line-height: 1.8em; padding: 3px 6px; background: #FBF06C; border-radius: 3px; text-align: center; border-bottom: 3px solid #C3BB47; font-weight: 400; display: block; text-align: center; width: 100%; margin-top: 20px; color: rgb(42, 53, 57);} .footTwoModule a:hover {background: rgb(255, 80, 85); color: #FFF; border-bottom: 3px solid #C0493A;} .footThreeModule {min-height: 130px; display: inline-block; width: 25%; text-align: left; margin-bottom: 20px; vertical-align: top;} .footThreeModule div {padding: 11px;} .footThreeModule ul {margin: 0 0 20px 0;} .footThreeModule ul li {display: block; line-height: 28px; text-align: center;} .footThreeModule ul li.last {border: none;} #footer .footThreeModule ul li a {color: #4C4E4D;} #footer .footThreeModule ul li a:hover {color: rgb(14, 208, 255);} .copyright {font-size: 11px; color: #AAA;} .facebookDiv {background: rgb(14, 208, 255); font-size: 1.2em; border-radius: 3px; min-height: 60px; padding: 12px; text-align: left; width: 90%; border-bottom: 3px solid #16768D; color: #FFF;} .facebookDiv p, .newsletterDiv p {text-align: left; margin: 0; color: #FFF;} .facebookDiv span, .newsletterDiv span {font-size: 0.9em; text-align: left; display: block; color: #FFF;} .facebookDiv img, .newsletterDiv img {float: left; margin-right: 15px; margin-top: -4px;} .facebookDiv:hover {background: #FBF06C; border-bottom: 3px solid #C3BB47; color: rgb(42, 53, 57);} .facebookDiv:hover p, .facebookDiv:hover span, .newsletterDiv:hover p, .newsletterDiv:hover span {color: rgb(42, 53, 57);} .newsletterDiv {width: 90%;} .newsletterDiv a:link, .newsletterDiv a:visited {background: rgb(255, 80, 85); font-size: 16px; border-radius: 3px; margin-top: 20px; padding: 10px 12px 10px 12px; text-align: left; display: block; text-align: left; text-indent: 0px; min-height: 60px; border-bottom: 3px solid #C0493A; } .newsletterDiv a:hover {background: #FBF06C; border-bottom: 3px solid #C3BB47; color: rgb(42, 53, 57);} #footerframe {border-bottom: 10px solid rgb(14, 208, 255);} /* System Messages */ .Errors ul {border: none !important; padding: 12px;} .Errors ul li {line-height: 200%;} /* Banner */ .superbanner {width: 100%; border-radius: 5px; margin: 15px 0 5px 0;} .banner_farright {width: 100%; height: 200px; background: #EFEFEF;} /* Discussion Marker */ .markergroup {background: #6FD509 !important; border-radius: 10px 2px 10px 2px; display: inline-block; margin-right: 5px;} .markergroup:empty {display: none;} .DMarker {padding: 4px 2px 4px 2px; letter-spacing: 0px; margin: 0 !important; background: none !important; display: inline-block; color: #FFF;} .DMarker:last-child {margin-left: 5px !important;} .DMarker.gray {padding: 3px 8px 3px 8px; border-radius: 10px 2px 10px 2px; background: #555 !important; color: #FFF !important; display: inline-block; margin-left: 0 !important;} .ReactionCount {margin-top: -1px; color: #FFF; background: rgb(255, 80, 85) !important; border-radius: 10px 2px 10px 2px; display: inline-block; margin-right: 5px; text-align: center; min-width: 23px; color: #FFF; padding: 2px 7px 2px 7px; height: 21px; position: relative; padding: 3px 8px 2px 8px; top: -1px;} .ReactionCount span {opacity: 1; font-size: 0.8rem;} /* Discussion Insert */ .DiscussionInsert {margin-top: 25px;} .DiscussionInsert .Tools li {display: inline-block; margin-right: 10px;} .DiscussionInsert div {border: 1px solid #DDD; border-radius: 3px; background: #FFF;} .DiscussionInsert div.iwoman {padding: 15px} /* Yaga Sites */ #yaga_badges_detail .Badge-Details {background: #FFF; padding: 25px 15px 15px 15px; text-align: center; border-radius: 3px 3px 0 0;} #yaga_badges_detail .Badge-Details h1 {font-size: 1.7em; color: #4C4E4D; text-align: center; font-family: arial; font-weight: 700; font-style: italic; border-bottom: none; margin-bottom: 20px; padding-bottom: 10px; font-weight: 400;} #yaga_badges_detail .ContentColumn .ProfilePhotoMedium {width: 50px; height: 50px;} #yaga_badges_detail .RecentRecipients .Cell {text-align: left;} #yaga_badges_detail .EarnedThisBadge a.PhotoWrap {display: block; float: none; margin: 0;} #yaga_badges_detail .Badge-Earned {font-size: 1.1em; background: #FFF; padding: 15px 15px 15px 15px; text-align: center; border-radius: 0 0 3px 3px;} #yaga_badges_detail .Badge-Earned h2 {font-size: 1.7em; color: #4C4E4D; text-align: center; font-family: arial; font-weight: 700; font-style: italic; border-bottom: 3px solid rgb(14, 208, 255); margin: 50px 0 20px; padding-bottom: 10px; font-weight: 400;} #yaga_badges_detail .Badge-Earned .DateReceived {margin-left: 0; display: block;} #yaga_badges_detail .Badge-Earned p {font-size: 1.1em;} .PhotoGrid img {width: 42px; height: 42px; margin: 4px;} .MItem.BadgePoints {float: left; display: inline-block; font-size: 1.1em;} .ItemContent.Badge .Title {padding: 0 !important;} .ItemContent.Badge p {float: left; display: inline-block; margin-top: 0; font-size: 1.1em;} /* Conversation Fixes */ #conversations_messages_all .PageControls.Top, #conversations_messages_inbox .PageControls.Top {right: 0; top: 0px; float: left; width: 100%;} #conversations_messages_all #Panel .NewConversation, #conversations_messages_inbox #Panel .NewConversation {display: none; float: left;} #conversations_messages_all #PagerBefore, #conversations_messages_inbox #PagerBefore {width: 230px;} #conversations_messages_all .PagerWrap, #conversations_messages_inbox .PagerWrap {float: right;} #conversations_messages_all .DataListWrap, #conversations_messages_inbox .DataListWrap {margin-top: 75px;} .Conversations .Excerpt a {color: #333;} #conversations_messages_add #Body, #vanilla_post_discussion #Body {margin-top: 0;} .FormWrapper label, #ConversationForm label { display: block; text-align: left; color: #444; font-size: 15px; font-weight: 400; margin-bottom: 10px;} #token-input-Form_To {padding: 6px 3px; border-radius: 3px; width: 100%; border: none; background: #444; padding: 5px 8px; border-radius: 5px;} #ConversationForm #token-input-Form_To {background: #FFF;} #ConversationForm .token-input-token p {color: #444;} .token-input-dropdown {background: #FFF; border-radius: 3px; box-shadow: 0 0 4px #777; padding: 8px; cursor: pointer;} /* Login Popup */ div.Popup h1 {text-align: center; font-weight: 400; margin-top: 10px;} #Form_User_SignIn .CreateAccount {background: #EFEFEF; border-radius: 5px; padding: 12px; text-align: center; width: 300px;} #Form_User_SignIn .CreateAccount a {display: block; font-size: 1.4em; line-height: 1.5em; margin-top: 10px; color: rgb(255, 80, 85);} #Form_User_SignIn .CreateAccount a:hover {color: #444;} #Form_User_SignIn .MultipleEntryMethods .MainForm {float: left; width: 300px; text-align: center; padding: 0 0 12px 0; border-radius: 3px;} #Form_User_SignIn .MultipleEntryMethods .MainForm #Form_Email, #Form_User_SignIn .MultipleEntryMethods .MainForm #Form_Password {border: none; border-radius: 3px; width: 100%; border: 1px solid #AAA; padding: 5px 10px;} #Form_User_SignIn label {margin-bottom: 10px; font-weight: 400; color: #444;} #Form_User_SignIn label.CheckBoxLabel {color: #444; margin-left: 15px;} #Form_User_SignIn .ForgotPassword {position: relative; text-align: center; display: block;} #Form_User_SignIn .ForgotPassword:hover {color: rgba(0, 0, 0, 0.9);} #Form_User_SignIn .Button {width: 300px;} /* Login if page */ #dashboard_entry_signin #Body .ContentColumn {width: 1075px;} #dashboard_entry_signin h1 {text-align: center; font-weight: 400; margin-top: 0;} #dashboard_entry_signin #Form_User_SignIn {width: 340px; margin: 0 auto; background: #FFF; padding: 20px;} #dashboard_entry_signin .MultipleEntryMethods .MainForm, #dashboard_entry_signin #Form_User_SignIn .MultipleEntryMethods .MainForm {float: none;} #dashboard_entry_signin .MainForm li:nth-child(2) {margin-top: 10px;} #dashboard_entry_signin .MultipleEntryMethods .Methods {margin: 10px 0 0 0; padding: 10px 17px 8px 17px; background: #2461a7; border-radius: 4px; color: #FFF;} #dashboard_entry_signin .MultipleEntryMethods .Methods b {color: #FFF; font-weight: 400;} #dashboard_entry_signin #Form_User_SignIn .Button {display: block;} #dashboard_entry_signin #Form_User_SignIn .CreateAccount {margin-top: 20px;} .Methods .Method {margin: 10px 0 0 0; padding: 10px 17px 8px 17px; background: #2461a7; border-radius: 4px; color: #FFF !important;} .Methods .Method:hover {background: #444;} .Methods .Method .Text {color: #FFF; font-size: 1.1em;} /* Inform Messages */ .InformMessages .Title {color: #FFF;} .InformMessages.InformMessage div {color: #FFF;} /* In this Conversation */ .Conversations #Panel .ClearConversation {margin-bottom: 40px;} .Conversations #Panel .Box {margin-bottom: 40px;} .Conversations #Panel .PanelInfo li {border: none; padding: 0;} .Box.InThisConversation {margin-top: 40px;} .Box.InThisConversation ul.PanelInfo li {display: inline-block; margin-right: 5px; margin-bottom: 5px;} .Box.InThisConversation ul.PanelInfo li a {padding: 7px 10px 7px 0px; background: #444; border-radius: 3px; color: #FFF;} .Box.InThisConversation ul.PanelInfo li a:hover {background: #DDD; color: #444;} .Box.InThisConversation ul.PanelInfo li a img {border-radius: 3px; width: 25px; height: 25px; margin: 8px 8px 0 0;} .Box.AddPeople #Form_AddPeople {background: #444; padding: 12px; border-radius: 3px;} .Box.AddPeople #Form_AddPeople input#token-input-Form_AddPeople {background: #FFF; border-radius: 3px; padding: 3px 7px; border: none; float: left; width: 100px;} /* Profil bearbeiten */ .EditMode .ProfileOptions {/* float: left; margin-top: 20px; */ float: none; margin: 20px 0 20px 0;} .EditMode .ProfileOptions a {background: #444; padding: 5px 7px; border-radius: 3px; font-size: 1.1em; color: #FFF;} .EditMode .ProfileOptions a:hover {background: #444;} #Panel .UserBox {text-align: center; background: #444; float: none; margin-bottom: -12px; width: 100%; padding: 10px 0 0 10px; border-radius: 3px 3px 0 0;} #Panel .WhoIs a.Username {font-size: 1.1em; text-align: left;} #Panel .Email {position: relative; left: 10px; top: -20px; color: #FFF;} #Panel .PhotoWrap img {/*width: 100%;*/ height: auto;} #Panel .EditMode .ProfileOptions {float: right; margin-top: 20px;} .Box.Group.SideMenu {text-align: center; background: #444; float: none; border-radius: 3px; width: 100%; padding: 10px 15px; margin-bottom: 35px;} .Box.Group.SideMenu ul li {border-bottom: 1px solid #FFF;} .Box.Group.SideMenu ul li:last-child {border: none;} /* .Box.Group.SideMenu ul li:nth-child(5), .Box.Group.SideMenu ul li:nth-child(7), .Box.Group.SideMenu ul li:nth-child(8) {display: none;} */ /* .Box.Group.SideMenu ul li:nth-child(5), .Box.Group.SideMenu ul li:nth-child(6), .Box.Group.SideMenu ul li:nth-child(7) {display: none;} */ .Box.Group.SideMenu ul li.ThumbnailLink, .Box.Group.SideMenu ul li.RemovePictureLink, .Box.Group.SideMenu ul li.link-social {display: none;} /* Hide AdSPots */ .Dashboard.Profile.EditMode .adSpots, #vanilla_discussions_bookmarked .adSpots, #conversations_messages_index .adSpots, #dashboard_profile_notifications .adSpots {display: none;} /* New Style kill it if it crushes others */ .Box.Group.SideMenu ul li {border-bottom: 0px solid #FFF; padding: 4px 6px;} .Box.Group.SideMenu ul li.Active {background: #DDD; color: #333;} .Box.Group.SideMenu ul li.Active a {font-weight: 400; background: #DDD !important;} .Box.Group.SideMenu ul li a:link, .Box.Group.SideMenu ul li a:visited {padding: 6px 0; color: #444; background: #FFF; border-radius: 4px; text-align: center !important; font-size: 1.1em; display: block;} .Box.Group.SideMenu ul li a:hover {color: #444; background: #DDD;} table.PreferenceGroup {width: 100% !important;} table.PreferenceGroup th, table.PreferenceGroup td, #Form_Invitation th, #Form_Invitation td {padding: 5px 6px;} td.PrefCheckBox {width: 55px !important;} #dashboard_profile_connections .ContentColumn .Button {width: 121px; font-size: 1.3em; margin-bottom: 0;} #dashboard_profile_signature .FormTitleWrapper ul label:nth-child(2) {margin-bottom: 30px;} #dashboard_profile_signature .FormTitleWrapper ul label:nth-child(3), #dashboard_profile_signature .FormTitleWrapper ul label:nth-child(4) {display: none;} #dashboard_profile_signature .ContentColumn li:nth-child(1) {display: none;} /* Suche */ #dashboard_search_index .DataList .Item {background: rgba(255, 255, 255, 1) !important; padding: 8px 8px; margin-bottom: 5px; border-radius: 3px;} /* Discussion geschlossen */ .Foot.Closed {margin-top: 80px;} .Note.Closed {display: block; clear: both; margin: 20px auto 20px auto; background: #444; color: #FFF; padding: 7px 8px; border-radius: 3px; text-align: center;} /* Sign in or register to comment */ .Note.Closed.SignInOrRegister {margin: 25px 0 0 0; display: block; clear: both; color: #444 !important; padding: 20px 20px; border-radius: 3px; text-align: center; border-radius: 7px; background: #fff !important; font-size: 1.1em !important; line-height: 1.7em;} .Note.Closed.SignInOrRegister span.heyhallo {font-size: 1.5em; display: block; float: left; transform:rotate(-15deg); font-weight: 700; font-family: Arial; position: relative; top: -5px; left: -5px;} .Note.Closed.SignInOrRegister a:link, .Note.Closed.SignInOrRegister a:visited {margin-top: 20px; background: rgb(14, 208, 255); color: #FFF; padding: 5px 10px; margin: 5px auto 0; border-radius: 3px; display: block; max-width: 220px;} .Note.Closed.SignInOrRegister a:hover {background: rgb(255, 80, 85);} /* Activity Wall */ .DataList.ActivityComments {background: #EFEFEF; margin-top: 20px; border-radius: 5px;} .ActivityComment {background: none !important; margin-bottom: 5px !important;} .ActivityComment:hover {border: none !important; margin-left: 0px !important;} .ActivityComment .Meta {float: right; position: absolute; top: 7px; right: 7px;} .ActivityComment.CommentForm {background: none;} .Activities .DataList li {background: none;} .Activities a.CommentLink, .Activities a.CommentLink:hover {border: none !important; border-radius: 3px; color: #444; font-size: 1em;} .Item.Activity .Excerpt {color: #444;} /* online now */ #OnlineNow {background: #FFF; border-radius: 4px;} .onimage {position: relative; top: 0; margin: 0; padding: 0; border: 0; width: 40px; height: 40px; border-radius: 100px !important; background: none !important;} #OnlineNow.Box ul.PanelInfo {white-space: pre-line; border: 0 none; text-align: left; width: 100%; margin-bottom: 50px; padding: 0 10px 10px 10px; min-height: 40px; white-space: pre-line; border: 0 none; text-align: left; width: 100%;} #OnlineNow.Box ul.PanelInfo li {display: inline-block; width: 40px; height: 40px; padding: 0; border: 0 none; text-align: left; white-space: nowrap; padding: 0; box-shadow: none; background:transparent; margin: 4px 14px 32px 14px;} #OnlineNow.Box ul.PanelInfo li a.PhotoWrap {padding: 0; float: none;} #OnlineNow.Box ul.PanelInfo li div.Time {padding: 0; text-align: center; min-height: 20px; width: 100%; overflow: visible; font-size: 0.9em;} #OnlineNow.Box ul.PanelInfo li div.Time a.Popup.Name, #OnlineNow.Box ul.PanelInfo li div.Time a.Popup.Time {color: #fff; position: relative; left: 0; top: 0; padding:4px!important; min-width: 80px; text-align: center; min-height: 15px; width: 100%; background:rgba(0,0,0,.7); border: 1px solid #222; box-shadow: 1px 1px 6px 0 #000; display: inline; font-size:10px!important; z-index:99999!important;} /* Baby Status */ .Item-BodyWrap {background-position: 97% 11px; background-size: 30px;} .babystatus-1-maedchen .Item-BodyWrap {background: url(/themes/babyforum/_icons/baby-status/1-maedchen.svg) no-repeat;} .babystatus-2-maedchen .Item-BodyWrap {background: url(/themes/babyforum/_icons/baby-status/2-maedchen.svg) no-repeat;} .babystatus-1-neutral .Item-BodyWrap {background: url(/themes/babyforum/_icons/baby-status/1-neutral.svg) no-repeat;} .babystatus-1-junge .Item-BodyWrap {background: url(/themes/babyforum/_icons/baby-status/1-junge.svg) no-repeat;} .babystatus-2-jungen .Item-BodyWrap {background: url(/themes/babyforum/_icons/baby-status/2-jungen.svg) no-repeat;} .babystatus-1-maedchen-1-junge .Item-BodyWrap {} .babystatus-2-neutral .Item-BodyWrap {} .bistduschwanger-ich-bin-schwanger .Item-BodyWrap {background: #DDD;} /* My Attachments */ #dashboard_profile_myattachments #Status, #dashboard_profile_myattachments .About, #dashboard_profile_myattachments .Yaga.ReactionsWrap {display: none;} #dashboard_profile_myattachments .imagepair {display: inline-block; width: 30.4%; background: #fff; padding: 2%; margin: 1% 1% 2% 2%; border-radius: 5px; vertical-align: top; text-align: center; min-height: 181px;} #dashboard_profile_myattachments .imagepair:nth-child(3n) {margin-right: 0%;} #dashboard_profile_myattachments .imagepair .imagethumb > a {min-height: 133px; display: block;} #dashboard_profile_myattachments .imagepair img {border-radius: 5px; max-width: 100%; height: auto;} #dashboard_profile_myattachments .imagepair p.imagename {display: none;} #dashboard_profile_myattachments .imagepair p.gotolink {margin: 0;} #dashboard_profile_myattachments .PagerWrap {margin: 25px; display: block; height: 15px;} /* Yaga Bestenliste */ #dashboard_profile_best .BlogList h3 {margin-bottom: 10px;} #dashboard_profile_best .BlogList h3 a:link, #dashboard_profile_best .BlogList h3 a:visited {color: rgb(42, 53, 57); font-size: 1.3em; font-weight: 400;} #dashboard_profile_best .BlogList .Item-Header {display: none;} #dashboard_profile_best #Status, #dashboard_profile_best .About, #dashboard_profile_best .Yaga.ReactionsWrap {display: none;} /* Error Messages */ #dashboard_home_error #Body .ContentColumn {width: 100%;} /* Flagging Plugin */ ul li div.Warning {margin: 10px 0px;} div.FlaggedContent {padding: 20px;} div.FlaggedContent div.FlaggedItem {border-bottom: 1px solid #e0e0e0; padding: 10px 20px;} div.FlaggedContent div.FlaggedItem div.FlaggedItemURL {font-weight: 700;} div.FlaggedContent div.FlaggedItem div.FlaggedItemComment {font-style: italic;} div.FlaggedContent div.FlaggedItem div.OtherComplaints {margin-top: 5px; padding-top: 5px; border-top: 1px solid #A5D0E7;} div.FlaggedContent div.FlaggedItem div.OtherComplaints div.FlaggedOtherCell {margin-left: 20px; padding: 5px; background-color: #C2E7FC;} /* Search Plus Plugin */ body.Section-SearchResults .SearchForm .SiteSearch {max-width: 100% !important;} body.Section-SearchResults .SearchForm .SiteSearch .Button {top: 16px; right: 15px;} .SearchPlusForm {background: #FFF; font-size: 1em; margin-top: 15px;} .SearchPlusForm label {display: block; margin-bottom: 6px; font-size: 1.1em; } .SearchPlusForm select {margin-right: 10px; font-size: 1.2em;} .SearchPlusForm li {margin-bottom: 7px; vertical-align: top;} .SearchPlusForm li:last-child {margin-bottom: 0;} .SearchPlusForm input#token-input-Form_User { width: 180px !important; border: solid 1px #bbb; border-radius: .35ex; background: #FFF; padding: 4px 10px !important; font-size: 1.1em; margin-top: -3px; } .SearchPlusForm .token-input-input-token .token-input-focused {margin-bottom: 0;} .SearchPlusForm .token-input-input-token {height: 23px;} .SearchPlusCategory {display: inline-block; width: 36%; padding: 12px 0 15px 0;} .SearchPlusCategory select {width: 80%;} .SearchPlusUser {display: inline-block; width: 34%; padding: 12px 0 15px 0;} .SearchPlusUser ul.token-input-list {border: none; background: transparent; padding: 3px 0;} .SearchPlusUser ul.token-input-list p {color:#333;} .SearchPlusRecordType { display: inline-block; width: 29%; padding: 12px 0 15px 0; } .SearchPlusRecordType select {width: 80%;} .SearchPlusPeriod .SearchPlusFrom {display: inline-block; width: 36%; padding: 12px 0 15px 0;} .SearchPlusPeriod .SearchPlusTo {display: inline-block; width: 46%; padding: 12px 0 15px 0;} .SearchPlusForm #Form_NarrowSearch {margin-top: 10px; font-size: 1.4em; padding: 5px 5px;} .SearchPlusForm li.flatpickr-listitem {margin:30px 0 0 0; height: 20px;} .flatpickr-wrapper input { cursor: pointer; position: relative; z-index: 1; font-size: 1em; padding: 9px 10px; border-radius: 3px; border: 1px solid #bbb; } /* Karten */ #Karten {text-align: center; margin: 50px 0 0; padding: 20px 0 50px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%);} #Karten .headline {display: block; padding: 12px 0px; font-size: 1.4em;} #Karten a:link, #Karten a:visited {display: inline-block; border-radius: 3px; padding: 5px 9px; margin: 3px 3px 3px 0; background: rgb(14, 208, 255); color: #FFF; font-size: 1.2em; border-bottom: 3px solid #16768D;} #Karten a:hover {background: #DDD; color: #333; background: #FBF06C; border-bottom: 3px solid #C3BB47;} /* Media Queries */ @media only screen and (min-width: 550px) and (max-width: 767px) { #Body .ContentColumn {width: 50%;} } @media only screen and (min-width: 768px) and (max-width: 939px) { #Body .ContentColumn {width: 59%;} .categoriesHolder li {padding: 0 0.10%; border: none; display: inline-block;} ul.DataList li.Item .Title {width: 70%;} } @media only screen and (min-width: 940px) and (max-width: 1024px) { #Body .ContentColumn {width: 64%;} .categoriesHolder li {padding: 0 0.10%; border: none; display: inline-block;} ul.DataList li.Item .Title {width: 72%;} } @media only screen and (min-width: 1025px) and (max-width: 1075px) { #Body .ContentColumn {width: 65%;} .categoriesHolder li {padding: 0; border: none; display: inline-block;} } @media only screen and (max-width: 1100px) { #Body {padding: 0 8px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #Body .ContentColumn {width: 65% !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #Body .ContentColumn {width: 65% !important;} } /* CHROME AND SAFARI 1Pixel HACK */ @media screen and (-webkit-min-device-pixel-ratio:0) { .categoriesHolder {margin: 0 auto 0;} } .editor-dd-emoji + .editor-insert-dialog {width: 410px !important;} .editor-dd-emoji + .editor-insert-dialog .emoji-wrap {margin: 5px 0 !important;} .BoxFilter.BoxDiscussionFilter .Best {display: none !important;} #vanilla_discussions_index .P.PageDescription {display: none;}