/********************************************************************/ /* Website Developed by : Blue Sombrero */ /* Skin 038 (Colt World Series) */ /* Created: 02 Feb 2018 by Sanket */ /********************************************************************/ /* Skin CSS */ /********************************************************************/ .skArea { background: #030e1d url(images/skin-colt-bg.jpg) center top no-repeat; } .skGrayBg { background: #dadada; } ::-webkit-scrollbar-track { background-color: #999999; } ::-webkit-scrollbar { width: 6px; height: 7px; background-color: #999999; } ::-webkit-scrollbar-thumb { background-color: #363636; } #Body .sWebTheme_ActionsArea { padding: 72px 0 0 0; } .skNav { padding: 13px 0 12px 200px; } .skSocial { padding: 8px 0 0 0; } .skSocial a.goog-te-menu-value, .skSocial a.goog-te-menu-value:link, .skSocial a.goog-te-menu-value:visited, .skSocial a.translate, .skSocial a.translate:link, .skSocial a.translate:visited, .skSocial a.link, .skSocial a.link:link, .skSocial a.link:visited { background-image: url(images/bronco-colt-social-icon.png); height: 33px; width: 40px; } #Body a.skFacebook, #Body a.skFacebook:link, #Body a.skFacebook:visited { background-position: 24px 0; height: 32px;} #Body a.skFacebook:hover, #Body a.skFacebook:focus { background-position: 24px -32px; } #Body a.skTwitter, #Body a.skTwitter:link, #Body a.skTwitter:visited { background-position: -16px 0; } #Body a.skTwitter:hover, #Body a.skTwitter:focus { background-position: -16px -32px; } #Body a.skYoutube, #Body a.skYoutube:link, #Body a.skYoutube:visited { background-position: -56px 0; } #Body a.skYoutube:hover, #Body a.skYoutube:focus { background-position: -56px -32px; } #Body a.skInstagram, #Body a.skInstagram:link, #Body a.skInstagram:visited { background-position: -158px 0px; width: 32px; height: 32px; } #Body a.skInstagram:hover, #Body a.skInstagram:focus { background-position: -158px -32px; } #Body a.skFlikr, #Body a.skFlikr:link, #Body a.skFlikr:visited { width: 34px; background-position: -95px 0; } #Body a.skFlikr:hover, #Body a.skFlikr:focus { background-position: -95px -32px; } .skSocial #google_translate_element { margin: 1px 0 0 3px; } .skSocial a.goog-te-menu-value, .skSocial a.goog-te-menu-value:link, .skSocial a.goog-te-menu-value:visited { height: 33px; width: 30px; background-position: -128px 0; } .skSocial a.goog-te-menu-value:hover, .skSocial a.goog-te-menu-value:focus, .skSocial a.goog-te-menu-value:active { background-position: -128px -32px; } #Body .skActionWrp { position: relative; } #Body .skTitle { width: 300px; overflow: hidden; max-height: 56px; margin: 0; padding-top: 0; position: absolute; left:0 ; bottom: 15px; line-height: 28px; } .skLogin .skBtn, .skLogin a.skBtn, .skLogin a.skBtn:link { text-transform: uppercase; letter-spacing: 0.3px; padding: 7px 30px 8px; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 15px; line-height: 1; color: #fff; background: #e2222a; display: inline-block; margin-top: 8px; margin-bottom: 0;margin-right: 8px; } .skLogin .skBtn:hover, .skLogin a.skBtn:hover, .skLogin a.skBtn:link:hover { color: #e2222a; background: #e2e2e2; } #Body a.login { margin-left: 15px; padding: 7px 32px 8px;} #Body a.register { margin-right: 8px; padding: 7px 22px 8px;} .skNav #dnnStandardMenu .root .roottxt { padding: 12px 30px; font-weight: normal; letter-spacing: 0.3px; color: #363636; } #Body .skNav #dnnStandardMenu .root.sel .roottxt { color: #363636; } #Body .skNav #dnnStandardMenu .root.sel.haschild .roottxt { color: #363636;} #Body .skNav #dnnStandardMenu .root.sel.haschild.exp .roottxt {color: #fff;} #Body .skNav #dnnStandardMenu .root.sel .roottxt:hover { color: #e2222a;} #Body .skNav #dnnStandardMenu .root.exp .roottxt{ color: #fff; } #Body .skNav #dnn_RightPane { float: right; } #Body .skNav .bsbSkin .ControlHeader { margin-top: 45px; } #Body .skNav #dnnStandardMenu .root .col { max-width: 175px; } #Body .skNav #dnnStandardMenu .root .mi .txt { white-space: normal; word-break: break-word; } /* Inner CSS */ /********************************************************************/ #Body .TeamPage_normalText, #Body span.TeamPage_normalText { word-break: break-word; -moz-hyphens: auto; } #Body #dnn_RightPane { float: right; } /* Rotator CSS */ /********************************************************************/ .sk1002452 h3.title { letter-spacing: 0.3px; font-weight: 500; line-height:32px; height: 32px; width: 86%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sk1002452 .nav { border-right: 1px solid #0f2b55 } .sk1002452 .nav:before { height: 0; width: 0; border-right: 7px solid transparent; position: absolute; display: block; left: 47px; top: -9px; content: ""; border-bottom: 10px solid #091629; } #Body .sk1002452 .nav:after { height: 0; width: 0; border-right: 7px solid transparent; position: absolute; display: block; left: 47px; bottom: -9px; content: ""; border-top: 10px solid #091629; } #Body .sk1002452 .clear:after { content: ""; visibility: visible; } #Body .sk1002452 .capinner { padding: 16px 20px; } #Body .sk1002452 .link { float: right; } /* Box Link CSS */ /********************************************************************/ .skBoxLinks .title { letter-spacing: 0.3px; word-break: break-word; } .skBoxLinks a.link, .skBoxLinks a.link:link, .skBoxLinks a.link:visited { width: 288px; height: 210px; } /* Embeded HTML CSS */ /********************************************************************/ #Body .skEmbededHTML .flip-clock-divider .flip-clock-label { letter-spacing: 0.3px; text-transform:capitalize;} #Body .skEmbededHTML .skContent { background: #16325f; } #Body .skEmbededHTML, #Body .skEmbededHTML h1,h2,h3,h4 ,h5,h6 { color: #fff;} /* Event CSS */ /********************************************************************/ h2.skHead { letter-spacing: 0.3px; } .skEvents { padding: 0 0 25px 0; } .skEvents .skContent { height: 226px; } .skEvents .skContainer { padding: 20px 16px 22px 16px } .skEvents ul.list { padding: 0 15px 0 0; } .skEvents .time { padding: 13px 10px; border:#d22027; text-transform: lowercase; letter-spacing: 0.1px; line-height: 16px; margin: 8px 16px 0 0; } .skEvents li.item { margin: 0 0 12px 0; padding: 3px 8px; } .skEvents .date { padding: 0 6px 0 0; } .skEvents .title a, .skEvents .title a:link, .skEvents .title a:visited, .skEvents .summary, .skEvents .title { letter-spacing: 0.3px; } .skEvents .title { max-height: 60px; overflow: hidden; display: block; } #Body .skEvents .googleCalendar .description, #Body .skEvents .description { padding: 0px 0 0 167px; } .skEvents .summary { text-transform: unset; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #Body .skEvents .googleCalendar a, #Body .skEvents .googleCalendar a:link, #Body .skEvents .googleCalendar a:visited{ line-height: 26px; } #Body .skEvents .googleCalendar .title { padding: 16px 0; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Quick Link CSS */ /********************************************************************/ .skQuickLinks { padding: 0 0 25px 0; } .skQuickLinks .skContent { height: 226px; } .skQuickLinks ul.list { padding: 0 15px 0 0; } .skQuickLinks .skContainer { padding: 20px 10px 22px 18px; } .skQuickLinks li.item { padding: 4px 0; } .skQuickLinks li.item a, .skQuickLinks li.item a:link, .skQuickLinks li.item a:visited { letter-spacing: 0.1px; text-transform: capitalize; } /* Video CSS */ /********************************************************************/ .skVideo { padding: 3px 0 25px 0; word-break: break-word; } .skVideo .skContainer { padding: 20px 19px 22px 13px; } .skVideo p { line-height:18px; } #Body .skVideo .skContent { height: 385px; padding: 0 16px 0 0; color: #525252; } .skVideo .skHead { padding: 0 0 16px 0; } /* About Us CSS */ /********************************************************************/ .skAboutUs { padding: 3px 0 25px 0; word-break: break-word; } .skAboutUs .skHead { padding: 0 0 16px 0; } .skAboutUs .skContentArea { height: 308px; padding: 0 16px 0 0; letter-spacing: 0.3px; } .skAboutUs .skContainer { padding: 20px 13px 18px 16px; } .skAboutUs a.link, .skAboutUs a.link:link, .skAboutUs a.link:visited { border: 1px solid #d22027; border-top: 1px solid #e84d54; border-bottom: 1px solid #610f12; padding: 0 20px; } .skAboutUs a.link:hover, .skAboutUs a.link:link:hover, .skAboutUs a.link:visited:hover { border:1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } /* Sponsor CSS */ /********************************************************************/ .spRight, .spLeft { width: 30px;} .skSponsor { padding: 22px 50px; margin: 0 -29px; } .skSponsor .prev { left: 13px;} .skSponsor .next { right: 16px;} #Body .skSplist li img { height: 119px; width: 163px; } ul.skSplist li { padding:0 9px;} ul.skSplist li a { display: block;} /* Banner css */ /********************************************************************/ .skBanner a.link, .skBanner a.link:link, .skBanner a.link:visited { border: 6px solid #fff; } .skBanner a.link:hover, .skBanner a.link:link:hover, .skBanner a.link:visited:hover { border: 6px solid #e2222a; } /* Footer css */ /********************************************************************/ #Body .skSitelinks { width: 340px; text-transform: capitalize; padding: 20px 0 0 6px; } .skFooter .skContact { width: 314px; padding: 20px 0 0 0; } .skSitelinks ul.list { padding: 0 40px 0 0; width: 130px; } h2.skFtHead { padding: 0 0 11px 0; } .skSitelinks li.item a:link, .skSitelinks li.item a:visited { letter-spacing: 0.1px; text-transform: capitalize; height: 18px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .skFooter { padding: 14px 30px 18px; } .skInfo { padding: 22px 12px 40px; } .info br:last-child { display: none;} .info a.link { display: block; padding-top: 6px; } .info { padding-left: 60px; } /*Responsive*/ /********************************************************************/ @media screen and (max-width: 1140px){ #Body .LeftPane.inner-cell { width: 60%; } #Body .RightPane.inner-cell { width: 35%; margin-left: 5%; } } @media screen and (max-width: 1080px){ #Body .skTitle { width: auto; } #Body ul.skSplist li { padding: 0px 22px; } #Body .skTitle, #Body .skActionWrp { position: unset; } #Body .skFooter { width:auto; } } @media screen and (max-width: 768px){ #Body .skTitle { max-height: 72px; float: none; padding: 12px 0; text-align: center; } #Body #mobNav.navy .navBar, #Body #mobNav.navy .navDropDown { background: #17335d;} #Body #mobNav.navy .navTabs .activeTab { border-bottom-color: transparent; } #Body #mobNav { display: block; } #Body .skLogo, #Body .skNav { display: none; } #Body a.register { margin-right: -14px; } #Body .skAction { float: none; text-align: center; } #Body .skSocial, #Body .skLogin { text-align: center; margin: auto; display: table; float: none; } #Body .skSocial { padding-top: 10px; } #Body .LeftPane.inner-cell { width: 100%; } #Body .RightPane.inner-cell { width: 100%; margin-left: 0; } #Body .sk1002452 .caption { text-align: center; height: 97px; } #Body .sk1002452 h3.title { width: auto; height: 28px; overflow: hidden; display: block; float: none; padding: 0 0 6px 0; } #Body .sk1002452 .link { float: none; margin: 0; } #Body .sk1002452 .nav:before, #Body .sk1002452 .nav:after { content: none; } #Body .sk1002452 .nav { border-bottom: 1px solid #0f2b55; border-right: none; } #Body .skLogin #skMobNavBtn { padding: 5px 8px 5px 8px; margin-top: 8px; margin-left: 0; } #Body .skLogin a.actionLink, #Body .skLogin a.actionLink:link, #Body .skLogin a.actionLink:visited { margin: 0px; } #Body a.login { margin-left: 0px; margin-right: 5px; } #Body .skQuickLinks .skContent, #Body .skEvents .skContent { height: 226px; overflow-x: auto; word-break: break-word; } #Body .skEvents .googleCalendar a, #Body .skEvents .googleCalendar a:link, #Body .skEvents .googleCalendar a:visited{ line-height: 26px; } #Body .skEvents .googleCalendar .title { padding: 5px 0; height: auto; overflow: unset; white-space: unset; } #Body .skVideo .skContent { height: 385px; overflow-x: auto; } #Body .skAboutUs .skContentArea { height: 303px; overflow-x: auto; } #Body .skVideo .skContainer, #Body .skAboutUs .skContainer, #Body .skEvents .skContainer, #Body .skQuickLinks .skContainer { padding: 15px; } #Body .skSitelinks { padding: 20px 0 0 15px; } #Body .skFtLogo { display:none; } #Body .skSitelinks ul.list { padding: 0 2px 0 0; width: 125px; } #Body .skSitelinks li.item a:link, #Body .skSitelinks li.item a:visited { white-space: unset; } #Body .info { padding-left: 0;} } @media screen and (max-width: 700px){ #Body .skEvents .googleCalendar .description, #Body .skEvents .description { padding: 0px; } #Body .sk1002452 .link { margin: auto; } #Body .skSitelinks { padding: 20px 0 0 0px; width:auto; } #Body .skFooter .skContact { width: auto; } } @media screen and (max-width: 359px){ #Body .skLogin #skMobNavBtn { margin-top: 6px; } #Body .skBoxLinks .title { font-size: 18px;} } @media screen and (max-width: 320px){ #Body .skBoxLinks a.link, #Body .skBoxLinks a.link:link, #Body .skBoxLinks a.link:visited { width: 245px; height: 179px; } }