diff options
Diffstat (limited to 'source/_static/css/vainglory.css')
| -rw-r--r-- | source/_static/css/vainglory.css | 586 |
1 files changed, 586 insertions, 0 deletions
diff --git a/source/_static/css/vainglory.css b/source/_static/css/vainglory.css new file mode 100644 index 0000000..661f039 --- /dev/null +++ b/source/_static/css/vainglory.css @@ -0,0 +1,586 @@ +@import url("../better.css"); + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +input[type=search] { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +body { + color: #afb7b9; + font-size: 14px; + position: relative; + overflow-x: hidden; + background-color: #161819; + background-size: cover; + background-attachment: fixed; + background-repeat: no-repeat; + background-position: 50% 0%; +} + +h1, +h2, +h3, +h4, +h5, +h6, +p, +address, +blockquote, +pre, +table { + margin-top: 0; + font-weight: 300; + line-height: 1.4em; + color: #e3e3e3; } + .vainglory h1, .vainglory + h2, .vainglory + h3, .vainglory + h4, .vainglory + h5, .vainglory + h6, .vainglory + p, .vainglory + address, .vainglory + blockquote, .vainglory + pre, .vainglory + table { + margin-bottom: 1em; + color: #afb7b9; } + +h1, +h2, +h3, +h4, +h5, +h6, +blockquote { + font-weight: 100; + text-transform: uppercase; + font-family: "Open Sans Condensed", sans-serif; + color: #eaa900; + letter-spacing: 0.1em; } + +h1 { + margin-top: 1.09em; + margin-bottom: .55em; + font-size: 27px; + color: #f79d02; } + @media (max-width: 950px) { + h1 { + font-size: 24px;} } + +h2 { + margin-bottom: .8em; + font-size: 20px; + font-weight: 300; + color: #ffffff; + letter-spacing: 0.1em; } + @media (max-width: 950px) { + h2 { + font-size: 20px; } } + +h3 { + font-size: 26.91px; + margin-bottom: .8em; + letter-spacing: 0.1em; + font-size: 24px; +} + @media (max-width: 950px) { + h3 { + font-size: 19px; } } + +h4 { + font-size: 22px; + letter-spacing: 0.01em; } + @media (max-width: 950px) { + h4 { + font-size: 17px;} } + +h5 { + font-size: 14px; + font-family: "Roboto", sans-serif; + letter-spacing: 0em; + margin-bottom: 1.2em; } + @media (max-width: 950px) { + h5 { + font-size: 14px;} } + +h6 { + font-size: 14px; +} +@media (max-width: 950px) { + h6 { + font-size: 14px;} } + +header { + z-index: 25; + position: relative; + width: 100%; + background-color: #1d191e; +} + +#site-logo { + display: block; + margin: 0; + max-width: 100%; + float: left; + background-image: url(../images/logo.png); + background-repeat: no-repeat; + height: 38px; + width: 73px; + background-size: 73px 38px; + margin-top: 14px; + margin-bottom: 14px; } + @media (max-width: 950px) { + #site-logo { + margin-top: 13px; + margin-bottom: 13px; } } + #site-logo img { + display: block; + width: 100%; + height: auto; + margin-left: 0; } + + +#mainMenu { +float: left; +margin-left: 28px; } +@media (max-width: 950px) { + #mainMenu { + margin-left: 0; + background-color: #1d191e; } } +@media (max-width: 950px) { + #mainMenu { + overflow: hidden; + max-height: 0; + margin-left: 0; + width: 100%; + -webkit-transition: .25s; + -o-transition: .25s; + transition: .25s; } + .menu-open #mainMenu { + max-height: 1000px; + -webkit-transition: .5s; + -o-transition: .5s; + transition: .5s; } } + +.main-menu { +margin: 0 auto; +padding: 0; +font-size: 0px; + } +.main-menu li { + font-size: 14px; + line-height: 1em; + list-style-type: none; + position: relative; + margin-bottom: 0; + display: inline-block; + zoom: 1; + *display: inline; } + @media (max-width: 950px) { + .main-menu li { + display: block; } } + .main-menu li:hover > a, .main-menu li:focus > a { + color: #f79d02; + text-decoration: none; } + .main-menu li > a { + display: block; + vertical-align: middle; + padding: 0; + line-height: 1.2em; + text-decoration: none; + position: relative; + text-align: center; + text-transform: uppercase; + font-family: "Ubuntu", sans-serif; + padding: 26px 10px; + font-size: 14.848px; + font-weight: 400; + color: white; + letter-spacing: .03em; } + @media (max-width: 950px) { + .main-menu li > a { + padding: 15px 5px; + font-size: 14px; + } } + .main-menu li > a.active, .main-menu li > a:hover, .main-menu li > a:focus { + color: #f79d02; + text-decoration: none; } + +main-wrapper:after, +.pakery-grid:after, +.gform_fields:after, +.clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; } + +* html .clearfix { + height: 1%; } + +.main-wrapper, +.pakery-grid, +.gform_fields, +.clearfix { + display: block; } + + .wrapper { + margin: 0 auto; + width: 95.5%; + padding-bottom: 0; + max-width: 1190px; + position: relative; + clear: both; } + .wrapper-outer, .wrapper-inner { + margin: 0 auto; + width: 95.5%; + padding-top: 0px; + padding-bottom: 0px; + position: relative; } + @media (max-width: 768px) { + .wrapper-outer.mob-wide, .wrapper-inner.mob-wide { + width: 100%; } } + .wrapper-outer { + width: 100%; + padding-top: 0; + padding-bottom: 0; + max-width: 100%; } + .wrapper-inner { + max-width: 1108px; } + @media (max-width: 768px) { + .wrapper.mob-wide { + width: 100%; } } + + .menu-top-outer { + margin: 0; + position: relative; + z-index: 1; } + .menu-top-outer .wrapper { + padding-top: 0; + padding-bottom: 0; + max-width: 95.5%; + width: 100%; + max-width: 1190px; + width: 95.5%; } + .menu-top-outer .btn, .menu-top-outer *[type="submit"] { + float: right; + min-width: 0; + letter-spacing: 0.065em; + margin-right: -.7%; + margin-top: 13px; + margin-bottom: 13px; } + @media (max-width: 950px) { + .menu-top-outer .btn, .menu-top-outer *[type="submit"] { + font-size: 14px; + font-size: 1.4rem; + margin-top: 13px; + margin-bottom: 13px; } } + .menu-top-outer .user-drop { + float: right; + margin-top: 26px; + position: relative; } + @media (max-width: 950px) { + .menu-top-outer .user-drop { + margin-top: 24px; } } + .menu-top-outer .user-drop.open .name { + background-image: url(../images/vainglory/yellow-arrow-up.svg); + background-repeat: no-repeat; } + .lt-ie9 .menu-top-outer .user-drop.open .name { + background-image: url(../images/vainglory/yellow-arrow-up.png); } + .no-svg .menu-top-outer .user-drop.open .name { + background-image: url(../images/vainglory/yellow-arrow-up.png); } + .menu-top-outer .user-drop.open ul { + display: block; } + .menu-top-outer .user-drop .name { + color: #f79d02; + padding-right: 18px; + background-position: 100% 50%; + letter-spacing: 0.02em; + font-weight: 400; + cursor: pointer; + text-transform: uppercase; + background-image: url(../images/vainglory/yellow-arrow.svg); + background-repeat: no-repeat; + background-size: 9px 7px; + font-size: 14.848px; + font-size: 1.4848rem; } + .lt-ie9 .menu-top-outer .user-drop .name { + background-image: url(../images/vainglory/yellow-arrow.png); } + .no-svg .menu-top-outer .user-drop .name { + background-image: url(../images/vainglory/yellow-arrow.png); } + .menu-top-outer .user-drop ul { + display: none; + position: absolute; + right: 0; + top: 100%; + padding: 0 0 4px !important; + min-width: 100%; + background-color: #1d191e; } + .menu-top-outer .user-drop ul li { + list-style: none; + display: block; } + .menu-top-outer .user-drop ul li > a { + display: block; + vertical-align: middle; + padding: 0; + line-height: 1.2em; + text-decoration: none; + position: relative; + text-align: right; + text-transform: uppercase; + font-family: "Ubuntu", sans-serif; + padding: 15px 18px 15px 4px; + font-size: 14.848px; + font-size: 1.4848rem; + font-weight: 400; + color: white; + letter-spacing: 0.02em; } + @media (max-width: 950px) { + .menu-top-outer .user-drop ul li > a { + padding: 15px 18px 15px 4px; + font-size: 14px; + font-size: 1.4rem; } } + .menu-top-outer .user-drop ul li > a:hover, .menu-top-outer .user-drop ul li > a:focus { + color: #f79d02; + text-decoration: none; } + + + + /* stuff like float-left, clear-right, align-center */ + button:focus, + .btn:focus, + [type="submit"]:focus { + outline: none; } + + .btn, *[type="submit"] { + display: inline-block; + zoom: 1; + *display: inline; + text-decoration: none !important; + line-height: 1.5em; + background-color: transparent; + color: white !important; + border-radius: 0; + font-weight: 400; + position: relative; + width: auto; + min-width: 0; + text-align: center; + -webkit-transition: .15s; + -o-transition: .15s; + transition: .15s; + cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; + text-transform: uppercase; + background-size: 100% 100%; + min-width: 240px; + max-width: 100%; + background-image: url(../images/vainglory/btn-1.png); + border: none; + font-family: "Ubuntu", sans-serif; + font-size: 16px; + padding: 9px 17px; + letter-spacing: 0.19em; } + .btn:hover, [type="submit"]:hover, .btn:focus, [type="submit"]:focus { + border-color: transparent; + color: #0c9590 !important; + outline: none; } + .btn + .btn, *[type="submit"] + .btn, .btn + *[type="submit"], *[type="submit"] + *[type="submit"] { + margin-left: 4.9%; } + @media (max-width: 950px) { + .btn, *[type="submit"] { + font-size: 14px !important; + } + } + @media (max-width: 950px) { + .btn, *[type="submit"] { + padding: 7px 7px; + font-size: 14px; + font-size: 1.4rem; + min-width: 136px; } } + .btn.alt, .alt[type="submit"] { + background-image: url(../images/vainglory/btn-2.png); } + .btn.alt:hover, .alt[type="submit"]:hover, .btn.alt:focus, .alt[type="submit"]:focus { + color: #7e1a01 !important; } + + ::-webkit-input-placeholder { + font-size: 16px; + font-size: 1.6rem; + color: #191a1b; + font-family: "PT Serif", serif; + font-weight: 700; } + @media (max-width: 950px) { + ::-webkit-input-placeholder { + font-size: 14px; + font-size: 1.4rem; } } + + :-moz-placeholder { + /* Firefox 18- */ + font-size: 16px; + font-size: 1.6rem; + color: #191a1b; + font-family: "PT Serif", serif; + font-weight: 700; } + @media (max-width: 950px) { + :-moz-placeholder { + font-size: 14px; + font-size: 1.4rem; } } + + ::-moz-placeholder { + /* Firefox 19+ */ + font-size: 16px; + font-size: 1.6rem; + color: #191a1b; + font-family: "PT Serif", serif; + font-weight: 700; } + @media (max-width: 950px) { + ::-moz-placeholder { + font-size: 14px; + font-size: 1.4rem; } } + + :-ms-input-placeholder { + font-size: 16px; + font-size: 1.6rem; + color: #191a1b; + font-family: "PT Serif", serif; + font-weight: 700; } + @media (max-width: 950px) { + :-ms-input-placeholder { + font-size: 14px; + font-size: 1.4rem; } } + + + + +header#pageheader, footer#pagefooter, .related, .document { + width: 100%; + max-width: 1190px; + margin: auto; +} + +p { + font-size: 14px; + margin-bottom: 1.95em; + font-weight: 500; +} + +.bodywrapper { + margin: 0 0 0 22rem; +} + +.sphinxsidebar { + width: 20rem; +} + +div.sphinxsidebarwrapper { + padding: 2rem 1rem 0 0; +} + +.sphinxsidebarwrapper ul { + padding: 2rem 1rem 0 0; +} + +.sphinxsidebarwrapper h3 { + display: none; +} + +.sphinxsidebarwrapper ul li { + list-style: none; + margin-bottom: -2px; + padding: 0; + border: 1.5px solid #1f1e20; +} + +.sphinxsidebarwrapper ul li.current > a { + color: #eaa900; + border-left: 2px solid #eaa900; +} + +.sphinxsidebarwrapper ul li.current { + padding: 0px 0 0px; + margin-bottom: 0; + background-color: #1f1e20; +} + +.sphinxsidebarwrapper ul li ul { + margin-bottom: 0; + padding-top: 4px; + padding-bottom: 25px; +} + +.sphinxsidebarwrapper ul li ul li { + border: none; + padding: 5.5px 0 5.5px; +} + +.sphinxsidebarwrapper ul li ul li a { + text-transform: none; + padding: 0px 5px 0 29px; + font-size: 12px; +} + +.sphinxsidebarwrapper ul li a { + display: block; + text-transform: uppercase; + font-size: 12px; + color: white; + letter-spacing: .07em; + padding: 9px 10px 8px 17px; + font-family: "Roboto", sans-serif; + font-weight: 300; +} + +.sphinxsidebarwrapper ul li a:hover, ul.aside-menu li a:focus { + text-decoration: none; + color: #eaa900; +} + +.breadcrumbs { + border:none; +} + +a { + color: #eaa900; +} + +a:visited { + color: #eaa900; +} + + +.highlight pre{ + background-color: #1e1e1e; +} + +.highlight .go { + color: white; +} + +.pre { + background-color: #1e1e1e; +} + +table { + margin-bottom: 20px; +} + +table.docutils th { + padding:10px; + border:1px solid #afb7b9; +} + +thead { + background-color: #1d191e; +} + +table.docutils td { + padding:10px; + border:1px solid #afb7b9; +} |