@font-face { font-family: 'Proxima Nova Semibold'; src: url('./ProximaNova-Semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Regular'; src: url('./ProximaNova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body, .body { background-color: #dcdcdc; } .body { max-width: 1024px; min-width: 640px; } .cent { padding: 0; } b { font-family: 'Proxima Nova Semibold'; font-weight: 600; font-style: normal; } h1 { font-family: 'Proxima Nova Semibold'; font-size: 1.7em; font-style: normal; } h2 { font-family: 'Proxima Nova Semibold'; font-size: 1.45em; font-style: normal; } .mono { font-size: 105%; } .message-info { color: red; font-size: 12px; } .article-main { margin: 0; padding: 5px 10px; color: #101010; background-color: #F9F9F9; font-family: 'Proxima Nova Regular'; font-weight: normal; font-style: normal; font-size: 1.35em; line-height: 160%; } #article-title { margin: 10px 0px; font-weight: 500; } .basic-info { color: #777; font-size: 80%; display: inline; } .basic-info .author, .basic-info .author:visited { color: #777 !important; font-weight: bold; } .article-categories { font-size: 90%; } .article-categories img { height: 12px; } .summary-info { clear: both; } .summary-info .icon { height: 16px; vertical-align: middle; } .summary-info .share { text-align: right; border-bottom: 1px solid #dddddd; margin-bottom: 8px; margin-top: 4px; } .vote { padding-left: 10px; } .vote a, .vote span { padding: 0px 2px; border: 1px solid #bcb8be; border-radius: 2px; } .vote .enabled { background: #f5f5f5 url(../images/buttonshadow.png) repeat-x bottom; } .vote .enabled:hover { background: #fafafa url(../images/buttonshadow.png) repeat-x bottom; } .vote .disabled { background-color: #e8e8e8; } .vote .votedPlus { background-color: #c0ffc0; } .vote .votedMinus { background-color: #ffc0c0; } .rating { padding: 0 4px; } #quickNavigator { width: 46px; height: 94px; position: fixed; bottom: 10%; right: 0; margin: 0; padding: 0; border: 0; opacity: 0.5; background-color: #e6e6e6; } #quickNavigator:hover { opacity: 1; } #quickNavigator .icon { width: 36px; height: 36px; padding: 5px; margin: 0; } @media screen and (max-width: 1119px) { #quickNavigator { width: 24px; height: 64px; } #quickNavigator .icon { width: 16px; height: 16px; margin: 2px 0; } } @media screen and (max-width: 639px) { #quickNavigator { display: none; } } @media print { .summary-info, #quickNavigator { display: none; } body, .body, .article-main { background-color: #fff; } }