/*departments pop up from article titles*/ .tooltip { position: relative; display: inline; border-bottom: 1px dotted #888; cursor: help; } .tooltip .tooltiptext { visibility: hidden; max-width: 510px; white-space: nowrap; overflow: visible; background-color: #333; color: #fff; text-align: left; padding: 6px; border-radius: 6px; position: absolute; z-index: 1; bottom: 90%; left: 0; /* CHANGED: Left edge of parent */ margin-left: -25px; /* NEW: Shift LEFT to align column */ opacity: 0; transition: opacity 0.3s; pointer-events: auto; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .tooltiptext a:link, .tooltiptext a:visited { color: #ffd966; text-decoration: underline; } .tooltiptext a:hover, .tooltiptext a:active { color: #ffffff; } .blink_me {animation: blinker 2s ease-in infinite; animation-direction: normal; animation-fill-mode: forwards; } @keyframes blinker { 50% { opacity: 0.5; } } /*Top fixed menu bar original*/ .element { position:fixed; top:0; left:50%; margin-left:-395px; background:#c7c7c7; padding:3px; border-bottom-left-radius:1em; border-bottom-right-radius:1em; border:1px solid #808080; z-index:4; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} /*Top fixed menu bar 2016 expanded*/ .menubar { position:fixed; top:0; left:50%; margin-left:-495px; background:#c7c7c7; padding:2px; border-bottom-left-radius:1em; border-bottom-right-radius:1em; border:1px solid #808080; z-index:4; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} .cover-navigation { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:3px; border-radius:1em; border:2px solid #808080; opacity:.9; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} .amazon { background-color: #131921; padding:3px; border-radius:1em; border:2px solid #808080; opacity:.9; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} /*these two for two column pages*/ .mag-contents { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; opacity:0.93; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); scroll-anchoring: none;} h1 {color:#0000FF; font-style:italic; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); margin-top:2px; margin-bottom:2px;} h4 {color:#0000FF; font-size:50px; font-style:italic; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); margin-top:2px; margin-bottom:2px;} .bottom-navigation { background:#D4D4D4; background-image:url('alfred_blur2.jpg') ; padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; opacity:0.9; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } /*these three for expanded bottom pages*/ .mag-contents-480px { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px 15px 0px 15px; border-radius:1em 1em 0em 0em; border: 2px solid #808080; border-bottom:0; opacity:0.9; margin:7px 7px 7px 7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} .mag-contents-bottom-full { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:0px 15px 15px 15px; border-radius:0em 1em 1em 1em; border:2px solid #808080; border-top:0; opacity:0.9; margin:-12px 7px 7px 7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} .bottom-navigation2 { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; opacity:0.9; margin:7px; width:442px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .back-to { background:#D4D4D4; padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; opacity:0.9; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .click-cover-top { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); border-radius:1em; border:2px solid #808080; margin-top:7px; text-align:center; box-shadow: -5px 5px 5px rgba(0,0,0,0.4);} .ugoi-header { background:#D4D4D4; padding:15px; border-radius:1em; border:2px solid #808080; opacity:0.93; margin:7px; display:table; color:#0000aa; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); text-align: center;} h2 {color:#0000FF; font-style:italic; text-shadow:1px 3px 7px #808080; margin-top:2px; margin-bottom:2px; } .ugoi-table { background:#D4D4D4; padding:15px; border-radius:1em; border:2px solid #808080; opacity:0.93; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .like-254-back-front { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; margin:7px; width:650px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .like-323 { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; margin:7px; width:600px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .load-area-thumbs { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .side-element { position:fixed; top:50%; left:10px; background:#c7c7c7; padding:3px; border-radius:1em; border:1px solid #808080; z-index:4; margin-top:-100px; opacity:0.93; width:240px; } .poster-text { background:#D4D4D4; text-align:left; border-radius:1em; border:2px solid #808080; margin:7px; padding:7px; vertical-align:top; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); display:table;} .madcollagemap { display: block; width: 762px; height: 558px; position: relative; background-position: 0 0; background-repeat: no-repeat; border-radius:1em; border:2px solid #808080; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); } .madcollagemap .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; } .madcollagemap #map_link_0 { width: 165px; height: 38px; top: 80px; left: 85px; } .madcollagemap #map_link_2 { width: 226px; height: 28px; top: 88px; left: 474px; } .madcollagemap #map_link_3 { width: 284px; height: 30px; top: 153px; left: 58px; } .madcollagemap #map_link_4 { width: 100px; height: 33px; top: 166px; left: 355px; } .madcollagemap #map_link_5 { width: 196px; height: 30px; top: 193px; left: 520px; } .madcollagemap #map_link_6 { width: 197px; height: 33px; top: 247px; left: 89px; } .madcollagemap #map_link_7 { width: 212px; height: 31px; top: 282px; left: 445px; } .madcollagemap #map_link_9 { width: 205px; height: 28px; top: 402px; left: 113px; } .madcollagemap #map_link_10 { width: 148px; height: 32px; top: 354px; left: 260px; } .madcollagemap #map_link_11 { width: 134px; height: 33px; top: 396px; left: 480px; } .madcollagemap #map_link_12 { width: 248px; height: 29px; top: 497px; left: 5px; } .madcollagemap #map_link_13 { width: 116px; height: 31px; top: 499px; left: 623px; } .madcollagemap #map_link_14 { width: 167px; height: 30px; top: 463px; left: 337px; } .madcollagemap #map_link_15 { width: 159px; height: 32px; top: 316px; left: 33px; } /* .madcollagemap { background-image:url('madcollagemap.jpg'); border-radius:1em; border:2px solid #808080; width:760px; height;555px; } */ /*PopBox stuff*/ .PopBoxImageSmall {cursor: url("magplus.cur"), pointer;} .PopBoxImageLarge {cursor: url("magminus.cur"), pointer;} /*Right scrollbar forced to appear at all times*/ html {overflow-y: scroll;} /*Expand background image to full screen - IE and others probably not fully compatible*/ body { background: url("backmix6.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-size: 16px; line-height: 1.15; } @media(min-width:60em){html{font-size: 100%}} /*Social Media Buttons*/ .resp-sharing-button { display: inline-block; border-radius: 5px; border-width: 1px; border-style: solid; transition: background-color 25ms ease-out, border-color 25ms ease-out, opacity 250ms ease-out; margin: 0.5em; padding: 0.5em 0.75em; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; } .resp-sharing-button a { text-decoration: none; color: #FFF; display: block; } .resp-sharing-button__icon { display: inline-block; } .resp-sharing-button__icon svg { width: 1em; height: 1em; margin-bottom: -0.1em; } /* Non solid icons get a stroke */ .resp-sharing-button__icon { stroke: #FFF; fill: none; } /* Solid icons get a fill */ .resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle { fill: #FFF; stroke: none; } .resp-sharing-button__link { text-decoration: none; color: #FFF; } .resp-sharing-button--large .resp-sharing-button__icon svg { padding-right: 0.4em; } .resp-sharing-button__wrapper { display: inline-block; } .resp-sharing-button--facebook { background-color: #3b5998; border-color: #3b5998; } .resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active { background-color: #2d4373; border-color: #2d4373; } .resp-sharing-button--twitter { background-color: #55acee; border-color: #55acee; } .resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active { background-color: #2795e9; border-color: #2795e9; } .resp-sharing-button--google { background-color: #dd4b39; border-color: #dd4b39; } .resp-sharing-button--google:hover, .resp-sharing-button--google:active { background-color: #c23321; border-color: #c23321; } .resp-sharing-button--tumblr { background-color: #35465C; border-color: #35465C; } .resp-sharing-button--tumblr:hover, .resp-sharing-button--tumblr:active { background-color: #222d3c; border-color: #222d3c; } .resp-sharing-button--email { background-color: #444444; border-color: #444444; } .resp-sharing-button--email:hover .resp-sharing-button--email:active { background-color: #2B2B2B; border-color: #2B2B2B; } .resp-sharing-button--pinterest { background-color: #cc2127; border-color: #cc2127; } .resp-sharing-button--pinterest:hover, .resp-sharing-button--pinterest:active { background-color: #a01a1f; border-color: #a01a1f; }