/* Reboot - Mobile Media Styles */ @media screen and (max-width: 2000px) { #spMainContainer .spTopicPostSection .spPostSection, #spMainContainer .spPostContentSection { display: block; } #spMainContainer .spGroupForumSection.spOdd, #spMainContainer .spForumTopicSection.spOdd, #spMainContainer .spMemberListSection.spOdd { color: ; background: ; border: ; } #spMainContainer .spGroupForumSection.spOdd:hover, #spMainContainer .spForumTopicSection.spOdd:hover, #spMainContainer .spMemberListSection.spOdd:hover { color: ; background: ; border: ; } #spMainContainer .spGroupForumSection.spEven, #spMainContainer .spForumTopicSection.spEven, #spMainContainer .spMemberListSection.spEven { background: ; border: ; } #spMainContainer .spGroupForumSection.spEven:hover, #spMainContainer .spForumTopicSection.spEven:hover, #spMainContainer .spMemberListSection.spEven:hover { color: ; background: ; border: ; } #spMainContainer .spGroupForumSection .spColumnSection { vertical-align: top; } #spMainContainer .spStatusColumnSection { padding: 0 7px 5px 7px; } #spMainContainer .spStatusColumnSection a.spToolsButtonMobile { margin: 0; } #spMainContainer .spStatusColumnSection .spStatusIcon { display: flex; display: -webkit-flex; } #spMainContainer .spStatusColumnSection .spStatusIcon .spIconNoAction { width: auto; height: auto; } #spMainContainer .spForumTopicSection .spTopicRatingThumbs, #spMainContainer .spForumTopicSection .spTopicRatingStars { margin: 5px 0 0 0; } #spMainContainer .spTopicRatingThumbs, #spMainContainer .spTopicRatingStars { margin: -5px 0 5px 0; } #spMainContainer .spTopicIndexStatus { margin: 3px 3px 0 4px; } #spMainContainer .spTopicIndexStatus .spButton { color: ; font-weight: bold; font-size: 100%; } #spMainContainer .spTopicIndexStatus .spButton:hover { color: ; font-weight: bold; font-size: 100%; } #spMainContainer .spTopicViewStatus a:hover { color: ; } #spMainContainer .spTopicPostSection .spUserSectionMobile .spPostUserMemberships, #spMainContainer .spTopicPostSection .spUserSectionMobile .spPostUserSpecialRank { text-align: right; padding: 0 5px 0 0; } #spMainContainer .spAlsoViewingContainer .spBrowsingUserHolder { min-width: 50%; } } @media screen and (max-width: 499px) { #spMainContainer .spInRowSubForums { font-size: 80%; border-top: ; padding: 7px 0px 7px 7px; margin: 2px 0px 7px 10px; background: ; } #spMainContainer .spInRowSubForums a:link { font-size: 85%; font-weight: bold; } } @media screen and (max-width: 2000px) { #spMainContainer .spInlineTopics { margin: 0 8px 0 0px; } } @media screen and (max-width: 2000px) { #spMainContainer .mobileMenu { -moz-appearance:menulist; -webkit-appearance:menulist; appearance:menulist; border: ; vertical-align: middle; padding: 1px 5px 1px 5px; margin: 0px 2px 5px 2px; height: ; width: auto; float: right; } #spMainContainer .spOptionsList { width: 32%; height: ; font-size: ; font-weight: bold; margin: 5px 0 0 0; padding: 0 0 0 3px; color: ; background: ; border: ; } #spMainContainer #spMarkRead, #spMainContainer #spMarkReadForum, #spMainContainer #spLoginForm, #spMainContainer #spSearchForm { color: ; position: absolute; display: none; top: -1000px; left: 0; width: auto; height: auto; margin: 5px 0; text-align: center; z-index: 9999; -webkit-transition: top 1.0s ease-in-out; -moz-transition: top 1.0s ease-in-out; -ms-transition: top 1.0s ease-in-out; -o-transition: top 1.0s ease-in-out; transition: top 1.0s ease-in-out; } #spMainContainer #spSearchFormAdvanced { display: none; } #spMainContainer #spMarkRead, #spMainContainer #spMarkReadForum, #spMainContainer #spSearchForm { padding-top: 8px; padding-bottom: 8px; font-size: ; /*border: ;*/ background: ; text-align: left; width: auto; } #spMainContainer #spSearchForm #searchvalue { margin-left: 8px; width: auto; } #spMainContainer #spMarkRead:target, #spMainContainer #spMarkReadForum:target, #spMainContainer #spLoginForm:target{ top: 0px; width: auto; height: auto; margin: 0 3px 5px 0; z-index: 9999; position: fixed; display: block; color: ; background: ; width: 100%; } } @media screen and (max-width: 499px) { #spMainContainer #spSearchForm:target { top: 0px; width: auto; height: auto; margin: 0 3px 5px 0; z-index: 9999; position: fixed; display: block; color: ; background: ; width: 100%; } } @media screen and (max-width: 2000px) and (min-width: 500px) { #spMainContainer #spSearchForm:target { top: 0px; width: auto; height: auto; margin: 0 3px 5px 0; z-index: 9999; display: block; color: ; width: 100%; position: relative; background: transparent; } } @media screen and (max-width: 650px) { #spMainContainer .spSearchSection .spRadioSection { padding: 0 5% 0 0; text-align: left; width: 45%; } #spMainContainer .spSearchSection img { display: none; } } @media screen and (max-width: 320px) { #spMainContainer .spTopicPostSection .spUserSectionMobile .spPostUserPosts { display: none; } } @media screen and (max-width: 360px) { #spMainContainer .spMemberListSectionMobile .spAvatar { width: 35px; } } @media screen and (max-width: 2000px) { #spMainContainer .spProfileLeftCol { float: left; text-align: left; width: 100%; } #spMainContainer .spProfileSpacerCol { text-align: left; display: none; border-bottom: 1px solid black; width: 95%; } #spMainContainer .spProfileRightCol { float: left; text-align: left; width: 100%; } #spMainContainer .spProfileLeftHalf { text-align: left; } #spMainContainer .spProfileRightHalf { text-align: left; width: 100%; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 2000px) { #spMainContainer .spProfileForm .spProfileUsergroup label.prettyCheckbox span.holderWrap { margin-right: 20px; } #spMainContainer .spProfileUserPermissions .spColumnSection.spProfilePermissionIcon { display: none; } #spMainContainer .spProfileUserPermissions .spColumnSection.spProfilePermissionButton { width: 25%; } #spMainContainer .spProfileUserPermissions .spProfilePermission .spColumnSection { width: 98%; display: inline; } } @media screen and (max-width: 2000px) { #spMainContainer .spProfileShowAvatarSection, #spMainContainer .spProfileShowInfoSection, #spMainContainer .spProfileShowIdentitiesSection, #spMainContainer .spProfileShowStatsSection { width: 100%; margin: 0 0 0 5px; } #spMainContainer .spProfileShowAvatarSection, #spMainContainer .spProfileShowIdentitiesSection { width: 100%; margin: 0 0 20px 5px; } } @media screen and (max-width: 2000px) { #spMainContainer { font-size: 101%; } #spMainContainer .spFootContainer { margin: 0 0 0 0; } #spMainContainer .spStatsSection .spOnlinePageLink { width: auto; text-align: center; background: ; border: ; font-weight: bold; } #spMainContainer .spPageLinksBottom .spButton { border: none; background: transparent; } #spMainContainer .spPageLinksBottom .spButton:hover { border: none; background: transparent; } #spMainContainer .spPageLinks, #spMainContainer .spListSection .spPageLinks { font-size: 90%; font-weight: bold; padding: 5px 3px; margin: 15px 10px 10px -4px; } #spMainContainer .spProfilePopupLink { font-weight: bold; } #spMainContainer .spCurrentOnline .spProfilePopupLink { font-weight: normal; } #spMainContainer #spBreadCrumbsMobile .spButton { font-weight: bold; } #spMainContainer .spPageLinksBottom { padding: 0px 8px; } #spMainContainer .spPageLinksBottom .spButton { margin: 0 0 0 10px; padding: 10px 0 0 0; } #spMainContainer .spTopicPostSection { margin: 5px 0 15px 0; } #spMainContainer #spLoginForm fieldset.spControl { border: none; padding: 5px; } #spMainContainer .spProfileAvatar fieldset, #spMainContainer .spProfileAvatar fieldset legend { background: none; color: black; font-size: 100%; } #spMainContainer .spProfileForm input.spSubmit { margin: 0 5px; } #spMainContainer .spProfileLeftCol .spProfileLabel { font-weight: bold; } #spMainContainer .spProfileSpacerCol { display: none; } #spMainContainer .spProfileOverview .spColumnSection { margin: 4px; } #spMainContainer #spAvatarUpload .spSubmit { margin: 0; } #spMainContainer .spProfileFormSubmit { padding-top: 5px; } fieldset, #spMainContainer .spProfileAvatar fieldset legend { margin: 0; padding: 0; } #spMainContainer .spProfilePhotos a.spButton { color: ; font-weight: ; background: ; border: ; padding: 1px 6px 0px 6px; margin: 0 4px 3px 4px; width: auto; min-height: ; height: auto; text-align: center; } #spMainContainer .spProfileForm label.list, #spMainContainer .spProfileForm label.list span { line-height: 1.4em; padding-top: 10px; } #spMainContainer .spProfileUserPermissions .spHeaderName, #spMainContainer .spProfileUserPermissions .spHeaderDescription { color: ; } #spMainContainer .spProfileUserPermissions .spGroupForumSection input.spSubmit { float: right; } #spMainContainer .spProfileUserPermissions .spProfilePermission p { margin: 10px; } #spMainContainer .spMembersMenuMobile { margin: 0 0 10px 0; background: ; border: ; } #spMainContainer #spMemberPageLinks { border: none; } #spMainContainer #spMembersListSearchForm .spForm { border: none; } #spMainContainer #spMemberPageLinks.spPageLinks.spPageLinksBottom { background: ; } #spMainContainer #membersearch, #spMainContainer #allmembers { margin: 15px 0 0 10px; float: right; background: ; border: ; font-weight: bold; } #spMainContainer .spUsergroupSelect select { background: ; border: ; padding: 0 5px; min-height: 32px; font-weight: bold; } #spMainContainer .spMemberGroupsSection .spMemberGroupsHeader { padding: 5px; } #spMainContainer .spMemberGroupsHeader .spHeaderDescription { font-size: 90%; } #spMainContainer p.spSearchDetails { float: right; margin: 15px 0 8px 0; } #spMainContainer .spMembersMenuMobile fieldset { padding: 5px 5px 0 5px; } #spMainContainer .spSearchForm { width: 100%; } #spMainContainer ul#spSearchTabs { height: auto; margin: 0 0 5px 0; } #spMainContainer #spSearchForm #searchvalue { width: 70%; margin: 2px 0 10px 5px; } #spMainContainer #spSearchForm:target { padding: 5px 5px 20px; } #spMainContainer #spSearchForm #searchvalue { font-size: 100%; margin: 2px 0px 17px 5px; } #spMainContainer .spSearchForm a.spButton { background: ; border: ; padding: 5px; min-height: 32px; font-weight: bold; font-size: 120%; } #spMainContainer #spSearchFormAdvanced .spSubmit { background: ; border: ; padding: 0 5px; margin: 0 10px 5px 0; height: auto; font-weight: bold; font-size: 110%; } #spMainContainer #spAvatarUpload .spSubmit, #spMainContainer .spProfileFormSubmit .spSubmit { padding: 0 5px; margin: 0 5px 5px 5px; height: auto; font-weight: bold; font-size: 110%; } #spMainContainer .spSearchMember .spSearchSection { text-align: center; } #spMainContainer .spSearchSection { padding: 0px; width: 100%; margin: 20px 0 10px 0; } #spMainContainer .spSearchSection img { display: none; } #spMainContainer #spSearchFormAdvanced fieldset { font-size: 140%; border: medium none; width: 95%; } #spMainContainer #spSearchFormAdvanced fieldset legend { display: none; } #spMainContainer #spSearchFormAdvanced fieldset hr { display: none; } #spMainContainer #spSearchFormAdvanced .spLabel { padding: 0 0 0 25px; } #spMainContainer #spSearchFormAdvanced p { margin: 15px 0px 5px; } #spMainContainer .search-panes .spPageLinks.spPageLinksBottom, #spMainContainer .search-panes .spPageLinks.spPageLinksBottom a { background: none; } #spMainContainer #spLoginForm form.spForm { font-size: 110%; } #spMainContainer #spLoginForm form.spForm input.spSubmit { background: ; border: ; padding: 5px; margin: 0 10px 5px 0; min-height: 32px; font-weight: bold; font-size: 100%; } #spMainContainer #spLoginForm .spLink { background: none; border: none; padding: 5px; margin: -13px 0 0 10px; line-height: 20px; min-height: 32px; font-weight: bold; font-size: 110%; } #spMainContainer .spTopicDescription { font-size: 80%; margin: 0 0 5px 0; } #spMainContainer #spPostForm .spEditorSmileys img.spSmiley { margin: 0 5px 0 0; } #spMainContainer .spEditorSection.sp_file_uploader a.spUploadsViewerButton { font-family: ; font-size: ; font-weight: ; color: ; background: ; border: ; width: ; height: ; text-align: left; vertical-align: middle; padding: 7px 5px 3px 5px; margin: 0px 4.7px 5px 0px; } #spMainContainer #spPostForm .spEditorSubmitButton img, #spMainContainer #spPostForm .spEditorSubmitButton .spIcon { vertical-align: baseline; } #spMainContainer #spPostForm .spForm { padding: 0 10px 0 0; } #spMainContainer #spHiddenTimestamp { line-height: 24px; } #spMainContainer #spHiddenTimestamp select.spControl { margin: 0; font-size: 100%; } #spMainContainer .spPageLinksBottom .spBreakBottom { margin: 0; padding: 0; } #spMainContainer .spProfileShowSection .spPostedToSubmit .spSubmit { border: ; color: ; background: ; } #spMainContainer .spProfileShowSection .spButton { color: ; margin: 5px 0; font-weight: bold; } #spMainContainer .spProfileShowSection .spButton:hover { color: ; } #spMainContainer .spProfileShowSection .spProfileShowLink { font-size: 80%; font-weight: bold; line-height: 1em; margin: 0px; background: ; color: ; padding: 2px; } #spMainContainer .spProfileShowSection .spProfileShowLink .spButton { font-size: 100%; font-weight: normal; } #spMainContainer .spProfileShowBasicSection, #spMainContainer .spProfileShowDetailsSection, #spMainContainer .spProfileShowPhotosSection, #spMainContainer .spProfileShowSignatureSection { border: none; } #spMainContainer #spMobilePanel input.spControl { background: ; margin: 40px 0 20px 0; width: 30%; } #spMainContainer #spMobilePanel label { font-size: 80%; margin: 0 15px 0 10px; } #spMainContainer .spForumTopicSection { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; align-items: stretch; -webkit-align-items: stretch; -webkit-box-align: stretch; box-sizing: border-box; } #spMainContainer .spActionsColumnSection { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; align-items: center; -webkit-align-items: center; -webkit-box-align: center; align-self: flex-start; -webkit-align-self: flex-start; } #spMainContainer .spQuickLinksGroup { margin: 0 0 20px 0; } #spMainContainer .spTopicViewSection .spTopicViewHeader .spLink:link, #spMainContainer .spTopicViewSection .spTopicViewHeader a:link{ margin: 0 0 5px 0; } #spMainContainer .spTopicViewSection .spTopicViewHeader .ShareThisTopic { margin: 0; } #spMainContainer #spReportPost { background: ; padding: 0 0 20px 0; margin: 0 0 5px 0; } #spMainContainer #spReportPost fieldset { width: 90%; margin-left: auto; margin-right: auto; } #spMainContainer .spProfilePhotos img { width: 90%; } #spMainContainer .spOnlineStats { width: 45%; } #spMainContainer #spQuickLinksMobileList a.spPostNew { margin: 0 0 0 5px; } #spMainContainer .spGroupForumContainer .spListViewSection .spTopicListSection { background: ; } #spMainContainer .spTopicListSection { background: ; } #spMainContainer .spInlineTopics .spTopicListSection .spListPostLink { margin: -4px 0 0 0; } #spMainContainer .spProfileAccordionPane .spProfileAccordionPane .spProfileAccordionForm .spColumnSection { margin: 0; } #spMainContainer #spPostForm .spEditor .spEditorTitle input { box-sizing: border-box; } #spMainContainer #spPostForm .spEditorFieldset { outline: none; } #spMainContainer #spPostForm { border-left: ; border-right: ; border-top: ; box-sizing: border-box; } #spMainContainer .spPageLinksBottom { margin: 0 0 -2px 0; } #spMainContainer #spProfileAccordion { border: none; } #spMainContainer .spProfileUserPermissions .spGroupViewSection .spGroupForumSection { padding: 3px; } #spMainContainer .spUnsubscribeAll input.spSubmit, #spMainContainer .spStopWatchingAll input.spSubmit { border: ; color: ; background: ; font-weight: bold; font-size: 100%; } #spMainContainer a.spSubRemoveButton, #spMainContainer a.spWatchEndButton { min-width: 105px; font-weight: bold; color: ; border: ; background: ; font-size: 80%; } #spMainContainer a.spSubRemoveButton:hover, #spMainContainer a.spWatchEndButton:hover{ border: ; color: ; } #spMainContainer .spTimeZoneBar { margin: 10px 0 10px 0; } #spMainContainer .spIcon { border: ; margin: 5px; padding: 0px; /*background: ;*/ ; max-width: 28px; max-height: 28px; } #spMainContainer .spLineBreak { height: 0.5%; } #spMainContainer .spPageJump img.spIcon { max-width: !important; max-height: !important; } #spMainContainer .spIcon.spIconNoAction { background: none; } #spMainContainer img.spIcon { height: 24px; width: 24px; } #spMainContainer .spPostRatingContainer img { width: auto; height: auto; } #spMainContainer .spLabelBordered { height: 26px; padding: 4px 3px 0; } #spMainContainer .spIcon { border: ; min-width: ; min-height: ; vertical-align: middle; margin: 4px 4px 0px 0px; padding: 0; } #spMainContainer .spLabelBordered { height: 19px; padding: 1px 3px 3px; } #spMainContainer .spTopicPostSection { display: flex; display: -webkit-flex; display: -webkit-box; flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; } #spMainContainer .spTopicPostSection .spPostActionSection { height: 22px; } #spMainContainer .spTopicPostSection .spPostActionSection img{ min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; margin: 0 5px 0 0; padding: 0; } #spMainContainer .spTopicPostSection .spPostActionSection img:hover{ min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; margin: 0 5px 0 0; padding: 0; } #spMainContainer #spSearchFormAdvanced fieldset { background: transparent; } #spMainContainer .spForumTopicSection .spTopicRowName { width: 90%; font-family: ; font-size: ; font-weight: ; background: ; display: block; line-height: 1em; } } @media screen and (max-width: 499px) { #spMainContainer .spForumStats { display: none; } #spMainContainer #spPostForm .spEditorFieldset { padding: 0; } } @media screen and (max-width: 499px) { #spMainContainer .spOnlineStats { width: 80%; } } /*--------------------------------- PM Media Rules ----------------------------------*/ @media screen and (max-width: 640px) { [id^="spColThread1"] { width: 12%; } [id^="spColThread2"] { width: 77%; max-width: 75%; } [id^="spColThread3"] { width: 11%; } [id^="spColMessage1"] { width: 12%; } [id^="spColMessage2"] { width: 86%; } } @media screen and (max-width: 600px) { [id^="spColThread1"] { width: 14%; } [id^="spColThread2"] { width: 75%; max-width: 73%; } [id^="spColThread3"] { width: 11%; } [id^="spColMessage1"] { width: 12%; } [id^="spColMessage2"] { width: 86%; } } @media screen and (max-width: 480px) { [id^="spColThread1"] { width: 17%; } [id^="spColThread2"] { width: 72%; max-width: 70%; } [id^="spColThread3"] { width: 11%; } [id^="spColMessage1"] { width: 16%; } [id^="spColMessage2"] { width: 84%; } #spMainContainer #spPmQuickLinksThreads { width: ; } #spMainContainer #spPmQuickLinksThreads .dd .ddChild { width: ; } } @media screen and (max-width: 1000px) { [id^="spColThread1"] { width: 20%; min-width: 50px; } [id^="spColThread2"] { width: 50%; max-width: 50%; } [id^="spColThread3"] { width: 13%; } [id^="spColMessage1"] { width: 20%; } [id^="spColMessage2"] { width: 80%; } #spMainContainer .spPmHeaderMessages .spHeaderName { margin: 12px 0 0 0; } #spMainContainer .spPmThreadSection .spColumnSection { display: inline; } #spMainContainer .spPmThreadSection a { display: inline; width: auto; } #spMainContainer #spPostForm .spPmCompose { width: 95%; padding: 5px; } #spMainContainer #spPostForm .spLabelSmall { font-size: 90%; } #spMainContainer #spPostForm select#pmbudlist { padding: 5px; margin: 0; } #spMainContainer #spPostForm .spPmAllUsers input.spSubmit { background: ; border: ; } #spMainContainer #spPmContainer .spPmThreadHeader { display: inline-block; width: 100%; box-sizing: border-box; padding: 3px 0 0 0; height: auto; } #spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection.spLeft { padding: 0; } #spMainContainer .spForumTopicContainer .spForumTopicSection { display: inline-block; } #spMainContainer #spPmContainer .spTopicPostSection .spPostSection { display: inline-block; } } @media screen and (max-width: 319px) { [id^="spColThread1"] { width: 22%; } [id^="spColThread2"] { width: 63%; max-width: 61%; } [id^="spColThread3"] { width: 15%; } [id^="spColMessage1"] { width: 23%; } [id^="spColMessage2"] { width: 77%; } [id^="spColHeader1"] { width: 60%; max-width: 58%; } [id^="spColHeader2"] { width: 38%; } #spMainContainer #spPmQuickLinksThreads { width: ; } #spMainContainer #spPmQuickLinksThreads .dd .ddChild { width: ; } }