/* * These styles apply ONLY to the header and footer assets. */ .css-1bl5ok0-SearchBar-styles-main.withoutScope.withoutButton { border: 1px solid #6f6f6f; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ @charset "UTF-8"; /*!* Payoneer - Theme for Payoneer * * @author Isis Graziatto <isis.g@vanillaforums.com>*/html { box-sizing:border-box } *, :after, :before { box-sizing:inherit } body { font-size:14px; line-height:1.375; color:#333; background-color:#fff; border-color:#e6e6e6 } body, h1, h2, h3, h4, h5, h6 { font-family:Open Sans,sans-serif; font-weight:400 } h1, h2, h3, h4, h5, h6 { text-transform:uppercase } h1 { margin:20px 0; font-size:32px; line-height:1.2em; text-transform:none } h2 { padding-top:20px } a { color:#333; transition:color,.2s } a:hover { color:#999 } .Bookmark, .Bookmarked, .Bookmarking { transition:none } @font-face { font-family:icomoon; src:url(fonts/icomoon.eot?4w7tma); src:url(fonts/icomoon.eot?4w7tma#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf?4w7tma) format("truetype"), url(fonts/icomoon.woff?4w7tma) format("woff"), url(fonts/icomoon.svg?4w7tma#icomoon) format("svg"); font-weight:400; font-style:normal } .ReactSprite, .SpFlyoutHandle, .Sprite, .Sprite16 { width:auto; height:auto; background-image:none!important } .ReactSprite:before, .SpFlyoutHandle:before, .Sprite16:before, .Sprite:before { display:inline-block; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; min-width:1em; text-align:center } .ReactSprite:before { font-size:14px } .SpFlyoutHandle { cursor:pointer } .SpEditProfile:before { content:"" } .SpDropdownHandle:before { content:"" } .SpDiscussions:before { content:"" } .SpActivity:before { content:"" } .SpComments:before { content:"" } .SpMyDiscussions:before { content:"" } .SpAllCategories:before { content:"" } .SpUnansweredQuestions:before { content:"" } .SpNotifications:before { display:inline-block; min-width:1em; font-family:icomoon!important; font-weight:400; font-style:normal; font-variant:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; content:"" } .SpDelete:before { content:"" } .SpFlyoutHandle:before, .SpOptions:before, .SpPreferences:before { content:"" } .SpBookmarks:before { content:"" } .SpPassword:before { content:"" } .SpSearch:before { content:"" } .SpInbox:before { content:"" } .ReactPromote:before { content:"" } .ReactOffTopic:before { content:"" } .ReactInsightful:before { content:"" } .ReactDisagree:before { content:"" } .ReactAgree:before { content:"" } .ReactDislike:before { content:"" } .ReactLike:before { content:"" } .ReactDown:before { content:"" } .ReactUp:before { content:"" } .ReactWTF:before { content:"" } .ReactAwesome:before { content:"" } .ReactLOL:before { content:"" } .ReactFlag:before { content:"" } .ReactAbuse:before { content:"" } .ReactSpam:before { content:"" } .ReactQuote:before { content:"" } .ReactWarn:before { content:"" } .ReactFacebook:before { content:"" } .ReactFacebook:hover:before { color:#3a5795 } .ReactTwitter:before { content:"" } .ReactTwitter:hover:before { color:#55acee } .ReactGooglePlus:before { content:"" } .ReactGooglePlus:hover:before { color:#dd4b39 } .ReactButton.PopupWindow:hover .Sprite:before { color:#ff401b } .Button.Handle .Sprite, .NavButton.Handle .Sprite { position:static; border:0; vertical-align:baseline } .Handle>.SpEditProfile, .NavButton>.SpEditProfile { width:auto; height:auto; vertical-align:baseline; line-height:inherit } .Options .Bookmark, .Options .SpFlyoutHandle { display:inline-block; padding:2px } .Options .Bookmark:before, .Options .SpFlyoutHandle:before { font-size:14px } .Options .AdminCheck .icheckbox:before { vertical-align:top } .OptionsMenu { font-size:14px } .OptionsMenu .Flyout { top:100%; right:-9px; margin-top:10px } .MeBox .Arrow, .OptionsTitle { display:none } .MeBox .SocialIcon .Icon { background:0 0; text-align:center } .MeBox .SocialIcon .Icon:before { display:inline-block; min-width:1em; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; font-size:16px; color:#fff } .MeBox .SocialIcon-Facebook .Icon:before { content:"" } .MeBox .SocialIcon-Twitter .Icon:before { content:"" } .MeBox .SocialIcon-Google .Icon:before { content:"" } a.Bookmark { width:auto; height:auto; font:0/0 a; color:transparent; text-indent:0; background-image:none!important } a.Bookmark:before { display:inline-block; min-width:1em; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; content:"" } a.Bookmarked:before, a.Bookmarked:hover:before { color:#ffdc8f!important; content:"" } .HeroBanner { position:relative; width:100%; height:180px; overflow:hidden; margin:0 auto; background-color:#333; background-size:cover; background-position:50%; background-repeat:no-repeat } .SearchBox { position:absolute; width:700px; height:82px; margin:auto; top:0; bottom:0; left:0; right:0; z-index:1; font-size:18px; line-height:1; font-weight:200; color:#b3b3b3 } .SearchBox .Handle { display:none } .SearchBox .AdvancedSearch { max-width:unset; padding-right:0 } .SearchBox .AdvancedSearch .InputAndButton .InputBox.BigInput { border-radius:3px; padding:10px 15px; margin:0; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit; width:100%; height:auto; position:relative; opacity:.8 } .SearchBox .AdvancedSearch .InputAndButton .InputBox:focus { opacity:1; color:#333 } .SearchBox .AdvancedSearch .InputAndButton .InputBox::-webkit-input-placeholder { color:inherit } .SearchBox .AdvancedSearch .InputAndButton .InputBox:-ms-input-placeholder, .SearchBox .AdvancedSearch .InputAndButton .InputBox::-ms-input-placeholder { color:inherit } .SearchBox .AdvancedSearch .InputAndButton .InputBox::placeholder { color:inherit } .SearchBox .AdvancedSearch .InputAndButton .bwrap { position:absolute; right:6px; bottom:3px; top:unset; display:block } .SearchBox .AdvancedSearch .InputAndButton .Button, .SearchBox .AdvancedSearch .InputAndButton .Button:focus, .SearchBox .AdvancedSearch .InputAndButton .Button:hover { color:inherit; font-style:inherit; line-height:inherit; background:0 0; width:auto; min-width:unset; min-height:unset; height:auto; padding:10px } .SearchBox .AdvancedSearch .InputAndButton .Button .Sprite, .SearchBox .AdvancedSearch .InputAndButton .Button:focus .Sprite, .SearchBox .AdvancedSearch .InputAndButton .Button:hover .Sprite { font-size:18px; width:unset; height:unset } .SearchBox .AdvancedSearch .InputAndButton .Button .Sprite:before, .SearchBox .AdvancedSearch .InputAndButton .Button:focus .Sprite:before, .SearchBox .AdvancedSearch .InputAndButton .Button:hover .Sprite:before { font-size:inherit } .SearchBox .AdvancedSearch .InputAndButton .Button:focus, .SearchBox .AdvancedSearch .InputAndButton .Button:hover { color:#333 } .SearchBox-title { font-size:18px; font-weight:200; line-height:1; width:100%; text-align:center; color:#fff; text-transform:none; margin:0; padding:0 } .MeBox { width:270px; background-color:#f9f9f9; padding:20px 15px 10px; -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start; margin:0 0 20px; position:relative } .MeBox>.PhotoWrap { margin-right:0; position:absolute; float:none; left:15px; top:20px; height:45px; width:45px; overflow:hidden } .MeBox>.PhotoWrap img { width:100%; height:100% } .MeBox .WhoIs { margin-left:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; min-height:unset; line-height:normal } .MeBox .Username { margin-left:5px; color:#333 } .MeBox .Username:focus, .MeBox .Username:hover { color:#333 } .MeBox .MeMenu { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .MeBox .MeMenu .ToggleFlyout { margin-left:5px } .MeBox .MeMenu .ToggleFlyout:first-of-type { margin-left:0 } .MeBox .MeMenu .MeButton { padding:5px; border:none; font-size:16px; color:#666 } .MeBox .MeMenu .MeButton:focus, .MeBox .MeMenu .MeButton:hover { color:#333; background-color:#d3d3d3 } .MeBox .ToggleFlyout.OptionsMenu { margin-top:-4px; font-size:14px } .breadcrumbs { font-family:Open Sans,sans-serif; font-size:12px } .breadcrumbs .sign-in-out { float:right } .breadcrumbs .sign-in-out li { list-style:none } .AddPicture, .Button { min-height:30px; padding-top:10px; padding-bottom:10px; font-family:Open Sans,sans-serif; font-size:14px; font-weight:500; line-height:1; color:#fff; text-shadow:none; background:0 0; background-color:#ff401b; border:0; border-radius:0; box-shadow:none; transition:background-color,.2s } .AddPicture:active, .AddPicture:focus, .AddPicture:hover, .Button:active, .Button:focus, .Button:hover { color:#fff; background-color:#ff6b4e } .AddPicture.Handle, .Button.Handle { width:20% } .AddPicture.Handle .Sprite, .Button.Handle .Sprite { top:2px!important; border-width:7px; border-color:#fff transparent transparent } .AddPicture.Hidden, .Button.Hidden { padding:6px } .BigButton, .ButtonGroup.Big .Button, .NewDiscussion .Button { min-height:40px; padding-top:10px; padding-bottom:10px; margin-top:0; margin-bottom:0; font-size:18px } @media screen and (max-width:900px) { .BigButton, .ButtonGroup.Big .Button, .NewDiscussion .Button { padding-top:12px; font-size:14px } } @media screen and (max-width:630px) { .BigButton, .ButtonGroup.Big .Button, .NewDiscussion .Button { padding-top:10px; font-size:18px } } .panel .AddPicture { padding-top:12px; padding-bottom:10px; font-size:14px } .panel .ButtonGroup.Big>.Button:first-child { width:80% } .ButtonGroup.Open .Button.Handle { background-color:#ff6b4e } .Buttons { line-height:36px } .FormWrapper-Condensed .Buttons { margin-left:-150px!important } .FormWrapper-Condensed .Buttons .Back { display:none } .PreviewButton { margin:0!important } .footer { font-family:Open Sans,sans-serif; font-size:14px; margin:40px 0 0; background-color:#f9f9f9 } .footer:after { clear:both; content:""; display:block } .footer .LocaleOptions { display:none } .site-map { margin-right:45px; margin-left:45px } .site-map .row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .site-map .column { float:left } .site-map .column .title { font-weight:700; font-size:85%; line-height:100%; margin-top:50px; margin-bottom:10px; margin-right:30px } .site-map .column ul { margin-right:50px; padding:0 } .site-map .column ul li { margin-bottom:3px } .site-map .column ul li a { font-size:100%; color:#b3b3b3; text-decoration:none; font-weight:300 } .site-map .column ul li a:hover { text-decoration:underline } .site-map .column.secure { float:none; clear:both; padding-top:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .SocialMedia-item { display:inline-block; margin-left:10px; margin-bottom:0 } .SocialMedia-item:first-of-type { margin-left:0 } .SocialMedia-link { display:block; width:20px; height:20px; border-radius:50%; background-color:#b3b3b3; text-decoration:none; position:relative; overflow:hidden; color:transparent } .SocialMedia-link:focus, .SocialMedia-link:hover { opacity:.7; text-decoration:none } .SocialMedia-icon { display:inherit; width:inherit; height:inherit; color:#f9f9f9 } .SocialMedia-icon:before { width:inherit } .VanillaBrand-link { display:inline-block; width:70px; height:30px; background-image:url(images/vanilla-black.svg); background-repeat:no-repeat; background-position:0; background-size:cover; color:transparent } .VanillaBrand-link:focus, .VanillaBrand-link:hover { color:transparent; text-decoration:none } .copyright { font-size:10px; padding:30px 0; color:#b3b3b3 } .Dropdown, .Flyout { font-family:Open Sans,sans-serif; text-align:left } .Dropdown.MenuItems li, .Flyout.MenuItems li { padding-top:5px } .Dropdown.MenuItems a, .Flyout.MenuItems a { font-size:14px!important; font-weight:400!important; transition:background-color,.2s } .Dropdown.MenuItems a:hover, .Flyout.MenuItems a:hover { color:#333!important; background-color:#ff401b!important } .Dropdown .Title, .Dropdown .Title a, .Flyout .Title, .Flyout .Title a { font-size:14px!important; font-weight:400!important } .PopList .Item:hover { background:0 0 } .FlyoutMenu a { color:#333 } .FlyoutMenu a:hover { color:#999 } .NewDiscussion .Dropdown { top:48px; right:0; left:inherit } .FormWrapper { padding-top:20px!important; padding-right:20px!important; padding-bottom:20px!important; padding-left:20px; margin-bottom:20px; background-color:#f2f2f2 } body.Profile.EditMode #Content form { background:0 0 } input[type=text], textarea { margin:0 } input[type=text], input[type=text].InputBox, textarea, textarea.InputBox { border-color:#e6e6e6; font-family:Open Sans,sans-serif } input[type=text]:focus, textarea:focus { background-color:#fff } .panel input { min-height:36px } .DiscussionForm label { font-size:14px } .token-input-list { width:100% } .Section-CategoryList .PageDescription { display:none } .content { position:relative; width:100% } .content .CategoryHeading { padding-bottom:0 } .content .CategoryHeading .ItemContent { font-family:Open Sans,sans-serif; font-size:inherit; font-weight:inherit; color:#ff401b } .content .CategoryList .Title { margin-bottom:10px } .content .CategoryList .OptionsMenu { position:absolute; right:0; color:#b3b3b3 } .content .CategoryList .OptionsMenu .Arrow.SpFlyoutHandle { color:inherit } .content .CategoryList .OptionsMenu.Open, .content .CategoryList .OptionsMenu:focus, .content .CategoryList .OptionsMenu:hover { color:gray } .content .CategoryList .PhotoWrap { width:50px } .content .CategoryList .PhotoWrap img { width:100%; height:auto } .content .CategoryList .PhotoWrap.NoPhoto { display:none } .content .CategoryList .TitleWrap { width:calc(100% - 23px) } @media screen and (min-width:901px) { .content .CategoryList .TitleWrap { width:calc(100% - 330px) } } .content .CategoryList .Meta { position:absolute; height:50px; width:auto; bottom:20px; right:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .content .CategoryList .meta-col { display:inline-block } .content .CategoryList .col-1 { width:130px } .content .CategoryList .col-3 { width:150px } .content .CategoryList .LastUserPhoto.MItem { margin-top:3px; margin-left:10px; margin-right:10px; width:30px } .content .CategoryList .UserPhoto { width:30px } .content .CategoryList .MItem { display:block; margin:0 } .content .CategoryList .ChildCategories { height:18px; overflow:hidden } .content .CategoryList .ChildCategories a { word-break:break-all } .content .CategoryList .LastDiscussionTitle { width:150px; height:30px; margin-bottom:5px; overflow:hidden; white-space:inherit } .content .CategoryList .LastCommentDate { color:#b3b3b3 } .content .CategoryList .CommentCount, .content .CategoryList .DiscussionCount { text-align:right } .content .CategoryList .RSS { display:none } @media screen and (max-width:900px) { .content .CategoryList .LastUserPhoto, .content .CategoryList .Meta { display:none } } @media screen and (max-width:800px){ .site-map .row{ flex-direction:column; } } .content .CategoryList .CategoryDescription { float:left; font-size:12px; width:350px } .content .Item { padding:20px 0; border-bottom:0 } .content .Item:after { clear:both; content:""; display:block } .content .Item.Depth1, .content .Item.Depth2, .content .Item.Depth3, .content .Item.Depth4 { padding-left:0!important } .content .Item.Depth1 { min-height:90px } .content .Item.Depth1 .Title { font-size:18px; text-transform:uppercase; font-weight:600 } .content .Item.Depth2 { border-bottom:1px solid #e6e6e6; text-transform:uppercase; font-size:18px; font-weight:400 } .content .Item.Depth2 .OptionsMenu { text-transform:none } .content .Item.Depth3 { border-top:1px solid #f9f9f9 } .content .Item.Depth3 .Title { font-size:18px } .content .Item, .content .Item.Read { background:0 0; opacity:1 } .content .Item .Author a { font-size:18px } .content .Item .Tag { text-transform:uppercase } .content .Item .UserQuote { background-color:#f7f7f7 } .content .Item.Depth2+.Item.Depth3 { border-top:none } .editor-help-text a, .Message a { color:#ff401b } .editor-help-text a:hover, .Message a:hover { color:#ff401b; border-bottom:1px dotted #ff401b } .DataList.Discussions .Title { padding-bottom:10px } .DataTable { table-layout:auto } .Section-CategoryList h1.HomepageTitle { display:none } .PageControls { min-height:0 } .PageControls .BoxNewDiscussion { display:none } .pocket { margin-bottom:40px; padding:2px; border:1px solid #e6e6e6; text-align:center } .pocket .side-banner { display:block; width:100%; height:270px; background-image:url(images/side-banners/side-banner-en.jpg); background-size:contain; background-repeat:no-repeat } body.ar .pocket .side-banner { background-image:url(images/side-banners/side-banner-ar.jpg) } body.es .pocket .side-banner { background-image:url(images/side-banners/side-banner-es.jpg) } body.ja .pocket .side-banner { background-image:url(images/side-banners/side-banner-ja.jpg) } body.ru .pocket .side-banner { background-image:url(images/side-banners/side-banner-ru.jpg) } body.vi .pocket .side-banner { background-image:url(images/side-banners/side-banner-vi.jpg) } body.zh .pocket .side-banner { background-image:url(images/side-banners/side-banner-zh.jpg) } .panel { background-color:#fff } .panel .BigButton, .panel .GuestBox, .panel .PhotoWrapLarge, .panel .search { margin-bottom:20px } .panel .ButtonGroup.Big { display:-webkit-box; display:-ms-flexbox; display:flex } .panel .ButtonGroup.Big.Open .Button.Handle { border-color:#b41d00; background-color:#ff401b; color:#fff } .panel .Button { color:#ff401b; border:1px solid #ff401b; border-radius:3px; background-color:#fff } .panel .Button:focus, .panel .Button:hover { border-color:#b41d00; background-color:#ff401b; color:#fff } .panel .Box { margin-top:0; margin-bottom:0 } .panel .BoxCategories, .panel .FilterMenu, .panel .SideMenu { font-family:Open Sans,sans-serif; font-size:18px; font-weight:700; line-height:1.375 } .panel .BoxCategories li, .panel .FilterMenu li, .panel .SideMenu li { padding-top:5px; padding-bottom:5px; font-weight:400; font-size:14px } .panel .BoxCategories li a, .panel .FilterMenu li a, .panel .SideMenu li a { color:#000 } .panel .BoxCategories li.Active a, .panel .FilterMenu li.Active a, .panel .SideMenu li.Active a { color:#ff401b } .panel .BoxCategories li.Active:before, .panel .FilterMenu li.Active:before, .panel .SideMenu li.Active:before { border-left-color:#ff401b } .panel .BoxCategories li.Heading, .panel .FilterMenu li.Heading, .panel .SideMenu li.Heading { font-weight:700 } .panel .BoxCategories li.Heading:before, .panel .FilterMenu li.Heading:before, .panel .SideMenu li.Heading:before { display:none } .panel .BoxCategories .Active, .panel .FilterMenu .Active, .panel .SideMenu .Active { background:inherit } .panel .BoxCategories .Active a, .panel .FilterMenu .Active a, .panel .SideMenu .Active a { color:#666 } .panel .PanelInfo li { padding-top:8px; padding-bottom:8px; padding-left:0!important; border-top:1px solid #f9f9f9; border-bottom:0 } .panel .PanelInfo li:first-of-type { border-top:0 } .panel .Count { color:#333; background:0 } .panel .WhoIs .Email { font-size:12px } .panel .Box, .panel .BoxButtons, .panel .BoxCategories, .panel .BoxDiscussions, .panel .BoxFilter { margin-top:0; padding-top:20px; padding-bottom:20px } .panel .BoxNewDiscussion { padding-top:0 } .panel h4 { margin:10px 0 0; padding:0 0 10px; font-size:18px; color:#b3b3b3; border-bottom:1px solid #e6e6e6 } .panel .Item { padding-left:0; padding-right:0; background-color:#fff } .panel .Item:first-child { border-top:0 } .panel .Item .Title { padding-bottom:5px } .panel .Item .Title a { word-wrap:break-word } .panel .Item .Bookmark { margin-left:10px; color:#b3b3b3 } .panel .Item .Bookmark:before { display:inline } .panel .Item .Bookmark:focus, .panel .Item .Bookmark:hover { color:gray } .panel .Item .MItem, .panel .Item .MItem a { font-size:12px; color:#b3b3b3 } .panel .Item .MItem a:hover { color:#9a9a9a } .panel .ShowAll { margin-top:20px } .panel .ShowAll a { font-weight:400 } .panel .GuestBox, .Section-CategoryList .panel .BoxFilter, .Section-CategoryList .panel .CategoryFilter { display:none } .HasNew, .PanelInfo .Meta strong { background:#ffdc8f } .GlobalHeader { margin-bottom:40px } .GlobalHeader .container:after { content:none } .GlobalHeader-content { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative; left:0; right:0; width:100% } .GlobalHeader-brand { margin:20px 0 } .GlobalHeader-brand, .Logo { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .Logo { overflow:hidden; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; height:40px } .Logo img { width:auto; max-width:200px; height:inherit; display:block } .Logo-link { display:inline-block; height:inherit } .Logo-link, .Logo-link:focus, .Logo-link:hover { color:inherit } .Logo-title { text-transform:uppercase; color:#666; letter-spacing:1px; margin:0; padding:0; font-size:18px } .Logo-apart { display:inline-block; margin:0 8px 0 14px } .LocaleSelector { display:inline-block; margin-left:10px; position:relative; color:#666; max-width:48px } .LocaleSelector select { margin:0; font-family:Open Sans,sans-serif; font-size:14px; color:inherit; text-transform:uppercase; text-align:center; border-radius:3px; border:1px solid #e6e6e6; background:#fff; padding:3px 20px 3px 7px; cursor:pointer; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none } .LocaleSelector select::-ms-expand { display:none } .LocaleSelector select:focus { outline:none } .LocaleSelector-arrow:before { display:inline-block; min-width:1em; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; content:""; color:inherit; position:absolute; right:5px; top:7px; pointer-events:none } .Section-BestOf .content { float:left; display:block; margin-right:2.35765%; width:100% } .Section-BestOf .content:last-child { margin-right:0 } .Section-BestOf .panel { display:none } .Section-BestOf .BoxBestOfFilter { margin-bottom:20px } .Section-BestOf .BoxBestOfFilter li { display:inline-block; padding-right:20px } .Section-BestOf .Tile { width:270px } .Section-BestOf .Tile .Title { font-size:18px } .Section-BestOf .Tile .Title a { color:#ff401b } .Section-BestOf .Tile .Title a:hover { color:#ff6b4e } .BoxFilter .Reactions-BestOf { display:none } #conversations_messages_inbox h3 { font-family:Open Sans,sans-serif } .Profile .MeBox { display:block } .Profile .About { line-height:1.375 } .Profile .About dd, .Profile .About dt { font-family:Open Sans,sans-serif; font-size:12px; font-weight:700 } .Profile .ChangePicture { font-family:Open Sans,sans-serif; text-transform:uppercase } .Profile .ChangePicture, .Profile .ProfilePhotoLarge { width:200px; max-width:100% } .Profile .ProfileOptions .MenuItems { margin-top:5px!important } @media screen and (max-width:630px) { .Profile .CountLabel { margin-left:-30%; font-size:10px } } .content .Profile .BoxFilter { display:none } .UserLoggedOut .MeBox, .UserLoggedOut .MeBox-SignIn { display:block!important } .isHomepage .content .CategoryList .Item.Depth2, .isHomepage .content .CategoryList .Item.Depth3, .isHomepage .content .CategoryList .Item.Depth4 { padding-left:20px!important } .container { max-width:1160px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px } .container:after { clear:both; content:""; display:block } .panel { float:left; display:block; margin-right:2.35765%; width:26.43044%; padding-left:20px } .panel:last-child { margin-right:0 } @media screen and (max-width:630px) { .panel { margin-top:10px; padding-left:0; float:left; display:block; margin-right:2.35765%; width:100% } .panel:last-child { margin-right:0 } } .content { float:left; display:block; margin-right:2.35765%; width:71.21191% } .content:last-child { margin-right:0 } @media screen and (max-width:630px) { .content { float:left; display:block; margin-right:2.35765%; width:100% } .content:last-child { margin-right:0 } } .rtl .LocaleSelector { margin-left:0; margin-right:10px } .rtl .WhoIs { -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } .rtl .MeBox.FlyoutRight .Flyout { left:-4px; right:unset } .rtl .MeBox.FlyoutRight .Flyout:after, .rtl .MeBox.FlyoutRight .Flyout:before { left:9px; right:auto } .rtl .MeBox .MeMenu .ToggleFlyout { margin-left:5px } .rtl .content .CategoryList .OptionsMenu { left:0; right:unset } .rtl .content .CategoryList .Title:before { margin-right:0; margin-left:8px } .rtl .content .CategoryList .Meta { right:unset; left:15px } .rtl .content .CategoryList .CommentCount, .rtl .content .CategoryList .DiscussionCount { text-align:left } .rtl .content .CategoryList .CategoryDescription { float:right } .rtl .content .col-1>span { text-align:left } .rtl .panel .NewDiscussion .Dropdown { right:unset; left:0 } .rtl .panel .ButtonGroup.Multi>.Button.Handle { border-left:2px solid #ff401b; border-top-left-radius:3px; border-bottom-left-radius:3px } .rtl .panel .ButtonGroup.Multi.Open>.Button.Handle, .rtl .panel .ButtonGroup.Multi>.Button.Handle:focus, .rtl .panel .ButtonGroup.Multi>.Button.Handle:hover { border-color:#b41d00 } .rtl .panel .Item .MItem a { margin-left:0; margin-right:8px } .rtl .FormWrapper-Condensed .Buttons { margin-left:0!important } .rtl .site-map .column { float:right } .rtl .site-map .column.secure { float:none } .rtl .site-map .column:first-child { margin-right:10px } .rtl .site-map .column ul { margin-left:50px; margin-right:0 } .rtl .site-map .column .title { background:0; padding-left:0; margin-right:0 } .rtl .SocialMedia-item:first-of-type { margin-left:10px!important } .rtl .DiscussionMeta .MItem.Category { float:none } .rtl .AuthorInfo>span { line-height:24.75px } .rtl .SearchBox .AdvancedSearch .InputAndButton .bwrap { right:unset; left:6px } ol, ul { list-style: none; }

Getting Started

/* * These styles apply ONLY to the header and footer assets. */ .css-1bl5ok0-SearchBar-styles-main.withoutScope.withoutButton { border: 1px solid #6f6f6f; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ @charset "UTF-8"; /*!* Payoneer - Theme for Payoneer * * @author Isis Graziatto <isis.g@vanillaforums.com>*/html { box-sizing:border-box } *, :after, :before { box-sizing:inherit } body { font-size:14px; line-height:1.375; color:#333; background-color:#fff; border-color:#e6e6e6 } body, h1, h2, h3, h4, h5, h6 { font-family:Open Sans,sans-serif; font-weight:400 } h1, h2, h3, h4, h5, h6 { text-transform:uppercase } h1 { margin:20px 0; font-size:32px; line-height:1.2em; text-transform:none } h2 { padding-top:20px } a { color:#333; transition:color,.2s } a:hover { color:#999 } .Bookmark, .Bookmarked, .Bookmarking { transition:none } @font-face { font-family:icomoon; src:url(fonts/icomoon.eot?4w7tma); src:url(fonts/icomoon.eot?4w7tma#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf?4w7tma) format("truetype"), url(fonts/icomoon.woff?4w7tma) format("woff"), url(fonts/icomoon.svg?4w7tma#icomoon) format("svg"); font-weight:400; font-style:normal } .ReactSprite, .SpFlyoutHandle, .Sprite, .Sprite16 { width:auto; height:auto; background-image:none!important } .ReactSprite:before, .SpFlyoutHandle:before, .Sprite16:before, .Sprite:before { display:inline-block; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; min-width:1em; text-align:center } .ReactSprite:before { font-size:14px } .SpFlyoutHandle { cursor:pointer } .SpEditProfile:before { content:"" } .SpDropdownHandle:before { content:"" } .SpDiscussions:before { content:"" } .SpActivity:before { content:"" } .SpComments:before { content:"" } .SpMyDiscussions:before { content:"" } .SpAllCategories:before { content:"" } .SpUnansweredQuestions:before { content:"" } .SpNotifications:before { display:inline-block; min-width:1em; font-family:icomoon!important; font-weight:400; font-style:normal; font-variant:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; content:"" } .SpDelete:before { content:"" } .SpFlyoutHandle:before, .SpOptions:before, .SpPreferences:before { content:"" } .SpBookmarks:before { content:"" } .SpPassword:before { content:"" } .SpSearch:before { content:"" } .SpInbox:before { content:"" } .ReactPromote:before { content:"" } .ReactOffTopic:before { content:"" } .ReactInsightful:before { content:"" } .ReactDisagree:before { content:"" } .ReactAgree:before { content:"" } .ReactDislike:before { content:"" } .ReactLike:before { content:"" } .ReactDown:before { content:"" } .ReactUp:before { content:"" } .ReactWTF:before { content:"" } .ReactAwesome:before { content:"" } .ReactLOL:before { content:"" } .ReactFlag:before { content:"" } .ReactAbuse:before { content:"" } .ReactSpam:before { content:"" } .ReactQuote:before { content:"" } .ReactWarn:before { content:"" } .ReactFacebook:before { content:"" } .ReactFacebook:hover:before { color:#3a5795 } .ReactTwitter:before { content:"" } .ReactTwitter:hover:before { color:#55acee } .ReactGooglePlus:before { content:"" } .ReactGooglePlus:hover:before { color:#dd4b39 } .ReactButton.PopupWindow:hover .Sprite:before { color:#ff401b } .Button.Handle .Sprite, .NavButton.Handle .Sprite { position:static; border:0; vertical-align:baseline } .Handle>.SpEditProfile, .NavButton>.SpEditProfile { width:auto; height:auto; vertical-align:baseline; line-height:inherit } .Options .Bookmark, .Options .SpFlyoutHandle { display:inline-block; padding:2px } .Options .Bookmark:before, .Options .SpFlyoutHandle:before { font-size:14px } .Options .AdminCheck .icheckbox:before { vertical-align:top } .OptionsMenu { font-size:14px } .OptionsMenu .Flyout { top:100%; right:-9px; margin-top:10px } .MeBox .Arrow, .OptionsTitle { display:none } .MeBox .SocialIcon .Icon { background:0 0; text-align:center } .MeBox .SocialIcon .Icon:before { display:inline-block; min-width:1em; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; font-size:16px; color:#fff } .MeBox .SocialIcon-Facebook .Icon:before { content:"" } .MeBox .SocialIcon-Twitter .Icon:before { content:"" } .MeBox .SocialIcon-Google .Icon:before { content:"" } a.Bookmark { width:auto; height:auto; font:0/0 a; color:transparent; text-indent:0; background-image:none!important } a.Bookmark:before { display:inline-block; min-width:1em; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; color:inherit; -webkit-font-smoothing:antialiased; content:"" } a.Bookmarked:before, a.Bookmarked:hover:before { color:#ffdc8f!important; content:"" } .HeroBanner { position:relative; width:100%; height:180px; overflow:hidden; margin:0 auto; background-color:#333; background-size:cover; background-position:50%; background-repeat:no-repeat } .SearchBox { position:absolute; width:700px; height:82px; margin:auto; top:0; bottom:0; left:0; right:0; z-index:1; font-size:18px; line-height:1; font-weight:200; color:#b3b3b3 } .SearchBox .Handle { display:none } .SearchBox .AdvancedSearch { max-width:unset; padding-right:0 } .SearchBox .AdvancedSearch .InputAndButton .InputBox.BigInput { border-radius:3px; padding:10px 15px; margin:0; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit; width:100%; height:auto; position:relative; opacity:.8 } .SearchBox .AdvancedSearch .InputAndButton .InputBox:focus { opacity:1; color:#333 } .SearchBox .AdvancedSearch .InputAndButton .InputBox::-webkit-input-placeholder { color:inherit } .SearchBox .AdvancedSearch .InputAndButton .InputBox:-ms-input-placeholder, .SearchBox .AdvancedSearch .InputAndButton .InputBox::-ms-input-placeholder { color:inherit } .SearchBox .AdvancedSearch .InputAndButton .InputBox::placeholder { color:inherit } .SearchBox .AdvancedSearch .InputAndButton .bwrap { position:absolute; right:6px; bottom:3px; top:unset; display:block } .SearchBox .AdvancedSearch .InputAndButton .Button, .SearchBox .AdvancedSearch .InputAndButton .Button:focus, .SearchBox .AdvancedSearch .InputAndButton .Button:hover { color:inherit; font-style:inherit; line-height:inherit; background:0 0; width:auto; min-width:unset; min-height:unset; height:auto; padding:10px } .SearchBox .AdvancedSearch .InputAndButton .Button .Sprite, .SearchBox .AdvancedSearch .InputAndButton .Button:focus .Sprite, .SearchBox .AdvancedSearch .InputAndButton .Button:hover .Sprite { font-size:18px; width:unset; height:unset } .SearchBox .AdvancedSearch .InputAndButton .Button .Sprite:before, .SearchBox .AdvancedSearch .InputAndButton .Button:focus .Sprite:before, .SearchBox .AdvancedSearch .InputAndButton .Button:hover .Sprite:before { font-size:inherit } .SearchBox .AdvancedSearch .InputAndButton .Button:focus, .SearchBox .AdvancedSearch .InputAndButton .Button:hover { color:#333 } .SearchBox-title { font-size:18px; font-weight:200; line-height:1; width:100%; text-align:center; color:#fff; text-transform:none; margin:0; padding:0 } .MeBox { width:270px; background-color:#f9f9f9; padding:20px 15px 10px; -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start; margin:0 0 20px; position:relative } .MeBox>.PhotoWrap { margin-right:0; position:absolute; float:none; left:15px; top:20px; height:45px; width:45px; overflow:hidden } .MeBox>.PhotoWrap img { width:100%; height:100% } .MeBox .WhoIs { margin-left:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; min-height:unset; line-height:normal } .MeBox .Username { margin-left:5px; color:#333 } .MeBox .Username:focus, .MeBox .Username:hover { color:#333 } .MeBox .MeMenu { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .MeBox .MeMenu .ToggleFlyout { margin-left:5px } .MeBox .MeMenu .ToggleFlyout:first-of-type { margin-left:0 } .MeBox .MeMenu .MeButton { padding:5px; border:none; font-size:16px; color:#666 } .MeBox .MeMenu .MeButton:focus, .MeBox .MeMenu .MeButton:hover { color:#333; background-color:#d3d3d3 } .MeBox .ToggleFlyout.OptionsMenu { margin-top:-4px; font-size:14px } .breadcrumbs { font-family:Open Sans,sans-serif; font-size:12px } .breadcrumbs .sign-in-out { float:right } .breadcrumbs .sign-in-out li { list-style:none } .AddPicture, .Button { min-height:30px; padding-top:10px; padding-bottom:10px; font-family:Open Sans,sans-serif; font-size:14px; font-weight:500; line-height:1; color:#fff; text-shadow:none; background:0 0; background-color:#ff401b; border:0; border-radius:0; box-shadow:none; transition:background-color,.2s } .AddPicture:active, .AddPicture:focus, .AddPicture:hover, .Button:active, .Button:focus, .Button:hover { color:#fff; background-color:#ff6b4e } .AddPicture.Handle, .Button.Handle { width:20% } .AddPicture.Handle .Sprite, .Button.Handle .Sprite { top:2px!important; border-width:7px; border-color:#fff transparent transparent } .AddPicture.Hidden, .Button.Hidden { padding:6px } .BigButton, .ButtonGroup.Big .Button, .NewDiscussion .Button { min-height:40px; padding-top:10px; padding-bottom:10px; margin-top:0; margin-bottom:0; font-size:18px } @media screen and (max-width:900px) { .BigButton, .ButtonGroup.Big .Button, .NewDiscussion .Button { padding-top:12px; font-size:14px } } @media screen and (max-width:630px) { .BigButton, .ButtonGroup.Big .Button, .NewDiscussion .Button { padding-top:10px; font-size:18px } } .panel .AddPicture { padding-top:12px; padding-bottom:10px; font-size:14px } .panel .ButtonGroup.Big>.Button:first-child { width:80% } .ButtonGroup.Open .Button.Handle { background-color:#ff6b4e } .Buttons { line-height:36px } .FormWrapper-Condensed .Buttons { margin-left:-150px!important } .FormWrapper-Condensed .Buttons .Back { display:none } .PreviewButton { margin:0!important } .footer { font-family:Open Sans,sans-serif; font-size:14px; margin:40px 0 0; background-color:#f9f9f9 } .footer:after { clear:both; content:""; display:block } .footer .LocaleOptions { display:none } .site-map { margin-right:45px; margin-left:45px } .site-map .row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .site-map .column { float:left } .site-map .column .title { font-weight:700; font-size:85%; line-height:100%; margin-top:50px; margin-bottom:10px; margin-right:30px } .site-map .column ul { margin-right:50px; padding:0 } .site-map .column ul li { margin-bottom:3px } .site-map .column ul li a { font-size:100%; color:#b3b3b3; text-decoration:none; font-weight:300 } .site-map .column ul li a:hover { text-decoration:underline } .site-map .column.secure { float:none; clear:both; padding-top:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .SocialMedia-item { display:inline-block; margin-left:10px; margin-bottom:0 } .SocialMedia-item:first-of-type { margin-left:0 } .SocialMedia-link { display:block; width:20px; height:20px; border-radius:50%; background-color:#b3b3b3; text-decoration:none; position:relative; overflow:hidden; color:transparent } .SocialMedia-link:focus, .SocialMedia-link:hover { opacity:.7; text-decoration:none } .SocialMedia-icon { display:inherit; width:inherit; height:inherit; color:#f9f9f9 } .SocialMedia-icon:before { width:inherit } .VanillaBrand-link { display:inline-block; width:70px; height:30px; background-image:url(images/vanilla-black.svg); background-repeat:no-repeat; background-position:0; background-size:cover; color:transparent } .VanillaBrand-link:focus, .VanillaBrand-link:hover { color:transparent; text-decoration:none } .copyright { font-size:10px; padding:30px 0; color:#b3b3b3 } .Dropdown, .Flyout { font-family:Open Sans,sans-serif; text-align:left } .Dropdown.MenuItems li, .Flyout.MenuItems li { padding-top:5px } .Dropdown.MenuItems a, .Flyout.MenuItems a { font-size:14px!important; font-weight:400!important; transition:background-color,.2s } .Dropdown.MenuItems a:hover, .Flyout.MenuItems a:hover { color:#333!important; background-color:#ff401b!important } .Dropdown .Title, .Dropdown .Title a, .Flyout .Title, .Flyout .Title a { font-size:14px!important; font-weight:400!important } .PopList .Item:hover { background:0 0 } .FlyoutMenu a { color:#333 } .FlyoutMenu a:hover { color:#999 } .NewDiscussion .Dropdown { top:48px; right:0; left:inherit } .FormWrapper { padding-top:20px!important; padding-right:20px!important; padding-bottom:20px!important; padding-left:20px; margin-bottom:20px; background-color:#f2f2f2 } body.Profile.EditMode #Content form { background:0 0 } input[type=text], textarea { margin:0 } input[type=text], input[type=text].InputBox, textarea, textarea.InputBox { border-color:#e6e6e6; font-family:Open Sans,sans-serif } input[type=text]:focus, textarea:focus { background-color:#fff } .panel input { min-height:36px } .DiscussionForm label { font-size:14px } .token-input-list { width:100% } .Section-CategoryList .PageDescription { display:none } .content { position:relative; width:100% } .content .CategoryHeading { padding-bottom:0 } .content .CategoryHeading .ItemContent { font-family:Open Sans,sans-serif; font-size:inherit; font-weight:inherit; color:#ff401b } .content .CategoryList .Title { margin-bottom:10px } .content .CategoryList .OptionsMenu { position:absolute; right:0; color:#b3b3b3 } .content .CategoryList .OptionsMenu .Arrow.SpFlyoutHandle { color:inherit } .content .CategoryList .OptionsMenu.Open, .content .CategoryList .OptionsMenu:focus, .content .CategoryList .OptionsMenu:hover { color:gray } .content .CategoryList .PhotoWrap { width:50px } .content .CategoryList .PhotoWrap img { width:100%; height:auto } .content .CategoryList .PhotoWrap.NoPhoto { display:none } .content .CategoryList .TitleWrap { width:calc(100% - 23px) } @media screen and (min-width:901px) { .content .CategoryList .TitleWrap { width:calc(100% - 330px) } } .content .CategoryList .Meta { position:absolute; height:50px; width:auto; bottom:20px; right:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .content .CategoryList .meta-col { display:inline-block } .content .CategoryList .col-1 { width:130px } .content .CategoryList .col-3 { width:150px } .content .CategoryList .LastUserPhoto.MItem { margin-top:3px; margin-left:10px; margin-right:10px; width:30px } .content .CategoryList .UserPhoto { width:30px } .content .CategoryList .MItem { display:block; margin:0 } .content .CategoryList .ChildCategories { height:18px; overflow:hidden } .content .CategoryList .ChildCategories a { word-break:break-all } .content .CategoryList .LastDiscussionTitle { width:150px; height:30px; margin-bottom:5px; overflow:hidden; white-space:inherit } .content .CategoryList .LastCommentDate { color:#b3b3b3 } .content .CategoryList .CommentCount, .content .CategoryList .DiscussionCount { text-align:right } .content .CategoryList .RSS { display:none } @media screen and (max-width:900px) { .content .CategoryList .LastUserPhoto, .content .CategoryList .Meta { display:none } } @media screen and (max-width:800px){ .site-map .row{ flex-direction:column; } } .content .CategoryList .CategoryDescription { float:left; font-size:12px; width:350px } .content .Item { padding:20px 0; border-bottom:0 } .content .Item:after { clear:both; content:""; display:block } .content .Item.Depth1, .content .Item.Depth2, .content .Item.Depth3, .content .Item.Depth4 { padding-left:0!important } .content .Item.Depth1 { min-height:90px } .content .Item.Depth1 .Title { font-size:18px; text-transform:uppercase; font-weight:600 } .content .Item.Depth2 { border-bottom:1px solid #e6e6e6; text-transform:uppercase; font-size:18px; font-weight:400 } .content .Item.Depth2 .OptionsMenu { text-transform:none } .content .Item.Depth3 { border-top:1px solid #f9f9f9 } .content .Item.Depth3 .Title { font-size:18px } .content .Item, .content .Item.Read { background:0 0; opacity:1 } .content .Item .Author a { font-size:18px } .content .Item .Tag { text-transform:uppercase } .content .Item .UserQuote { background-color:#f7f7f7 } .content .Item.Depth2+.Item.Depth3 { border-top:none } .editor-help-text a, .Message a { color:#ff401b } .editor-help-text a:hover, .Message a:hover { color:#ff401b; border-bottom:1px dotted #ff401b } .DataList.Discussions .Title { padding-bottom:10px } .DataTable { table-layout:auto } .Section-CategoryList h1.HomepageTitle { display:none } .PageControls { min-height:0 } .PageControls .BoxNewDiscussion { display:none } .pocket { margin-bottom:40px; padding:2px; border:1px solid #e6e6e6; text-align:center } .pocket .side-banner { display:block; width:100%; height:270px; background-image:url(images/side-banners/side-banner-en.jpg); background-size:contain; background-repeat:no-repeat } body.ar .pocket .side-banner { background-image:url(images/side-banners/side-banner-ar.jpg) } body.es .pocket .side-banner { background-image:url(images/side-banners/side-banner-es.jpg) } body.ja .pocket .side-banner { background-image:url(images/side-banners/side-banner-ja.jpg) } body.ru .pocket .side-banner { background-image:url(images/side-banners/side-banner-ru.jpg) } body.vi .pocket .side-banner { background-image:url(images/side-banners/side-banner-vi.jpg) } body.zh .pocket .side-banner { background-image:url(images/side-banners/side-banner-zh.jpg) } .panel { background-color:#fff } .panel .BigButton, .panel .GuestBox, .panel .PhotoWrapLarge, .panel .search { margin-bottom:20px } .panel .ButtonGroup.Big { display:-webkit-box; display:-ms-flexbox; display:flex } .panel .ButtonGroup.Big.Open .Button.Handle { border-color:#b41d00; background-color:#ff401b; color:#fff } .panel .Button { color:#ff401b; border:1px solid #ff401b; border-radius:3px; background-color:#fff } .panel .Button:focus, .panel .Button:hover { border-color:#b41d00; background-color:#ff401b; color:#fff } .panel .Box { margin-top:0; margin-bottom:0 } .panel .BoxCategories, .panel .FilterMenu, .panel .SideMenu { font-family:Open Sans,sans-serif; font-size:18px; font-weight:700; line-height:1.375 } .panel .BoxCategories li, .panel .FilterMenu li, .panel .SideMenu li { padding-top:5px; padding-bottom:5px; font-weight:400; font-size:14px } .panel .BoxCategories li a, .panel .FilterMenu li a, .panel .SideMenu li a { color:#000 } .panel .BoxCategories li.Active a, .panel .FilterMenu li.Active a, .panel .SideMenu li.Active a { color:#ff401b } .panel .BoxCategories li.Active:before, .panel .FilterMenu li.Active:before, .panel .SideMenu li.Active:before { border-left-color:#ff401b } .panel .BoxCategories li.Heading, .panel .FilterMenu li.Heading, .panel .SideMenu li.Heading { font-weight:700 } .panel .BoxCategories li.Heading:before, .panel .FilterMenu li.Heading:before, .panel .SideMenu li.Heading:before { display:none } .panel .BoxCategories .Active, .panel .FilterMenu .Active, .panel .SideMenu .Active { background:inherit } .panel .BoxCategories .Active a, .panel .FilterMenu .Active a, .panel .SideMenu .Active a { color:#666 } .panel .PanelInfo li { padding-top:8px; padding-bottom:8px; padding-left:0!important; border-top:1px solid #f9f9f9; border-bottom:0 } .panel .PanelInfo li:first-of-type { border-top:0 } .panel .Count { color:#333; background:0 } .panel .WhoIs .Email { font-size:12px } .panel .Box, .panel .BoxButtons, .panel .BoxCategories, .panel .BoxDiscussions, .panel .BoxFilter { margin-top:0; padding-top:20px; padding-bottom:20px } .panel .BoxNewDiscussion { padding-top:0 } .panel h4 { margin:10px 0 0; padding:0 0 10px; font-size:18px; color:#b3b3b3; border-bottom:1px solid #e6e6e6 } .panel .Item { padding-left:0; padding-right:0; background-color:#fff } .panel .Item:first-child { border-top:0 } .panel .Item .Title { padding-bottom:5px } .panel .Item .Title a { word-wrap:break-word } .panel .Item .Bookmark { margin-left:10px; color:#b3b3b3 } .panel .Item .Bookmark:before { display:inline } .panel .Item .Bookmark:focus, .panel .Item .Bookmark:hover { color:gray } .panel .Item .MItem, .panel .Item .MItem a { font-size:12px; color:#b3b3b3 } .panel .Item .MItem a:hover { color:#9a9a9a } .panel .ShowAll { margin-top:20px } .panel .ShowAll a { font-weight:400 } .panel .GuestBox, .Section-CategoryList .panel .BoxFilter, .Section-CategoryList .panel .CategoryFilter { display:none } .HasNew, .PanelInfo .Meta strong { background:#ffdc8f } .GlobalHeader { margin-bottom:40px } .GlobalHeader .container:after { content:none } .GlobalHeader-content { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative; left:0; right:0; width:100% } .GlobalHeader-brand { margin:20px 0 } .GlobalHeader-brand, .Logo { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .Logo { overflow:hidden; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; height:40px } .Logo img { width:auto; max-width:200px; height:inherit; display:block } .Logo-link { display:inline-block; height:inherit } .Logo-link, .Logo-link:focus, .Logo-link:hover { color:inherit } .Logo-title { text-transform:uppercase; color:#666; letter-spacing:1px; margin:0; padding:0; font-size:18px } .Logo-apart { display:inline-block; margin:0 8px 0 14px } .LocaleSelector { display:inline-block; margin-left:10px; position:relative; color:#666; max-width:48px } .LocaleSelector select { margin:0; font-family:Open Sans,sans-serif; font-size:14px; color:inherit; text-transform:uppercase; text-align:center; border-radius:3px; border:1px solid #e6e6e6; background:#fff; padding:3px 20px 3px 7px; cursor:pointer; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none } .LocaleSelector select::-ms-expand { display:none } .LocaleSelector select:focus { outline:none } .LocaleSelector-arrow:before { display:inline-block; min-width:1em; font-family:vanillicon; font-variant:normal; font-weight:400; font-style:normal; text-align:center; text-decoration:inherit; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; content:""; color:inherit; position:absolute; right:5px; top:7px; pointer-events:none } .Section-BestOf .content { float:left; display:block; margin-right:2.35765%; width:100% } .Section-BestOf .content:last-child { margin-right:0 } .Section-BestOf .panel { display:none } .Section-BestOf .BoxBestOfFilter { margin-bottom:20px } .Section-BestOf .BoxBestOfFilter li { display:inline-block; padding-right:20px } .Section-BestOf .Tile { width:270px } .Section-BestOf .Tile .Title { font-size:18px } .Section-BestOf .Tile .Title a { color:#ff401b } .Section-BestOf .Tile .Title a:hover { color:#ff6b4e } .BoxFilter .Reactions-BestOf { display:none } #conversations_messages_inbox h3 { font-family:Open Sans,sans-serif } .Profile .MeBox { display:block } .Profile .About { line-height:1.375 } .Profile .About dd, .Profile .About dt { font-family:Open Sans,sans-serif; font-size:12px; font-weight:700 } .Profile .ChangePicture { font-family:Open Sans,sans-serif; text-transform:uppercase } .Profile .ChangePicture, .Profile .ProfilePhotoLarge { width:200px; max-width:100% } .Profile .ProfileOptions .MenuItems { margin-top:5px!important } @media screen and (max-width:630px) { .Profile .CountLabel { margin-left:-30%; font-size:10px } } .content .Profile .BoxFilter { display:none } .UserLoggedOut .MeBox, .UserLoggedOut .MeBox-SignIn { display:block!important } .isHomepage .content .CategoryList .Item.Depth2, .isHomepage .content .CategoryList .Item.Depth3, .isHomepage .content .CategoryList .Item.Depth4 { padding-left:20px!important } .container { max-width:1160px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px } .container:after { clear:both; content:""; display:block } .panel { float:left; display:block; margin-right:2.35765%; width:26.43044%; padding-left:20px } .panel:last-child { margin-right:0 } @media screen and (max-width:630px) { .panel { margin-top:10px; padding-left:0; float:left; display:block; margin-right:2.35765%; width:100% } .panel:last-child { margin-right:0 } } .content { float:left; display:block; margin-right:2.35765%; width:71.21191% } .content:last-child { margin-right:0 } @media screen and (max-width:630px) { .content { float:left; display:block; margin-right:2.35765%; width:100% } .content:last-child { margin-right:0 } } .rtl .LocaleSelector { margin-left:0; margin-right:10px } .rtl .WhoIs { -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } .rtl .MeBox.FlyoutRight .Flyout { left:-4px; right:unset } .rtl .MeBox.FlyoutRight .Flyout:after, .rtl .MeBox.FlyoutRight .Flyout:before { left:9px; right:auto } .rtl .MeBox .MeMenu .ToggleFlyout { margin-left:5px } .rtl .content .CategoryList .OptionsMenu { left:0; right:unset } .rtl .content .CategoryList .Title:before { margin-right:0; margin-left:8px } .rtl .content .CategoryList .Meta { right:unset; left:15px } .rtl .content .CategoryList .CommentCount, .rtl .content .CategoryList .DiscussionCount { text-align:left } .rtl .content .CategoryList .CategoryDescription { float:right } .rtl .content .col-1>span { text-align:left } .rtl .panel .NewDiscussion .Dropdown { right:unset; left:0 } .rtl .panel .ButtonGroup.Multi>.Button.Handle { border-left:2px solid #ff401b; border-top-left-radius:3px; border-bottom-left-radius:3px } .rtl .panel .ButtonGroup.Multi.Open>.Button.Handle, .rtl .panel .ButtonGroup.Multi>.Button.Handle:focus, .rtl .panel .ButtonGroup.Multi>.Button.Handle:hover { border-color:#b41d00 } .rtl .panel .Item .MItem a { margin-left:0; margin-right:8px } .rtl .FormWrapper-Condensed .Buttons { margin-left:0!important } .rtl .site-map .column { float:right } .rtl .site-map .column.secure { float:none } .rtl .site-map .column:first-child { margin-right:10px } .rtl .site-map .column ul { margin-left:50px; margin-right:0 } .rtl .site-map .column .title { background:0; padding-left:0; margin-right:0 } .rtl .SocialMedia-item:first-of-type { margin-left:10px!important } .rtl .DiscussionMeta .MItem.Category { float:none } .rtl .AuthorInfo>span { line-height:24.75px } .rtl .SearchBox .AdvancedSearch .InputAndButton .bwrap { right:unset; left:6px } ol, ul { list-style: none; }

Getting Started

Category List