{"sections":[{"urls":[],"urlPrefixes":[],"domains":[],"regexps":[],"code":"/*\r\n * Project name: Responsive Museum Week\r\n * Project URL: http://responsivemuseum.com\r\n * Sheet author : Geoffrey Crofte (http://www.creativejuiz.fr)\r\n *\r\n * Same old markup. But CSS remixing, oh, yes!\r\n * \r\n * Comment: \r\n *          Sorry for \"!important\" abuse, \r\n *          Stylish plugin seems to need shotgun\r\n *          to override some rules. If you use\r\n *          User Style Manager, you don't need \"!important\"\r\n */\r\n    \r\n    /* \r\n     * Smartphone design only\r\n     */\r\n    \r\n    @media (max-width:640px) {\r\n        \r\n        /* little reset */\r\n    \r\n        #wrapper, #header, #header .top-nav, .logo, #main,\r\n        #content, .gallery-frame .gallery, #content .content-wrapper,\r\n        #content .section, .section .event-frame, #sidebar,\r\n        .section .thumbs a, .views .holder, .views ul li, .views ul,\r\n        #sidebar .links-holder, #footer, #footer .column-holder,#header .subscribe-form,\r\n        #content .article {\r\n            width: auto!important;\r\n        }\r\n        \r\n        #header .language, #content, .switcher li, .switcher a, .switcher-holder .switcher,\r\n        .gallery li, .section .thumbs li, #sidebar, .views ul, #footer .column ul li,\r\n        #footer .column ul li a {\r\n            float:none!important;\r\n        }\r\n        \r\n        img, table, blockquote, embed, object {\r\n            max-width: 100%!important;\r\n        }\r\n        img {\r\n            height:auto!important;\r\n        }\r\n        \r\n        /* global */\r\n        body {background: none!important;}\r\n        #wrapper {\r\n            padding: 15px!important;\r\n        }\r\n        \r\n        /* header */\r\n        #header {\r\n            padding:0!important;\r\n            padding-top: 80px!important;\r\n        }\r\n        \r\n        /* top nav - hidden but optionnally visible */\r\n        .region-top-navigation {\r\n            display:none!important; /* bad thing, comment this line to see top nav (also visible in footer) */\r\n        }\r\n        .top-nav li {\r\n            width:45%!important;\r\n            padding: .95% 2.5%!important;\r\n            text-align:center!important;\r\n            line-height: 1.4em!important;\r\n            background: none!important;\r\n        }\r\n        .top-nav a {\r\n            display:block;\r\n        }\r\n        .top-nav li ul.menu {\r\n            display: none!important;\r\n            visibility: hidden;\r\n            left: -9999px;\r\n        }\r\n        \r\n        /* logo */\r\n        .logo-holder {\r\n            padding-top: 0!important;\r\n            margin-bottom:-15px!important;\r\n        }\r\n        .logo {\r\n           width: 100%!important;\r\n           height: 40px!important;\r\n           background-position: 50% 0!important;\r\n           background-size: contain!important;\r\n        }\r\n        .dot {\r\n            display:none; /* ovni */\r\n        }\r\n        \r\n        /* main nav */\r\n        #nav {\r\n            margin: 0 0 30px!important;\r\n            font-size:.95em!important;\r\n            font-weight: normal!important;\r\n        }\r\n        #nav li {\r\n            margin: 0!important;\r\n            width: 50%!important;\r\n            text-align:center;\r\n        }\r\n        #nav li a {\r\n            display:block!important;\r\n            padding: 6px 0!important;\r\n        }\r\n        #header .language {\r\n            position:absolute!important;\r\n            top: 1em!important;\r\n            right: -6px!important;\r\n            z-index: 15;\r\n        }\r\n        #block-pdt-feature-base-social, #block-pdt-feature-base-newsletter {\r\n            float:left!important;\r\n        }\r\n        #header .social-networks {\r\n            margin-right:10px!important;\r\n        }\r\n        #pdt-feature-base-newsletter-form {\r\n            padding:0!important;\r\n        }\r\n        /* WTF! form */\r\n        .subscribe-form {margin-bottom: 1em!important;}\r\n        .subscribe-form .text {\r\n            width: auto!important;\r\n            height: auto!important;\r\n            padding:0!important;\r\n            background: none!important;\r\n        }\r\n        .subscribe-form .text input {\r\n            width:148px!important;\r\n            border:1px solid #aaa!important;\r\n        }\r\n        \r\n        /* search form, more visible for mobile users */\r\n        #search-block-form {\r\n            position:absolute;\r\n            top:0; left: 0; right: 0;\r\n            width:auto!important;\r\n            box-sizing: border-box;\r\n            padding: 1em 0!important;\r\n            background: #f2f2f2!important;\r\n            z-index:10;\r\n        }\r\n        #edit-search-form-container {\r\n            width: 180px!important;\r\n            margin:0 auto 0 15px!important;\r\n        }\r\n        \r\n        /* main content */\r\n        #main {\r\n            padding:0!important;\r\n        }\r\n        .view-content {\r\n            margin-top: 1em!important;\r\n        }\r\n        \r\n        /* gallery / slideshow */\r\n        #content .gallery-frame .views-slideshow-cycle-main-frame-row-item h2 {\r\n            margin-right:0!important;\r\n            padding: 5px 0!important;\r\n            font-weight: normal!important;\r\n            line-height: 1.35em!important;\r\n        }\r\n        .gallery-wrapper {\r\n            padding-top: 1em!important;\r\n        }\r\n        #content .gallery-wrapper {\r\n            min-height: 1px!important;\r\n            margin-bottom: 0!important;\r\n            padding-top: 35px!important;\r\n        }\r\n        .switcher-holder .switcher {\r\n            text-align:center!important;\r\n        }\r\n        .switcher li {\r\n            display:inline!important;\r\n        }\r\n        .switcher a {\r\n            display:inline-block!important;\r\n            background: #aaa!important;\r\n            border-radius: 50%!important;\r\n            width: 10px!important; height: 10px!important;\r\n            margin-right: 3px!important;\r\n            cursor: pointer!important; /* not for touch, ok... */\r\n        }\r\n        .gallery li {\r\n            width: 100%!important;\r\n        }\r\n        .views-slideshow-cycle-main-frame,\r\n        .views_slideshow_slide,\r\n        .views-slideshow-cycle-main-frame-row {\r\n            width:auto!important;\r\n            max-width:100%!important;\r\n        }\r\n        \r\n        /* events frames */\r\n        \r\n        .heading {\r\n            margin: 0!important;\r\n        }\r\n        #content .section {\r\n            margin:0!important;\r\n        }\r\n        .section .event-frame {\r\n            padding: 0!important;\r\n            padding-bottom: 1em!important;\r\n            margin-bottom: 2em!important;\r\n            border-bottom: 1px solid #ddd!important;\r\n        }\r\n        .section .event-frame:last-child {\r\n            border-bottom: 0!important;\r\n            padding-bottom: 0!important;\r\n        }\r\n        .content-wrapper .event-frame img {\r\n            width: 100%!important;\r\n        }\r\n        #content .event-frame .title {\r\n            font-size:1em!important;\r\n        }\r\n        #content .content-wrapper {\r\n            margin: 0!important;\r\n        }\r\n        #content .content-wrapper h2 {\r\n            margin-bottom: 1em!important;\r\n        }\r\n        \r\n        /* thumbs section */\r\n        .section .thumbs {\r\n            text-align:center!important;\r\n        }\r\n        .section .thumbs .title {\r\n            font-size: 1.1em!important;\r\n        }\r\n        .section .thumbs li {\r\n            display:inline-block!important;\r\n            width: 46%!important;\r\n            padding:0!important;\r\n            margin-bottom: .5em!important;\r\n        }\r\n        .section .thumbs a {\r\n            text-align:center!important;\r\n        }\r\n        .thumbs img {\r\n            display:inline!important;\r\n        }\r\n        \r\n        /* articles */\r\n       #content .field-slideshow-wrapper .field-slideshow,\r\n       #content .field-slideshow-wrapper .field-slideshow-slide{\r\n            width:auto!important;\r\n       }\r\n       #content .gallery-wrapper {\r\n            padding-left:0!important;\r\n       }\r\n       .easy_social_box div.easy_social-widget {\r\n            float:none!important;\r\n            display:block;\r\n            margin: .5em 0!important;\r\n       }\r\n       #content .container ul.links li {\r\n            margin-left:10px!important;\r\n       }\r\n        \r\n        /* sidebar */\r\n        #sidebar {\r\n            margin-top: 2em!important;\r\n            border-top: 1px solid #8A8888!important;\r\n            padding-top: 1em!important;\r\n        }\r\n        \r\n        /* last news */\r\n        #block-views-pdt-news-block {\r\n            padding-top: .25em!important;\r\n            padding-bottom: 1em!important;\r\n        }\r\n        #sidebar .views h2 {\r\n            top: 1em!important;\r\n        }\r\n        .views ul li {\r\n            padding-right: 10px!important;\r\n        }\r\n        .views .holder {\r\n            height:auto!important;\r\n        }\r\n        #block-views-pdt-news-block li {\r\n            padding: 8px 5px!important;\r\n        }\r\n        #block-views-pdt-news-block li:first-child {\r\n            padding-top:0!important;\r\n        }\r\n        #block-views-pdt-news-block li .title {\r\n            padding: 2px 0 4px!important;\r\n        }\r\n        \r\n        /* partners links */\r\n        #sidebar .links-holder {\r\n            padding:0!important;\r\n        }\r\n        #sidebar .links-holder br {\r\n            margin-top: 2.5em!important;\r\n        }\r\n        #sidebar .links-holder br + br {\r\n            display:none;\r\n        }\r\n        #sidebar .links-holder br + br + br {\r\n            display:inline;\r\n        }\r\n        #sidebar .links-holder a {\r\n            font-size: 1.2em!important;\r\n        }\r\n        \r\n        /* footer */\r\n        #footer {\r\n            margin-top: 3em!important;\r\n        }\r\n        #footer h2 {\r\n            padding-left: 15px!important;\r\n            margin: 0 -15px!important;\r\n            color:#777!important;\r\n            font-weight:normal!important;\r\n        }\r\n        #footer .column-holder {\r\n            padding:24px 30px 10px!important;\r\n            margin: 0 -15px!important;\r\n        }\r\n        #footer .column {\r\n            width: 44%!important;\r\n            padding: 0 5% 10% 0!important;\r\n        }\r\n        #footer .column:nth-child(even) {\r\n            padding-right: 0!important;\r\n            padding-left: 5%!important;\r\n        }\r\n        #footer .column .title a {\r\n             display:block!important;\r\n             padding: 0 0 8px 0!important;\r\n             color: #232323!important;\r\n             font-weight:normal!important;\r\n        }\r\n        #footer .column ul li,\r\n        #footer .column ul li a {\r\n            display:block!important;\r\n        }\r\n        #footer .column ul li a {\r\n            padding: 6px 0!important;\r\n            color: #666!important;\r\n        }\r\n        #footer .column ul ul.menu {\r\n            display:none!important;\r\n        }\r\n        \r\n    }"}],"url":"http://userstyles.org/styles/76675","updateUrl":"https://userstyles.org/styles/chrome/76675.json","md5Url":"https://update.userstyles.org/76675.md5","originalMd5":"ad3c2485c6d0b742777dd81097dcb537","name":"Palais de Tokyo - Responsive Smartphone","thumbnail":"https://userstyles.org/style_screenshots/76675_after.png?r=1780992136"}