Global CSS
/* Place here any CSS code that you would like to affect both the Default and Home themes */ /* Telegram CSS overrides by null */ body { font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; /*-webkit-font-smoothing: antialiased;*/ line-height: 1.5; } /* Telegram Blue links */ a:hover, a:focus { color: #0088cc; } a:focus { text-decoration: none; } a:hover { text-decoration: underline; } /* Header */ main > .content { top: -100px; } /* Navbar */ nav .side-bar ul li a, nav .side-bar ul li a:hover, nav .side-bar ul li .active a { color: #0088cc; } nav .side-bar h1 { color: #222222; } nav .top-bar .navbar-brand { display: none; } /* Page title */ main > .content .page-title { font-weight: bold; } /* Table of contents */ #toc { border: 1px solid #efefef; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 20px 0 10px 0; position: relative; } h1 { font-size: 20px; margin-top: 32px; margin-bottom: 12px; } h2 { font-size: 20px; margin-top: 32px; margin-bottom: 12px; } h3 { font-size: 20px; margin-top: 32px; margin-bottom: 10px; } h4 { font-size: 16px; margin-top: 29px; margin-bottom: 7px; } h5 { font-size: 16px; margin-top: 29px; margin-bottom: 7px; } /* Heading anchor links */ .main-content h1 a, .main-content h2 a, .main-content h3 a, .main-content h4 a, .main-content h5 a { text-decoration: none; line-height: 1; margin-left: -22px; cursor: default; display: block; position: absolute; top: 0; left: 0; bottom: 0; border-top: 10px solid transparent; margin-top: -10px; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; outline: 0; } .main-content a img.anchor-icon { display: inline-block; width: 18px; height: 20px; margin-top: 2px; line-height: 14px; vertical-align: text-top; background: url(../img/link-icon.png) 0 0 no-repeat; ckground-size: 17px 18px; opacity: 0; cursor: pointer; padding: 0; position: relative; z-index: 10; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .main-content h1 a img.anchor-icon {margin-top: 8px;} .main-content h2 a img.anchor-icon {margin-top: 4px;} .main-content h3 a img.anchor-icon {margin-top: 2px;} .main-content h4 a img.anchor-icon {margin-top: 0px;} .main-content h1:hover a img.anchor-icon, .main-content h2:hover a img.anchor-icon, .main-content h3:hover a img.anchor-icon, .main-content h4:hover a img.anchor-icon, .main-content h5:hover a img.anchor-icon, .main-content h6:hover a img.anchor-icon { opacity: 0.6; } .main-content img.anchor-icon:hover { opacity: 1 !important; } /* Images */ img { margin: 0px 5px 5px 5px; } .image-box img, .gallery-item img { margin: 0; } /* Bullets */ .main-content ul:not(.nav) { list-style-type: none; } .main-content ul:not(.nav) li { background-image: url("http://core.telegram.org/img/bullet.png"); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 20px; } .main-content .wd-editor-toolbar-panel ul li { background-image: none; padding: 0px; } /* Non-existent / deleted pages */ a.newpage { color: #A94442; text-decoration: line-through; } /* Mobile */ @media (max-width: 1000px) { .main-content h1 a, .main-content h2 a, .main-content h3 a, .main-content h4 a, .main-content h5 a { margin-left: -19px; } } @media (max-width: 640px) { h1 { font-size: 19px; } h2 { font-size: 19px; } h3 { font-size: 16px; } h4 { font-size: 16px; } h5 { font-size: 14px; } } @media (max-width: 480px) { .main-content h1 a, .main-content h2 a, .main-content h3 a, .main-content h4 a, .main-content h5 a { margin-left: -19px; } }