background image fix
This commit is contained in:
@@ -37,88 +37,15 @@
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: rgba(247, 248, 249, 1);
|
||||
background-color: rgb(31, 130, 231);
|
||||
padding: .4rem 0 0;
|
||||
}
|
||||
|
||||
.menu {
|
||||
padding: .4rem 2rem;
|
||||
}
|
||||
|
||||
header ul {
|
||||
border-bottom: 1px solid rgba(242, 242, 242, 1);
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
header li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
header li a {
|
||||
border-radius: 5px;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
display: block;
|
||||
height: 44px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header li.menu-item a {
|
||||
border-radius: 5px;
|
||||
margin: 5px 0;
|
||||
height: 38px;
|
||||
line-height: 36px;
|
||||
padding: .4rem .65rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header li.menu-item a:hover,
|
||||
header li.menu-item a:focus {
|
||||
background-color: rgba(221, 72, 20, .2);
|
||||
color: rgba(221, 72, 20, 1);
|
||||
}
|
||||
|
||||
header .logo {
|
||||
float: left;
|
||||
height: 44px;
|
||||
padding: .4rem .5rem;
|
||||
}
|
||||
|
||||
header .menu-toggle {
|
||||
display: none;
|
||||
float: right;
|
||||
font-size: 2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
header .menu-toggle button {
|
||||
background-color: rgba(221, 72, 20, .6);
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: 1.3rem;
|
||||
height: 36px;
|
||||
padding: 0;
|
||||
margin: 11px 0;
|
||||
overflow: visible;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
header .menu-toggle button:hover,
|
||||
header .menu-toggle button:focus {
|
||||
background-color: rgba(221, 72, 20, .8);
|
||||
color: rgba(255, 255, 255, .8);
|
||||
color: white;
|
||||
}
|
||||
|
||||
header .heroe {
|
||||
margin: 0 auto;
|
||||
max-width: 1100px;
|
||||
padding: 1rem 1.75rem 1.75rem 1.75rem;
|
||||
padding: 1rem 1.5rem 1.0rem 1.75rem;
|
||||
}
|
||||
|
||||
header .heroe h1 {
|
||||
@@ -126,118 +53,6 @@
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
header .heroe h2 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: 0 auto;
|
||||
max-width: 1100px;
|
||||
padding: 2.5rem 1.75rem 3.5rem 1.75rem;
|
||||
}
|
||||
|
||||
section h1 {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
font-size: 120%;
|
||||
line-height: 2.5rem;
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
section pre {
|
||||
background-color: rgba(247, 248, 249, 1);
|
||||
border: 1px solid rgba(242, 242, 242, 1);
|
||||
display: block;
|
||||
font-size: .9rem;
|
||||
margin: 2rem 0;
|
||||
padding: 1rem 1.5rem;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
section code {
|
||||
display: block;
|
||||
}
|
||||
|
||||
section a {
|
||||
color: rgba(221, 72, 20, 1);
|
||||
}
|
||||
|
||||
section svg {
|
||||
margin-bottom: -5px;
|
||||
margin-right: 5px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.further {
|
||||
background-color: rgba(247, 248, 249, 1);
|
||||
border-bottom: 1px solid rgba(242, 242, 242, 1);
|
||||
border-top: 1px solid rgba(242, 242, 242, 1);
|
||||
}
|
||||
|
||||
.further h2:first-of-type {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.svg-stroke {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
stroke-width: 32px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: rgba(221, 72, 20, .8);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer .environment {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
padding: 2rem 1.75rem;
|
||||
}
|
||||
|
||||
footer .copyrights {
|
||||
background-color: rgba(62, 62, 62, 1);
|
||||
color: rgba(200, 200, 200, 1);
|
||||
padding: .25rem 1.75rem;
|
||||
}
|
||||
|
||||
@media (max-width: 629px) {
|
||||
header ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header .menu-toggle {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
header .menu-item {
|
||||
background-color: rgba(244, 245, 246, 1);
|
||||
border-top: 1px solid rgba(242, 242, 242, 1);
|
||||
margin: 0 15px;
|
||||
width: calc(100% - 30px);
|
||||
}
|
||||
|
||||
header .menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
header .hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header li.menu-item a {
|
||||
background-color: rgba(221, 72, 20, .1);
|
||||
}
|
||||
|
||||
header li.menu-item a:hover,
|
||||
header li.menu-item a:focus {
|
||||
background-color: rgba(221, 72, 20, .7);
|
||||
color: rgba(255, 255, 255, .8);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Reference in New Issue
Block a user