53 lines
1022 B
CSS
53 lines
1022 B
CSS
<style>
|
|
/* Style the header */
|
|
|
|
.topbar{
|
|
padding: 10px;
|
|
}
|
|
a {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.header {
|
|
padding: 10px 16px;
|
|
background: #dbd5d5;
|
|
color: #1a1919;
|
|
}
|
|
|
|
input[type=text] {
|
|
width: 100%;
|
|
padding: 12px 20px;
|
|
margin: 8px 0;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
font-size: 14pt;
|
|
}
|
|
|
|
input[type=button], input[type=submit], input[type=reset] {
|
|
background-color: #afcdc2;
|
|
border: none;
|
|
color: rgb(0, 0, 0);
|
|
padding: 16px 32px;
|
|
text-decoration: none;
|
|
margin: 4px 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Page content */
|
|
.content {
|
|
padding: 16px;
|
|
}
|
|
|
|
/* The sticky class is added to the header with JS when it reaches its scroll position */
|
|
.sticky {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 768px;
|
|
}
|
|
|
|
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
|
|
.sticky + .content {
|
|
padding-top: 102px;
|
|
}
|
|
</style> |