Kumi
5201a8a7d6
Added styling for images and captions to improve visual aesthetics and consistency. Images now have a maximum width of 100%, a border, padding, and a subtle box shadow. Captions are centered, italicized, and have appropriate margin and padding, enhancing readability and appearance.
136 lines
No EOL
1.9 KiB
CSS
136 lines
No EOL
1.9 KiB
CSS
/*
|
|
Theme Name: Duck Behavior Journal
|
|
Theme URI: https://duckbehaviorjournal.com
|
|
Author: Kumi
|
|
Author URI: https://kumi.website
|
|
Description: A WordPress theme for the Duck Behavior Journal.
|
|
Version: 1.0
|
|
License: MIT
|
|
License URI: https://opensource.org/licenses/MIT
|
|
Text Domain: duck-behavior-journal
|
|
*/
|
|
|
|
body {
|
|
font-family: 'Helvetica Neue', Arial, sans-serif;
|
|
color: #333;
|
|
}
|
|
|
|
.logo {
|
|
height: 50px;
|
|
}
|
|
|
|
.nav-link {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: #007bff;
|
|
}
|
|
|
|
.hero {
|
|
height: 60vh;
|
|
background-size: cover;
|
|
background-position: center;
|
|
position: relative;
|
|
}
|
|
|
|
.hero::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.hero .container {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.hero h1,
|
|
.hero p {
|
|
color: white;
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 1.25rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.card-text {
|
|
color: #777;
|
|
}
|
|
|
|
footer {
|
|
border-top: 1px solid #eee;
|
|
}
|
|
|
|
footer p {
|
|
margin: 0;
|
|
}
|
|
|
|
footer .social-media img {
|
|
height: 24px;
|
|
}
|
|
|
|
a h5 {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#doi-link {
|
|
color: #333;
|
|
text-decoration: dashed;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
margin-left: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
margin-right: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.aligncenter {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.wp-block-image img,
|
|
.alignleft,
|
|
.alignright,
|
|
.aligncenter {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border: 1px solid #ddd;
|
|
padding: 5px;
|
|
background-color: #f9f9f9;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.wp-caption {
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
font-style: italic;
|
|
color: #666;
|
|
}
|
|
|
|
.wp-caption .wp-caption-text {
|
|
padding: 5px 10px;
|
|
background-color: #f9f9f9;
|
|
border-top: 1px solid #ddd;
|
|
} |