{"sections":[{"urls":[],"urlPrefixes":[],"domains":["www.edmontonjournal.com","www.calgaryherald.com"],"regexps":[],"code":"/* - - - - - transition timing - - - - - */\r\n  .headerwrapper, .footer, .contentbody .col_300,\r\n  .headerwrapper:not(:hover) \u003e *, .footer:not(:hover) \u003e * {\r\n    -webkit-transition-duration: .5s;\r\n    transition-duration: .5s;\r\n    -webkit-transition-delay: 1s;\r\n    transition-delay: 1s;\r\n  }\r\n\r\n/* - - - - - transitions - - - - - */\r\n  .headerwrapper, .footer, .contentbody .col_300 {\r\n    -webkit-transition-property: clip, background, border-right-width;\r\n    transition-property: clip, background, border-right-width;\r\n    -webkit-transition-timing-function: linear, step-end, step-end;\r\n    transition-timing-function: linear, step-end, step-end;\r\n  }\r\n  .contentbody .col_300 {\r\n    -webkit-transition-property: left, background, border-right-width;\r\n    transition-property: left, background, border-right-width;\r\n  }\r\n  .headerwrapper:hover, .footer:hover, .contentbody .col_300:hover {\r\n    -webkit-transition-delay: 0s;\r\n    transition-delay: 0s;\r\n    -webkit-transition-timing-function: linear, step-start, step-start;\r\n    transition-timing-function: linear, step-start, step-start;\r\n  }\r\n/*  .headerwrapper:not(:hover) \u003e *, .footer:not(:hover) \u003e * {\r\n    visibility: hidden;\r\n    -webkit-transition-property: visibility;\r\n    transition-property: visibility;\r\n    -webkit-transition-timing-function: step-end;\r\n    transition-timing-function: step-end;\r\n  }*/\r\n\r\n  /* icon for header, footer */\r\n  BODY:not(.home) .headerwrapper:not(:hover),\r\n  .footer:not(:hover) {\r\n    background: left top no-repeat url('data:image/svg+xml,\\\r\n\u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e\\\r\n\u003c!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"\u003e\\\r\n\u003csvg version=\"1.1\" xmlns=\"http%3A//www.w3.org/2000/svg\" viewBox=\"-6 -1 12 12\"\u003e\\\r\n\t\u003cg id=\"pancakes\" fill=\"black\"\u003e\\\r\n\t\t\u003cpath d=\"m-4,0a1,1 0 0,0 0,2 h8 a1,1 0 0,0 0,-2 z\"/\u003e\\\r\n\t\t\u003cpath d=\"m-4,4a1,1 0 0,0 0,2 h8 a1,1 0 0,0 0,-2 z\"/\u003e\\\r\n\t\t\u003cpath d=\"m-4,8a1,1 0 0,0 0,2 h8 a1,1 0 0,0 0,-2 z\"/\u003e\\\r\n\t\u003c/g\u003e\\\r\n\u003c/svg\u003e') !important;\r\n    background-size: 16px !important;\r\n  }\r\n\r\n/* - - - - - autohide header - - - - - */\r\n  BODY:not(.home) .headerwrapper {\r\n    position: fixed !important; left: 0; top: 0;\r\n    z-index: 70001 !important; /*else #navcontent \u003e .mainnav is on top*/\r\n    clip: rect(0, 1600px, 1600px, 0);\r\n    background: white !important;\r\n  }\r\n  BODY:not(.home) .headerwrapper:not(:hover) {\r\n    clip: rect(0, 16px, 16px, 0);\r\n  }\r\n\r\n/* - - - - - autohide footer - - - - - */\r\n  BODY {position: relative/*; border-bottom: thin solid transparent;*/}\r\n  /* adding border-bottom pulls footer to bottom - dunno why */\r\n  .footer {\r\n    position: absolute; left: 0; bottom: 0;\r\n    min-width: 100%; min-height: 16px;\r\n    z-index: 70000;\r\n    clip: rect(0, 1600px, 1600px, 0);\r\n    overflow: hidden !important;\r\n    /*background: magenta;*/\r\n  }\r\n  .footer:hover {background: white}\r\n  .footer:not(:hover) {\r\n    clip: rect(374px, 16px, 390px, 0);\r\n    clip: rect(-webkit-calc(390px - 16px), 16px, 390px, 0);\r\n    background-position: left bottom !important;\r\n  }\r\n\r\n\r\n/* - - - - - autohide sidebar - - - - - */\r\n  BODY:not(.home) .contentbody .col_300 {\r\n    position: fixed; left: 0; top: 0;\r\n    height: 100%; overflow-y: scroll;\r\n    width: -moz-calc(300px + 17px) !important;\r\n    width: -webkit-calc(300px + 17px) !important;\r\n    z-index: 70000;\r\n    border-right: 0 dotted lightblue;\r\n  }\r\n  BODY:not(.home) .contentbody .col_300:not(:hover) {\r\n    border-right-width: 3mm;\r\n    left: -moz-calc(-300px - 17px);\r\n    left: -webkit-calc(-300px - 17px);\r\n  }\r\n  BODY:not(.home) .contentbody .col_300:hover {background: white}\r\n\r\n/* - - - - - no ads - - - - - */\r\n  OBJECT[flashvars*=\"doubleclick\"],\r\n  #geo_stories_around,\r\n  [id^=\"adcode\"], [id*=\"_ads_\"], .googleadwrapper,\r\n  .promobannerwrapper,\r\n  .adwrapper {display: none !important}\r\n\r\n/* - - - - - no social - - - - - */\r\n  .share,\r\n  [class^=\"fb-\"],\r\n  .sharebar {display: none !important}\r\n\r\n/* - - - - - no comment - - - - - */\r\n.comments,\r\n#soundoff {display: none !important}\r\n\r\n/* - - - - - no nonsense - - - - - */\r\n  /* move related content to right of article text */\r\n  #story_content \u003e .col_480,\r\n  #story_content \u003e .col_480 \u003e .col_460 {\r\n    width: auto !important;\r\n  }\r\n  #story_content \u003e .col_160 {\r\n    float: right !important;\r\n    width: 0 !important;\r\n    overflow: visible !important;\r\n  }\r\n  /*TODO move gratuitous lead photo below article text */\r\n  #imageBox {\r\n    width: 100% !important;\r\n  }\r\n\r\n  @-webkit-keyframes drift {\r\n    0% {left: 24px}\r\n    100% {left: -webkit-calc(502px - 140px)}\r\n  }\r\n  @-webkit-keyframes float {\r\n    0% {top: -5px !important}\r\n    100% {top: 10px !important}\r\n  }\r\n  @keyframes drift { 0% {left: 24px} 100% {left: -moz-calc(502px - 140px)}\r\n  }\r\n  @keyframes float { 0% {top: -5px !important} 100% {top: 10px !important} }\r\n  #weatherspot {\r\n    /*top: 0 !important;*/\r\n    -webkit-animation: drift 60s alternate infinite, float 11s alternate infinite;\r\n    animation: drift 60s alternate infinite, float 11s alternate infinite;\r\n  }\r\n  #weatherspot:hover {animation-play-state: paused}\r\n  .bubbleweather:hover .weather/* \u003e .forecast*/ {\r\n    background: rgba(255,255,255,.8) !important;\r\n  }"},{"urls":[],"urlPrefixes":[],"domains":["www.calgaryherald.com"],"regexps":[],"code":"/* - - - - - autohide header - - - - - */\r\n  #weatherspot:hover {\r\n    background: rgba(255,255,255,1);\r\n    outline: thin solid lightgray;\r\n    z-index: 1;\r\n  }\r\n  #weatherspot:not(:hover) * {\r\n    background: transparent !important;\r\n  }\r\n  #weatherspot:not(:hover) \u003e .bubbleweather ~ * IMG {/*sponsor*/\r\n    opacity: .3;\r\n  }\r\n\r\n/* - - - - - autohide footer - - - - - */\r\n  .footer:not(:hover) {\r\n    clip: rect(306px, 16px, 322px, 0);\r\n    clip: rect(-webkit-calc(322 - 16px), 16px, 322px, 0);\r\n  }"}],"url":"http://userstyles.org/styles/83093","updateUrl":"https://userstyles.org/styles/chrome/83093.json","md5Url":"https://update.userstyles.org/83093.md5","originalMd5":"1c821933a5362a96dc801a90f70564a5","name":"Calgary Herald: autohide menu \u0026 sidebar","thumbnail":"https://userstyles.org/style_screenshots/83093_after.jpeg?r=1770174025"}