diff options
author | prashantsinalkar | 2019-04-22 12:35:05 +0530 |
---|---|---|
committer | prashantsinalkar | 2019-04-22 12:35:05 +0530 |
commit | 4ba4ccc3fddb242251d5442c78aba14f43835035 (patch) | |
tree | 143fb83eb49ec1001e5be0ca87302858f6bca6fe /touch/css/fudge.css | |
parent | 4dc90c39ae1a07db5f6f567fae84513c69ca1ac1 (diff) | |
download | osdag_workshop_2019-4ba4ccc3fddb242251d5442c78aba14f43835035.tar.gz osdag_workshop_2019-4ba4ccc3fddb242251d5442c78aba14f43835035.tar.bz2 osdag_workshop_2019-4ba4ccc3fddb242251d5442c78aba14f43835035.zip |
created index page
Diffstat (limited to 'touch/css/fudge.css')
-rwxr-xr-x | touch/css/fudge.css | 488 |
1 files changed, 488 insertions, 0 deletions
diff --git a/touch/css/fudge.css b/touch/css/fudge.css new file mode 100755 index 0000000..f9cb91d --- /dev/null +++ b/touch/css/fudge.css @@ -0,0 +1,488 @@ +/*****HTML5 BOILERPLATE MINIFIED*******/ + + + +/*Hero*/ + +#hero { background: url('../../images/hero.jpg') no-repeat center top; background-size: cover; color: #121212; height: 724px; } +#hero h1 { font-size: 62px; line-height: 80px; margin: 180px 0 20px; } +#hero p { font-size: 28px; margin: 0; } +#hero a.btn { border-radius: 6px; color: #fff; display: inline-block; font: 22px Montserrat; height: 66px; margin-top: 44px; padding-top: 20px; text-transform: uppercase; width: 254px; } + +/*Event Information*/ + +#event-info { background-image: url('../../images/schemes/default/event-info-bkg.png'); background-repeat: no-repeat; background-position: center; color: #fff; font-size: 42px; min-height: 202px; padding-top: 50px; } +#event-info .event-when, #event-info .event-where { float: left; width: 40.89%; } +#event-info .event-where { float: right; } +#event-info h2 { font: bold 16px Montserrat; margin: 0 0 12px; text-transform: uppercase; } +#event-info p { line-height: 42px; margin: 0;} +#event-info span { font-size: 22px; line-height: 22px; } + +/*Registration*/ + +#registration { padding: 58px 0 40px; } +#registration h2 { color: #515151; } +#registration p { margin: 0 0 30px; } +#registration p span { font-size: 22px; } +.eventbrite { overflow: hidden; width: 100%; } +#registration iframe { border: none; width: 100%; } + +/*Connect With Us*/ + +#connect { padding: 54px 0 56px; } +#connect h2 { color: #fff; font: bold 16px Montserrat; margin: 0 0 24px; text-transform: uppercase; } +#connect a, .social-media a { background: url('../../images/schemes/default/icons-social-large.png') no-repeat; display: inline-block; height: 78px; margin-right: 5px; text-indent: -999999px; width: 69px; } +#connect a.icon-rss, a.icon-rss { background-position: -72px 0; } +#connect a.icon-twitter, a.icon-twitter { background-position: -144px 0; } +#connect a.icon-facebook, a.icon-facebook { background-position: -216px 0; } +#connect a.icon-flickr, a.icon-flickr { background-position: -288px 0; } +#connect a.icon-linkedin, a.icon-linkedin { background-position: -360px 0; } +#connect a.icon-pinterest, a.icon-pinterest { background-position: -432px 0; } +#connect a.icon-instagram, a.icon-instagram { background-position: -504px 0; } +#connect a.icon-googleplus, a.icon-googleplus { background-position: -576px 0; } + +/*Event Schedule*/ + +#schedule { padding: 60px 0; } +#schedule h2 { color: #008800; margin: 0 0 15px; } +.tagline { font-size: 22px; margin: 0 0 52px; } + +.date-picker { float: left; padding-bottom: 30px; width: 100%; } +.date-picker a { background: #f1f1f1; border-radius: 6px; color: #898989; display: inline-block; height: 112px; width: 104px; } +.date-picker a.central { margin: 0 33px; } +.date-picker .weekday { border-bottom: 2px solid #fff; display: block; font: bold 14px Montserrat; padding: 8px 0 6px; text-transform: uppercase; } +.date-picker .date { display: block; font-size: 42px; padding: 15px 0 5px; } +.date-picker .month { font-size: 14px; text-transform: uppercase; } + +.date-picker .active { background: #fff; border: 2px solid #69c7cf; color: #121212; } +.date-picker .active .weekday { border-color: #69c7cf; } + +.filters { float: left; margin: 0 0 30px 17.17%; width: 65.43%; } +.filter { background: url('../../images/arrow-filter.png') 92% center #f1f1f1 no-repeat; border-radius: 6px; float: left; font: bold 16px Montserrat; height: 60px; margin: 0; padding: 0; width: 47.81%; } +.filter.date-picker-mobile { display: none; } +.filter.location { float: right; } +.filter li { display: block; list-style: none; padding: 20px; position: relative; text-align: left; } +.filter a { color: #6d6d6d; cursor: pointer; display: block; } +.filter li ul { background: #f1f1f1; display: none; left: 0; position: absolute; top: 40px; width: 100%; z-index: 2; } +.filter li li { padding: 20px 0; } + + + +.lightbox-container { background: rgba(0,0,0,.25); display: none; height: 100%; position: absolute; top: 0; width: 100%; z-index: 300; } +.lightbox { background: #fff; border-radius: 6px; box-shadow: 1px 1px 1px rgba(0,0,0,.4); color: #6d6d6d; left: 50%; margin-left: -351px; padding: 58px 30px 30px; position: absolute; text-align: left; width: 702px; } +.lightbox .close { background: url('../../images/btn-close.jpg') no-repeat; cursor: pointer; height: 40px; position: absolute; right: 10px; top: 10px; width: 40px; } +.lightbox h1 { color: #121212; font-size: 32px; line-height: 36px; margin: 0 0 22px; } +.lightbox p { margin: 0 0 36px; } +.lightbox .tag { margin-bottom: 32px; margin-left: 5px; cursor: default; } +.lightbox .tag:hover { opacity: 1; } +.lightbox .session-details p, .speaker-pop .details p { margin: 0 0 5px; } +.lightbox .session-details p a, .speaker-pop .details p a { color: #2a1010; } +.lightbox .session-details span, .speaker-pop .details span { color: #121212; display: inline-block; font: bold 16px Montserrat; text-transform: uppercase; width: 100px; } +.lightbox .session-speaker { background: #f1f1f1; border-radius: 6px; float: left; margin: 10px 0 0; padding: 16px; width: 100%; } +.lightbox .session-speaker span { color: #121212; display: inline-block; font: bold 16px Montserrat; margin: 20px 30px 0 0; text-transform: uppercase; cursor: pointer; } +.lightbox .session-speaker img { float: left; margin-right: 10px; } +#schedule .lightbox {overflow: auto; height: 500px;} +#schedule .tagline {margin-bottom: 30px;} + +/*Facebook RSVP*/ + +#facebook-rsvp { background-image: url('../../images/schemes/default/facebook-rsvp-bkg.png'); background-repeat: no-repeat; background-position: center 60px; padding: 170px 0 56px; } +#facebook-rsvp .container { max-width: 715px; } +.facebook-rsvp-yes, .facebook-rsvp-maybe, .facebook-rsvp-no { background: url('../../images/schemes/default/facebook-rsvp-yes.png') no-repeat center top; color: #fff; display: inline-block; font: bold 16px Montserrat; padding-top: 146px; text-transform: uppercase; width: 32%; } +.facebook-rsvp-maybe { background-image: url('../../images/schemes/default/facebook-rsvp-maybe.png') } +.facebook-rsvp-no { background-image: url('../../images/schemes/default/facebook-rsvp-no.png'); } +#facebook-rsvp span { display: block; font: 72px Muli; } +#facebook-rsvp .btn { background: #fff; margin-top: 32px; } +#facebook-rsvp .btn:hover { color: #121212; } + +/*Event Speakers*/ + +#speakers, #event-media { color: #fff; padding: 55px 0 25px; } +#speakers h2, #event-media h2 { color: #fff; } + +.post { color: #fff; float: left; margin: 0 3.06% 30px 0; width: 22.69%; } +.post:nth-of-type(4n+4) { margin-right: 0; } +.post:nth-of-type(4n+5) { clear: left; } +.post img { border-radius: 6px; height: auto; margin-bottom: 14px; width: 100%; } +.post h3 { font: bold 15px Montserrat; margin: 0 0 5px; text-transform: uppercase;color: #000 } +.post h3 a { color: #515151; } +.post p { font-size: 14px; line-height: 22px; margin: 0;color: #000 } + +#speakers .speaker-pop h2 { color: #121212; float: left; margin: 32px 0 24px; width: 100%; } +.speaker-pop img { float: left; height: auto; max-width: 222px; width: 31.53%; } +.speaker-pop .speaker-details { float: right; width: 55.39%; } +.speaker-pop .session-speaker { margin: 0 0 20px; } +.speaker-pop .session-speaker p { line-height: 18px; margin: 0 0 10px; } +.speaker-pop .session-speaker p span { margin: 0; cursor: pointer; } +.speaker-pop .session-speaker p.date { font-size: 14px; } +.speaker-pop .session-speaker p.location { color: #121212; font-size: 16px; } + +#speakers .btn, #event-media li .btn.active, #event-media li .btn.active:hover { background: #fff; } +#speakers .btn:hover { color: #121212; } + +#speakers-grid > div { float: left; width: 100%; } +#speakers .lightbox {overflow: auto; height: 500px;} +#speakers a.post:hover {opacity: 1;} + +/*Sponsors*/ + +#sponsors { padding: 58px 0; } +#sponsors h3 { font-size: 10px; margin-bottom: 30px; } +.sponsor-tier { border-bottom: 1px solid #ea8484; float: left; margin-bottom: 30px; width: 100%; } +.sponsor-tier:last-of-type { border: none; } +.sponsor-tier img { margin: 0 42px 80px; } +#sponsors a:hover { opacity:1; } + +/*Media*/ + +#event-media { padding-bottom: 50px; } +#event-media .tagline { margin-bottom: 50px; } + +#event-media .sorting { float: left; margin-bottom: 36px; width: 100%; } + +#event-media .media-category { float: left; margin: 0; padding: 0; } +#event-media .media-category li { float: left; list-style: none; margin-right: 10px; } +#event-media .media-category li .btn { background: none; border: 1px solid #fff; color: #fff; opacity: 1; } +#event-media .media-category li .btn:hover { color: #fff; } + +#event-media .btn, #event-media li .btn.active, #event-media li .btn.active:hover { background: #fff; } +#event-media .btn:hover { color: #121212; } + +#event-media .filter { display: none; margin: 0 0 28px; width: 100%; } + +#media-grid > div { display: none; float: left; width: 100%; } +#media-grid #all-media { display: block; } + +#media-grid .post { position: relative; } +#media-grid .post:hover { opacity: 1; } +#media-grid .post:hover img { opacity: 1; } +#media-grid .view { background: url('../../images/schemes/default/icon-view.png') no-repeat; display: none; height: 78px; left: 50%; margin-left: -35px; position: absolute; opacity: .5; top: 70px; width: 69px; } +#media-grid .view:hover { opacity: 1; } +#media-grid .post:hover .view { display: block; } + +.media-lightbox img { height: auto; width: 100%; } + +#media-grid iframe {height:222px !important;} +#media-grid .post img {border-radius: 0px;} + +/*Twitter*/ + +#twitter { background: url('../../images/schemes/default/twitter-bkg.png') no-repeat center 60px; padding: 172px 0 62px; text-align: center; } +#twitter ul { margin: 0; padding: 0; } +#twitter li { border: 1px solid #ea8484; border-radius: 10px; float: left; list-style: none; margin: 30px 2.06% 32px 0; min-height: 330px; padding: 60px 20px 20px; position: relative; width: 31.08%; height: 330px; } +#twitter li span:before { background: url('../../images/schemes/default/icon-tweet.png') no-repeat; content: ""; height: 82px; left: 50%; margin-left: -54px; position: absolute; top: -41px; width: 108px; } +#twitter li:last-child { margin-right: 0; } +#twitter li span { color: #121212; font-size: 18px; line-height: 32px; } +#twitter li span + a { display: block; font-size: 18px; margin-top: 5px; } +#twitter li a { color: #6d6d6d; } +#twitter li a:hover { color: #6d6d6d; opacity: .5; } + +#twitter li:first-child { border: none; border-radius: 0; margin: 0 0 32px; min-height: inherit; padding: 0; width: 100%; height: auto;} +#twitter li:first-child span { font-size: 42px; line-height: 52px; } +#twitter li:first-child span:before { display: none; } +#twitter li:first-child span + a { font-size: 22px !important; } + +#twitter li span a:hover {opacity:1;} + +.container-btns { clear: both; margin: 0 auto; width: 512px; } +.container-btns .btn { float: left; margin: 0; width: 241px; } +.container-btns .tweet-hash { background: #f1f1f1; border-radius: 6px; float: right; height: 60px; padding-top: 20px; width: 241px; } + +#twitter .container-btns.not-logged .tweet-hash {margin:0 auto; float:none;} + +/*Timer*/ + +#timer { background-image: url('../../images/schemes/default/timer-bkg.png'); background-repeat: no-repeat; background-position: center 60px; color: #fff; font: bold 16px Montserrat; padding: 172px 0 56px; text-align: center; text-transform: uppercase; } +#timer .container { margin: 0 auto; max-width: 592px; width: 100%; } +#timer .countdown > div { display: inline-block; margin-bottom: 30px; } +#timer .days { margin-right: 22px; width: 170px; } +#timer .hours, #timer .minutes, #timer .seconds { margin-right: 24px; width: 113px; } +#timer .seconds { margin-right: 0; } +#timer span { background: url('../../images/schemes/default/timer-number-bkg.png') no-repeat; float: left; font: 72px/72px Muli; height: 104px; margin: 0 1px 12px 0; padding-top: 18px; width: 55px; } + +/*Latest News*/ + +#news, #contact { padding: 55px 0 60px; } +#news .btn { width: 221px; } +#news .posts { float: left; width: 100%; } +#news .posts a { color: #212121; } +#news .posts a:hover { opacity: 1; } + + + +/*Contact*/ + +#contact { background: #ffffff; } +#contact p { margin: 0; } +#contact-form { float: left; margin-top: 48px; width: 100%; } +#contact .message-details, #respond .comment-details { float: left; width: 31.28%; } +#contact .message-details input, #contact textarea, #respond .comment-details input, #respond textarea { background: #fff; border: none; border-radius: 6px; color: #6d6d6d; display: block; font: bold 16px Montserrat; height: 60px; margin-bottom: 16px; padding: 0 20px; text-transform: uppercase; width: 100%; } +#contact .message, #respond .comment-field { float: right; margin-bottom: 30px; width: 65.64%; } +#contact textarea, #respond textarea { height: 220px; padding: 20px; margin: 0; } +#contact input[type=submit], #respond input[type=submit] { border: none; clear: both; display: block; margin: 0 auto; padding: 0; width: 220px; } +#contact .error { color: red; display: block; margin: -10px 0 15px; } +#contact .message .error { margin-top: 0; } + +#contact .social-media { float: left; margin-top: 60px; width: 100%; } + +/*Registration*/ + +#event-description { padding: 58px 0 40px; } +#event-description h2 { color: #515151; } +#event-description p { margin: 0 0 30px; } +#event-description p span { font-size: 22px; } +#event-description .content { overflow: hidden; width: 100%; } + +/* Misc */ +.edit_link {text-align: right; display: block;color: #121212;} + +/*****SUB CONTENT STYLES*******/ + +.alignleft, .alignright, .alignnone { border-radius: 6px; } +.alignleft { float: left; margin-right: 15px; } +.alignright { float: right; margin-left: 15px; } +.alignnone { margin-bottom: 30px; } + +/*Content Page*/ + + +/*Blog*/ + +#blog { width: 65.64%; } +#blog .post { background: #fff; border-radius: 6px; min-height: 500px; margin: 0 4.375% 30px 0; padding-bottom: 65px; position: relative; width: 47.66%; } +#blog .post2 { margin-right: 0; } +#blog .post h2 { font: 28px/28px Muli; margin: 26px 0; padding: 0 22px; text-align: center; } +#blog a { color: #121212; } +#blog a:hover { opacity: 1; } +#blog .post .addthis_toolbox { bottom: 22px; left: 22px; position: absolute; } + +#blog .navigation { float: left; margin-bottom: 50px; width: 100%; } +#blog .navigation a { color: #121212; font-size: 28px; } +#blog .navigation .older { float: left; } +#blog .navigation .newer { float: right; } + +aside { float: right; width: 31.28%; } +aside ul { margin: 0; padding: 0; } +aside li { float: left; list-style: none; width: 100%; } + +#searchform { background: #fff; border-radius: 6px; float: left; height: 60px; margin-bottom: 25px; width: 100%; } +#searchform input[type=text] { background: none; border: none; float: left; height: 60px; padding: 0 0 0 15px; width: 75%; } +#searchform input[type=submit] { background: url('../../images/icon-search.jpg') no-repeat; border: none; float: right; height: 27px; margin: 16px 16px 0 0; text-indent: -999999px; width: 27px; } + +#fudge_quotes { background: url('../../images/schemes/default/quotes-bkg.jpg') no-repeat center top; padding-top: 102px; } +#fudge_quotes .quote { border: 1px solid #ea8484; border-radius: 6px; color: #121212; float: left; font-size: 18px; line-height: 28px; margin-bottom: 28px; padding: 25px; text-align: center; width: 100%; } +#fudge_quotes .quote p { margin: 0; } +#fudge_quotes .quote span { color: #a1a1a1; font-size: 16px; } + +#twttrHubFrameSecure, #twttrHubFrame { display: none; } +.addthis_counter.addthis_pill_style a.addthis_button_expanded { width: 39px !important; } + +/*Blog Single*/ + +.single-post #blog h1 { font-size: 42px; line-height: 44px; margin-bottom: 15px; text-align: left; } +.single-post .navigation { margin-bottom: 74px; } + +.commentlist { background: url('../../images/schemes/default/comments-bkg.png') no-repeat center top; float: left; margin: 0; padding: 120px 0 0; width: 100%; } +.commentlist li { float: left; list-style: none; margin-bottom: 26px; width: 100%; } +.commentlist .comment-content { background: #fff; border: 1px solid #ea8484; border-radius: 6px; color: #121212; float: left; line-height: 28px; margin-bottom: 22px; padding: 15px 18px; position: relative; width: 100%; } +.commentlist .comment-content:after { background: url('../../images/schemes/default/comment-arrow.png') no-repeat center top; bottom: -13px; content: ""; height: 14px; left: 0; position: absolute; width: 100%; } +.commentlist .comment-content:last-child { margin-bottom: 0; } +.commentlist .comment-meta { float: left; text-align: center; width: 100%; } + +#respond { padding: 15px 0 40px; } +#respond p { margin: 0; } +#respond .comment-details input { margin-bottom: 21px; } +#respond .comment-details, #respond .comment-field { width: 47.66%; } +#respond textarea { height: 222px; } +#respond .logged-in { width: 100%; } + +/* Archive */ +.archive .post img {height: 306px;} + +/* Twitter Full Screen */ +.page-template-page-twitter-full-screen-php header, .page-template-page-twitter-full-screen-php footer { display:none; } +.page-template-page-twitter-full-screen-php #twitter { background: url('../../images/schemes/default/twitter-bkg.png') no-repeat center 15px; padding: 90px 0 62px; text-align: center; } +.page-template-page-twitter-full-screen-php #twitter li:first-child .avatar {display:none;} +.page-template-page-twitter-full-screen-php #twitter .avatar {width: 70px;position: absolute;top: 0;left: 40%;top: -29px; border-radius: 6px;} +.page-template-page-twitter-full-screen-php #twitter span:before {background-image: none;} + +/***** EVENT ESPRESSO *******/ +.tkt-slctr-tbl{width:100%} +.tkt-slctr-tbl thead th:first-child{text-align:left;} +.tkt-slctr-tbl .tckt-slctr-tbl-td-name{text-align:left;} +.tkt-slctr-tbl thead th:nth-child(2){text-align:right;} + +/* reCaptcha */ +#recaptcha_widget_div {clear: both; margin: 0 auto; width: 320px; margin-bottom: 20px;} +#recaptcha_privacy {display:none;} + +/*****OLD IE STYLES *******/ + +.lt-ie9 .lightbox-container { background: url('../../images/ie-lightbox-bkg.png'); } +.lt-ie9 #twitter_update_list li, .lt-ie9 .post { margin-right: 5%; width: 40%; } + +.lt-ie9 .container-btns .btn { width: 246px; } + +.lt-ie9 #contact .message-details input, .lt-ie9 #contact textarea { padding-top: 20px; } + +/*****MEDIA QUERIES FOR MOBILE STYLES *******/ + +@media only screen and (min-width: 1025px) { + + .filter li:hover ul { display: block; } + +} + +@media only screen and (max-width: 978px) { + + .container { padding: 0 20px; } + header ul:before { background-color: #ea8484; } + header, .home header { height: 112px; } + .home header, .page-template-page-event-over-php header { margin: 0; position: absolute; top: 3px; } + header .logo { width: 222px; } + header .mobile-nav-icon { background: url('../../images/icon-mobile-nav.png') no-repeat center #ea8484; border-radius: 6px; cursor: pointer; display: block; float: right; height: 50px; margin-top: 10px; width: 54px; } + header ul { background: #fff; display: none; left: 0; margin: 0; padding-bottom: 20px; position: absolute; top: 90px; width: 100%; } + header li { background: #fff; display: block; float: none; margin: 0; padding: 14px 0; } + header .register { display: none; } + header .btn-register { margin: 10px 22px 0 0; padding: 16px 18px; } + header .outside-nav { display: block; } + + #event-info { background-image: none; padding-bottom: 52px; } + #event-info .event-when, #event-info .event-where { padding-top: 104px; width: 44.27%; } + #event-info .event-when { background: url('../../images/schemes/default/icon-event-when.png') no-repeat center top; } + #event-info .event-where { background: url('../../images/schemes/default/icon-event-where.png') no-repeat center top; } + + #explore .container {max-width:85%;} +} + +@media only screen and (max-width: 884px) { + + #twitter li { width: 45.04%; } + #twitter li:nth-of-type(3) { float: right; } + #twitter li:nth-of-type(4) { display: none; } + + #blog, aside { width: 100%; } + #blog .post { min-height: 536px; } + aside { margin-bottom: 30px; } + aside li { display: none; } + aside li.widget_search { display: block; } + + .single-post aside { display: none; } + +} + +@media only screen and (max-width: 768px) { + + .post, .post:nth-of-type(4n+4) { margin-right: 4.12%; width: 30.57%; } + .post:nth-of-type(3n+3) { margin-right: 0; } + .post:nth-of-type(4n+5) { clear: none; } + .post:nth-of-type(3n+4) { clear: left; } + + #explore .poi { background-image: none; min-height: 88px; padding: 38px 0 0; width: 100%; position: static; margin-top: 15px; } + #explore .poi .content { display: block; } + + .lightbox { margin-left: -45%; width: 90%; } + +} + +@media only screen and (max-width: 676px) { + + .filters { margin-left: 0; width: 100%; } + + .sorting { display: none; } + #event-media .filter { display: block; } + + #schedule-sessions .time { left: -50%; position: relative; width: 50%; } + #schedule-sessions .location { border: none; float: left; left: 50%; position: relative; width: 50%; } + #schedule-sessions .info { margin: 30px 0 0; width: 100%; } + + #contact .message-details, #contact .message { width: 100%; } +} + +@media only screen and (max-width: 617px) { + + .speaker-pop img { display: block; float: none; margin: 0 auto 34px; } + .speaker-pop .speaker-details, .speaker-pop img { width: 100%; } + +} + +@media only screen and (max-width: 580px) { + + #facebook-rsvp span { font-size: 32px; } + + #respond .comment-details, #respond .comment-field { width: 100%; } + +} + +@media only screen and (max-width: 500px) { + + .container { padding: 0 10px; } + + header .logo { width: 222px; } + + #hero { background: #f1f1f1 !important; height: auto; margin-top: 112px; padding: 30px 0; } + #hero h1 { font-size: 42px; line-height: 45px; margin-top: 0; } + #hero p { font-size: 22px; line-height: 30px; } + #hero a.btn { display: none; } + + #event-info { padding-bottom: 16px; } + #event-info .event-when, #event-info .event-where { background-position: left center; margin-bottom: 32px; padding: 0 0 0 85px; width: 100%; } + #event-info p { font-size: 22px; line-height: 29px; } + #event-info span { font-size: 18px; } + + .post, .post:nth-of-type(4n+4) { margin-right: 0; width: 100%; } + + #twitter li { display: none; } + #twitter li:nth-of-type(1) { display: block; margin-bottom: 34px; } + #twitter li:nth-of-type(1) span { font-size: 32px; line-height: 44px; } + #twitter li:nth-of-type(1) span + a { font-size: 18px; } + + .container-btns { width: 100%; } + .container-btns .btn { display: none; } + .container-btns .tweet-hash { display: inline-block; float: none; } +} + +@media only screen and (max-width: 460px) { + + header .outside-nav { display: none; } + header .register { display: block; } + header .register .btn-register { display: inline-block; float: none; margin: 0; } + + .filter { margin-bottom: 20px; width: 100%; } + + .date-picker { display: none; } + .filter.date-picker-mobile { display: block; padding-left: 0px; } + .filter.date-picker-mobile > li { background: url('../../images/icon-calendar.png') no-repeat 10px center; padding-left: 50px; } + .filter.date-picker-mobile > li > a { color: #fff; } + + #media-grid .post:hover .view {display:none;} + #all-media iframe {width: 100%;} +} + +@media only screen and (max-width: 400px) { + + .container { overflow: hidden; } + + .facebook-rsvp-yes, .facebook-rsvp-maybe, .facebook-rsvp-no { background-size: 49.78%; padding-top: 80px; } + + #explore .poi { width: 100%; } + #explore .poi h2 { display: none; } + + #explore .poi.open { width: 100%; } + #explore .poi.open h2 { display: block; } + #explore .poi.open .content { margin-top: 25px; } + + .lightbox .session-details span, .speaker-pop .details span { width: 106px; } + + h1 { font-size: 52px; } + + #blog .post { margin-right: 0; min-height: auto; width: 100%; } + + /***** EVENT ESPRESSO *******/ + .tkt-slctr-tbl thead th:nth-child(2){width:auto;} + +} + +/******PRINT STYLES*********/ + +@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a{text-decoration:underline}a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after{content:""}a[href^="#"]:after{content:""}pre{border:1px solid #999;page-break-inside:avoid}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{page-break-inside:avoid;max-width:100%!important}@page{margin:.5cm}p{orphans:3;widows:3}h2{orphans:3;widows:3;page-break-after:avoid}h3{orphans:3;widows:3;page-break-after:avoid}} |