static: embed all CSS files into /static/style.css
Avoid many tiny requests. The issue is that browsers have a limited amount of concurrent requests they can make. We do 19 for loading /linux/v6.11.6/source. Reduce that to 14. Signed-off-by: Théo Lebrun <theo.lebrun@bootlin.com>
This commit is contained in:
Théo Lebrun
parent
d06c760b2a
commit
6356cdc3c7
6 changed files with 391 additions and 384 deletions
|
|
@ -1,89 +0,0 @@
|
|||
/*
|
||||
* @license MIT
|
||||
*
|
||||
* Autocomplete.js v2.7.1
|
||||
* Developed by Baptiste Donaux
|
||||
* http://autocomplete-js.com
|
||||
*
|
||||
* (c) 2017, Baptiste Donaux
|
||||
*
|
||||
* Modified by Maxime Chretien <maxime.chretien@bootlin.com>
|
||||
* for the needs of Elixir Cross Referencer
|
||||
* https://github.com/bootlin/elixir
|
||||
*
|
||||
*/
|
||||
|
||||
input[data-autocomplete] {
|
||||
border-color: #808080;
|
||||
border-style: none none solid none;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0px;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
.autocomplete {
|
||||
position: absolute;
|
||||
transition: all 0.5s ease 0s;
|
||||
max-height: 0;
|
||||
overflow-y: hidden;
|
||||
transition-duration: 0.3s;
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
||||
}
|
||||
.autocomplete:active,
|
||||
.autocomplete:focus,
|
||||
.autocomplete:hover {
|
||||
background-color: #EEEEEE;
|
||||
transition: all 0.5s ease 0s;
|
||||
}
|
||||
.autocomplete:empty {
|
||||
display: none;
|
||||
}
|
||||
.autocomplete > ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.autocomplete > ul > li {
|
||||
cursor: pointer;
|
||||
padding: 5px 0 5px 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.autocomplete > ul > li.active,
|
||||
.autocomplete > ul > li:active,
|
||||
.autocomplete > ul > li:focus,
|
||||
.autocomplete > ul > li:hover {
|
||||
background-color: #DDDDDD;
|
||||
transition: all 0.5s ease 0s;
|
||||
}
|
||||
.autocomplete > ul > li.active a:active,
|
||||
.autocomplete > ul > li:active a:active,
|
||||
.autocomplete > ul > li:focus a:active,
|
||||
.autocomplete > ul > li:hover a:active,
|
||||
.autocomplete > ul > li.active a:focus,
|
||||
.autocomplete > ul > li:active a:focus,
|
||||
.autocomplete > ul > li:focus a:focus,
|
||||
.autocomplete > ul > li:hover a:focus,
|
||||
.autocomplete > ul > li.active a:hover,
|
||||
.autocomplete > ul > li:active a:hover,
|
||||
.autocomplete > ul > li:focus a:hover,
|
||||
.autocomplete > ul > li:hover a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.autocomplete > ul > li.locked {
|
||||
cursor: inherit;
|
||||
}
|
||||
.autocomplete.open {
|
||||
display: block;
|
||||
transition: all 0.5s ease 0s;
|
||||
background-color: #EEEEEE;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
transition-duration: 0.3s;
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
||||
z-index: 100;
|
||||
}
|
||||
.autocomplete.open:empty {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,108 +0,0 @@
|
|||
.message-banner-desktop {
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
-webkit-box-shadow: -2px 0px 15px 1px rgba(0,0,0,0.69);
|
||||
-moz-box-shadow: -2px 0px 15px 1px rgba(0,0,0,0.69);
|
||||
box-shadow: -2px 0px 15px 1px rgba(0,0,0,0.69);
|
||||
font-size: 14;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
left: 10px;
|
||||
bottom: 30px;
|
||||
width: 215px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
background: rgba(255,255,255,1);
|
||||
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
|
||||
}
|
||||
.message-banner-desktop p.title {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.message-banner-desktop .subtitle {
|
||||
width: 210px;
|
||||
padding: 0 10px;
|
||||
font-size: 11px;
|
||||
position: relative;
|
||||
z-index: 29;
|
||||
}
|
||||
|
||||
.message-banner-mobile {
|
||||
display: none;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
background: #fe003e;
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
-webkit-transform:rotate(-90deg);
|
||||
-moz-transform:rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform:rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
left: -58px;
|
||||
bottom: 58px;
|
||||
padding: 5px;
|
||||
}
|
||||
.message-banner-mobile .title {
|
||||
margin: 0;
|
||||
font-size: 25px;
|
||||
}
|
||||
.message-banner-mobile .subtitle {
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
.message-banner-mobile:hover {
|
||||
background: #f37b30;
|
||||
}
|
||||
.message-banner-mobile .message-link,
|
||||
.message-banner-desktop .message-link {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
}
|
||||
header.header {
|
||||
}
|
||||
header.header h2 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.icon-googleplus:before,
|
||||
.icon-mastodon:before {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
}
|
||||
.select-projects {
|
||||
background-position: bottom 0.15em right 0.3em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.message-banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
.message-banner-mobile {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
.message-banner-mobile {
|
||||
bottom: 50px;
|
||||
}
|
||||
.message-banner-mobile .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.message-banner-mobile .subtitle {
|
||||
font-size: 9.5px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
/* ubuntu-regular - cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* ubuntu-italic - cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* ubuntu-700 - cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
|
@ -1,143 +0,0 @@
|
|||
.header {
|
||||
height: 200px;
|
||||
background: #6D7DD2;
|
||||
background-image: url('/static/img/2penguins.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 300px;
|
||||
background-position: bottom -82px right;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.header h1 {
|
||||
font-family: 'Ubuntu Mono', monospace;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
font-size: 3.2em;
|
||||
word-spacing: -0.4em;
|
||||
color: #fff;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.header h1 a {
|
||||
color: #fff;
|
||||
}
|
||||
.header h2 {
|
||||
font-family: 'Ubuntu Mono', monospace;
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
margin-top: -0.5em;
|
||||
color: #fff;
|
||||
color: #ffa264;
|
||||
}
|
||||
.header em {
|
||||
font-style: normal;
|
||||
font-size: 0.9em;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
float: right;
|
||||
padding: 0.5em 1em;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
color: rgba(255,255,255,.7);
|
||||
background-color: rgba(255,255,255,.1);
|
||||
}
|
||||
.header em a {
|
||||
color: rgba(255,255,255,.9);
|
||||
}
|
||||
.header nav {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.header nav ul {
|
||||
list-style: none;
|
||||
}
|
||||
.nav-links {
|
||||
padding: 0.5em 1em;
|
||||
margin: 0;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.nav-links li {
|
||||
display: inline-block;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
.nav-links a {
|
||||
text-transform: uppercase;
|
||||
color: #9da9ea;
|
||||
}
|
||||
.nav-links a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
position: absolute;
|
||||
top: 0.05rem;
|
||||
right: 0.3rem;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
line-height: 2.5rem; /* little hack for firefox vertical align */
|
||||
}
|
||||
.social-icons li {
|
||||
display: inline-block;
|
||||
font-size: 0;
|
||||
}
|
||||
.social-icons a::before {
|
||||
font-size: 1.65rem;
|
||||
color: #717fc5;
|
||||
}
|
||||
.social-icons a:focus::before,
|
||||
.social-icons a:hover::before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* responsive */
|
||||
|
||||
@media (max-width: 748px) {
|
||||
.header .social-icons {
|
||||
position: static;
|
||||
}
|
||||
.social-icons a::before {
|
||||
font-size: 1.5rem;
|
||||
color: #9da9ea;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.header h1 {
|
||||
font-size: 2.5em;
|
||||
font-size: 8vw;
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
.header h2 {
|
||||
font-size: 1em;
|
||||
font-size: 3vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 330px) {
|
||||
.header h1 {
|
||||
margin-top: 1.8em;
|
||||
}
|
||||
}
|
||||
391
static/style.css
391
static/style.css
|
|
@ -1,6 +1,4 @@
|
|||
@charset "UTF-8";
|
||||
@import 'fonts.css';
|
||||
@import 'header.css';
|
||||
|
||||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
|
||||
|
|
@ -1244,3 +1242,392 @@ main {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* === Banner =============================================================== */
|
||||
|
||||
.message-banner-desktop {
|
||||
position: absolute;
|
||||
padding: 5px;
|
||||
-webkit-box-shadow: -2px 0px 15px 1px rgba(0,0,0,0.69);
|
||||
-moz-box-shadow: -2px 0px 15px 1px rgba(0,0,0,0.69);
|
||||
box-shadow: -2px 0px 15px 1px rgba(0,0,0,0.69);
|
||||
font-size: 14;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
left: 10px;
|
||||
bottom: 30px;
|
||||
width: 215px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
background: rgba(255,255,255,1);
|
||||
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
|
||||
}
|
||||
.message-banner-desktop p.title {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.message-banner-desktop .subtitle {
|
||||
width: 210px;
|
||||
padding: 0 10px;
|
||||
font-size: 11px;
|
||||
position: relative;
|
||||
z-index: 29;
|
||||
}
|
||||
|
||||
.message-banner-mobile {
|
||||
display: none;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
background: #fe003e;
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
-webkit-transform:rotate(-90deg);
|
||||
-moz-transform:rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform:rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
left: -58px;
|
||||
bottom: 58px;
|
||||
padding: 5px;
|
||||
}
|
||||
.message-banner-mobile .title {
|
||||
margin: 0;
|
||||
font-size: 25px;
|
||||
}
|
||||
.message-banner-mobile .subtitle {
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
.message-banner-mobile:hover {
|
||||
background: #f37b30;
|
||||
}
|
||||
.message-banner-mobile .message-link,
|
||||
.message-banner-desktop .message-link {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
}
|
||||
header.header h2 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.icon-googleplus:before,
|
||||
.icon-mastodon:before {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
}
|
||||
.select-projects {
|
||||
background-position: bottom 0.15em right 0.3em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.message-banner-desktop {
|
||||
display: none;
|
||||
}
|
||||
.message-banner-mobile {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 400px) {
|
||||
.message-banner-mobile {
|
||||
bottom: 50px;
|
||||
}
|
||||
.message-banner-mobile .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.message-banner-mobile .subtitle {
|
||||
font-size: 9.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* === Fonts ================================================================ */
|
||||
|
||||
/* ubuntu-regular - cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* ubuntu-italic - cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* ubuntu-700 - cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/static/fonts/ubuntu/ubuntu-v14-cyrillic_greek_latin_latin-ext_greek-ext_cyrillic-ext-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* === Header =============================================================== */
|
||||
|
||||
.header {
|
||||
height: 200px;
|
||||
background: #6D7DD2;
|
||||
background-image: url('/static/img/2penguins.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 300px;
|
||||
background-position: bottom -82px right;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.header h1 {
|
||||
font-family: 'Ubuntu Mono', monospace;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
font-size: 3.2em;
|
||||
word-spacing: -0.4em;
|
||||
color: #fff;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.header h1 a {
|
||||
color: #fff;
|
||||
}
|
||||
.header h2 {
|
||||
font-family: 'Ubuntu Mono', monospace;
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
margin-top: -0.5em;
|
||||
color: #fff;
|
||||
color: #ffa264;
|
||||
}
|
||||
.header em {
|
||||
font-style: normal;
|
||||
font-size: 0.9em;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
float: right;
|
||||
padding: 0.5em 1em;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
color: rgba(255,255,255,.7);
|
||||
background-color: rgba(255,255,255,.1);
|
||||
}
|
||||
.header em a {
|
||||
color: rgba(255,255,255,.9);
|
||||
}
|
||||
.header nav {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.header nav ul {
|
||||
list-style: none;
|
||||
}
|
||||
.nav-links {
|
||||
padding: 0.5em 1em;
|
||||
margin: 0;
|
||||
background-color: rgba(0,0,0,.5);
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.nav-links li {
|
||||
display: inline-block;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
.nav-links a {
|
||||
text-transform: uppercase;
|
||||
color: #9da9ea;
|
||||
}
|
||||
.nav-links a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.social-icons {
|
||||
position: absolute;
|
||||
top: 0.05rem;
|
||||
right: 0.3rem;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
line-height: 2.5rem; /* little hack for firefox vertical align */
|
||||
}
|
||||
.social-icons li {
|
||||
display: inline-block;
|
||||
font-size: 0;
|
||||
}
|
||||
.social-icons a::before {
|
||||
font-size: 1.65rem;
|
||||
color: #717fc5;
|
||||
}
|
||||
.social-icons a:focus::before,
|
||||
.social-icons a:hover::before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* responsive */
|
||||
|
||||
@media (max-width: 748px) {
|
||||
.header .social-icons {
|
||||
position: static;
|
||||
}
|
||||
.social-icons a::before {
|
||||
font-size: 1.5rem;
|
||||
color: #9da9ea;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.header h1 {
|
||||
font-size: 2.5em;
|
||||
font-size: 8vw;
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
.header h2 {
|
||||
font-size: 1em;
|
||||
font-size: 3vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 330px) {
|
||||
.header h1 {
|
||||
margin-top: 1.8em;
|
||||
}
|
||||
}
|
||||
|
||||
/* === Autocomplete ========================================================= */
|
||||
|
||||
/*
|
||||
* @license MIT
|
||||
*
|
||||
* Autocomplete.js v2.7.1
|
||||
* Developed by Baptiste Donaux
|
||||
* http://autocomplete-js.com
|
||||
*
|
||||
* (c) 2017, Baptiste Donaux
|
||||
*
|
||||
* Modified by Maxime Chretien <maxime.chretien@bootlin.com>
|
||||
* for the needs of Elixir Cross Referencer
|
||||
* https://github.com/bootlin/elixir
|
||||
*
|
||||
*/
|
||||
|
||||
input[data-autocomplete] {
|
||||
border-color: #808080;
|
||||
border-style: none none solid none;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0px;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
.autocomplete {
|
||||
position: absolute;
|
||||
transition: all 0.5s ease 0s;
|
||||
max-height: 0;
|
||||
overflow-y: hidden;
|
||||
transition-duration: 0.3s;
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
||||
}
|
||||
.autocomplete:active,
|
||||
.autocomplete:focus,
|
||||
.autocomplete:hover {
|
||||
background-color: #EEEEEE;
|
||||
transition: all 0.5s ease 0s;
|
||||
}
|
||||
.autocomplete:empty {
|
||||
display: none;
|
||||
}
|
||||
.autocomplete > ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.autocomplete > ul > li {
|
||||
cursor: pointer;
|
||||
padding: 5px 0 5px 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.autocomplete > ul > li.active,
|
||||
.autocomplete > ul > li:active,
|
||||
.autocomplete > ul > li:focus,
|
||||
.autocomplete > ul > li:hover {
|
||||
background-color: #DDDDDD;
|
||||
transition: all 0.5s ease 0s;
|
||||
}
|
||||
.autocomplete > ul > li.active a:active,
|
||||
.autocomplete > ul > li:active a:active,
|
||||
.autocomplete > ul > li:focus a:active,
|
||||
.autocomplete > ul > li:hover a:active,
|
||||
.autocomplete > ul > li.active a:focus,
|
||||
.autocomplete > ul > li:active a:focus,
|
||||
.autocomplete > ul > li:focus a:focus,
|
||||
.autocomplete > ul > li:hover a:focus,
|
||||
.autocomplete > ul > li.active a:hover,
|
||||
.autocomplete > ul > li:active a:hover,
|
||||
.autocomplete > ul > li:focus a:hover,
|
||||
.autocomplete > ul > li:hover a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.autocomplete > ul > li.locked {
|
||||
cursor: inherit;
|
||||
}
|
||||
.autocomplete.open {
|
||||
display: block;
|
||||
transition: all 0.5s ease 0s;
|
||||
background-color: #EEEEEE;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
transition-duration: 0.3s;
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
||||
z-index: 100;
|
||||
}
|
||||
.autocomplete.open:empty {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,9 +15,8 @@
|
|||
Elixir Cross Referencer - Explore source code in your browser - Particularly useful for the Linux kernel and other low-level projects in C/C++ (bootloaders, C libraries...)
|
||||
{%- endblock %}">
|
||||
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
|
||||
<link rel="stylesheet" href="/static/style.css?v=12">
|
||||
<link rel="stylesheet" href="/static/banner.css">
|
||||
<link rel="stylesheet" href="/static/autocomplete.css?v=2">
|
||||
<link rel="stylesheet" href="/static/style.css?v=13">
|
||||
|
||||
<script>
|
||||
document.documentElement.classList.remove('no-js');
|
||||
document.documentElement.classList.add('js');
|
||||
|
|
|
|||
Loading…
Reference in a new issue