canon_law/static/style.css
2018-09-27 03:34:33 -04:00

148 lines
3.0 KiB
CSS

* {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
body { margin: 0 auto; }
header h1 { text-align: center; }
header h1 a { color: black !important; }
header h1 a:hover { color: black !important; }
header h1 a:focus { color: black !important; }
header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
header li { float: left; }
header li a, .dropbtn {
display: block;
color: white !important;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
header li a:hover {
background-color: #111;
color: white !important;
}
header li a:focus {
background-color: #111;
color: white !important;
}
header li .dropbtn { cursor: default; }
header li .dropdown { display: inline-block; }
header li form {
margin-top: 1px;
margin-right: 14px;
}
button {
display: inline-block;
height: 100%;
border: none;
background: none;
color: white !important;
text-align: center;
padding: 14px 16px;
margin-top: -2px;
text-decoration: none;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
button:hover {
background-color: #111;
color: white !important;
cursor: pointer;
}
button:focus {
background-color: #111;
color: white !important;
}
input { padding: 10px; }
header .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
header .dropdown-content a {
color: black !important;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
header .dropdown-content a:hover { color: black !important; }
header .dropdown-content a:hover { background-color: #f1f1f1; }
header .dropdown:hover .dropdown-content { display: block; }
header .separator:hover {
background-color: #f9f9f9 !important;
cursor: default;
}
.main {
margin-top: 10px;
margin-left: 25%;
margin-right: 25%;
margin-bottom: 50px;
}
.main h1 { text-align: center; }
.main img {
display: block;
margin: 0 auto;
}
.main li { padding-bottom: 15px; }
footer {
padding: 10px;
background-color: #e0e0e0;
text-align: center;
line-height: 2em;
font-size: 11px;
}
table {
display: block;
margin: 0 auto;
}
table, th, td {
border: 1px solid #e0e0e0;
border-collapse: collapse;
}
th, td { padding: 15px; }
tr:nth-child(even) { background-color: #fcfcfc; }
small { font-size: 11px; }
a { color: #009400; }
a:hover { color: #006400 !important; text-decoration: none; }
a:focus { color: #006400 !important; text-decoration: none; }
a:visited { color: #009400; }
a { color: #009400; text-decoration: none; }
a:hover { color: #006400 !important; }
a:focus { color: #006400 !important; }
a:visited { color: #009400; }