|
|
| Line 117: |
Line 117: |
|
| |
|
| .dreamer-card__meta:empty { display: none; } | | .dreamer-card__meta:empty { display: none; } |
|
| |
|
| |
| /* Publications Overview Container */
| |
| .publications-overview {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| padding: 20px;
| |
| }
| |
|
| |
| .publications-header {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .publications-header h2 {
| |
| margin: 0;
| |
| color: #2c3e50;
| |
| }
| |
|
| |
| .publication-create-btn {
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .publication-create-btn a {
| |
| background-color: #3498db;
| |
| color: white !important;
| |
| padding: 10px 20px;
| |
| border-radius: 5px;
| |
| text-decoration: none;
| |
| font-weight: bold;
| |
| display: inline-block;
| |
| transition: background-color 0.3s;
| |
| }
| |
|
| |
| .publication-create-btn a:hover {
| |
| background-color: #2980b9;
| |
| }
| |
|
| |
| .publications-intro {
| |
| color: #666;
| |
| font-size: 1.1em;
| |
| margin-bottom: 30px;
| |
| }
| |
|
| |
| /* Category Sections */
| |
| .publication-category-section {
| |
| margin-bottom: 40px;
| |
| background: #f8f9fa;
| |
| padding: 20px;
| |
| border-radius: 8px;
| |
| border-left: 4px solid #3498db;
| |
| }
| |
|
| |
| .publications-categorized h2 {
| |
| color: #2c3e50;
| |
| border-bottom: 2px solid #3498db;
| |
| padding-bottom: 10px;
| |
| margin-top: 30px;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| /* Publications List */
| |
| .publications-list {
| |
| list-style: none;
| |
| padding: 0;
| |
| margin: 0;
| |
| }
| |
|
| |
| .publications-list li {
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| /* Publication Card Styling */
| |
| .publication-card {
| |
| background: white;
| |
| border: 1px solid #e0e0e0;
| |
| border-radius: 6px;
| |
| padding: 15px 20px;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| transition: box-shadow 0.3s, transform 0.2s;
| |
| }
| |
|
| |
| .publication-card:hover {
| |
| box-shadow: 0 4px 12px rgba(0,0,0,0.1);
| |
| transform: translateY(-2px);
| |
| }
| |
|
| |
| .publication-card-content {
| |
| flex: 1;
| |
| }
| |
|
| |
| .publication-card-title {
| |
| font-size: 1.1em;
| |
| margin-bottom: 8px;
| |
| color: #2c3e50;
| |
| }
| |
|
| |
| .publication-card-title a {
| |
| color: #2c3e50;
| |
| text-decoration: none;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .publication-card-title a:hover {
| |
| color: #3498db;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .publication-card-authors {
| |
| color: #7f8c8d;
| |
| font-size: 0.9em;
| |
| margin-bottom: 4px;
| |
| }
| |
|
| |
| .publication-card-date {
| |
| color: #95a5a6;
| |
| font-size: 0.85em;
| |
| }
| |
|
| |
| .publication-external {
| |
| font-size: 0.85em;
| |
| color: #3498db;
| |
| margin-left: 10px;
| |
| }
| |
|
| |
| .publication-external a {
| |
| color: #3498db;
| |
| }
| |
|
| |
| .publication-card-actions {
| |
| margin-left: 20px;
| |
| }
| |
|
| |
| .publication-card-actions a {
| |
| text-decoration: none;
| |
| font-size: 1.5em;
| |
| transition: transform 0.2s;
| |
| display: inline-block;
| |
| }
| |
|
| |
| .publication-card-actions a:hover {
| |
| transform: scale(1.2);
| |
| }
| |
|
| |
| .download-icon {
| |
| color: #27ae60;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| /* No Publications Message */
| |
| .no-publications {
| |
| color: #95a5a6;
| |
| font-style: italic;
| |
| padding: 20px;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Form Styling */
| |
| .publication-form-fields {
| |
| background: #f8f9fa;
| |
| padding: 20px;
| |
| border-radius: 8px;
| |
| margin: 20px 0;
| |
| }
| |
|
| |
| .publication-form-fields .formtable {
| |
| background: white;
| |
| width: 100%;
| |
| }
| |
|
| |
| .publication-form-fields .formtable th {
| |
| text-align: right;
| |
| padding: 12px;
| |
| vertical-align: top;
| |
| font-weight: 600;
| |
| color: #2c3e50;
| |
| width: 180px;
| |
| }
| |
|
| |
| .publication-form-fields .formtable td {
| |
| padding: 12px;
| |
| }
| |
|
| |
| .publication-form-fields input[type="text"],
| |
| .publication-form-fields input[type="date"],
| |
| .publication-form-fields textarea,
| |
| .publication-form-fields select {
| |
| border: 1px solid #ddd;
| |
| border-radius: 4px;
| |
| padding: 8px;
| |
| font-size: 1em;
| |
| width: 100%;
| |
| max-width: 600px;
| |
| }
| |
|
| |
| .publication-form-fields input[type="text"]:focus,
| |
| .publication-form-fields input[type="date"]:focus,
| |
| .publication-form-fields textarea:focus,
| |
| .publication-form-fields select:focus {
| |
| outline: none;
| |
| border-color: #3498db;
| |
| box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
| |
| }
| |
|
| |
| .publication-form-fields small {
| |
| color: #7f8c8d;
| |
| font-size: 0.85em;
| |
| display: block;
| |
| margin-top: 5px;
| |
| }
| |
|
| |
| /* Responsive Design */
| |
| @media (max-width: 768px) {
| |
| .publications-header {
| |
| flex-direction: column;
| |
| align-items: flex-start;
| |
| }
| |
|
| |
| .publication-create-btn {
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .publication-card {
| |
| flex-direction: column;
| |
| align-items: flex-start;
| |
| }
| |
|
| |
| .publication-card-actions {
| |
| margin-left: 0;
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .publication-form-fields .formtable th {
| |
| display: block;
| |
| text-align: left;
| |
| width: 100%;
| |
| }
| |
|
| |
| .publication-form-fields .formtable td {
| |
| display: block;
| |
| width: 100%;
| |
| }
| |
| }
| |
/* CSS placed here will be applied to all skins */
.navbar-brand img {
padding-top: 10px;
height: 60px;
}
.firstHeading {
color: rgb(92,76,228) !important;
}
.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 20px;
}
.square {
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: Arial, sans-serif;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
}
.blue { background-color: #2D8CFF; }
.red { background-color: #FF4757; }
.green { background-color: #2ED573; }
.yellow { background-color: #FFD32A; }
.orange { background-color: #fee4cb; }
.hue1 { background-color: #5c4ce4; }
.hue2 { background-color: #8068ff; }
.hue3 { background-color: #a386ff; }
.hue4 { background-color: #c6a4ff; }
.hue5 { background-color: #e9c4ff; }
/* DREAMers team layout */
.dreamer-section { margin: 22px 0 30px; }
.dreamer-section__head {
margin: 4px 0 14px;
border-left: 4px solid rgb(92,76,228); /* same purple as main heading */
padding-left: 10px;
}
.dreamer-section__title {
font-size: 1.25em;
font-weight: 700;
}
.dreamer-section__subtitle {
color: #54595d;
margin-top: 0;
}
.dreamer-section__subtitle:empty { display: none; }
/* Cards laid out in rows */
.dreamers-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center; /* or flex-start if you prefer left aligned */
}
/* Individual card */
.dreamer-card {
width: 260px;
box-sizing: border-box;
display: flex;
flex-direction: column;
border-radius: 16px;
background: #fff;
border: 1px solid #e1e4ff; /* light purple border */
box-shadow: 0 6px 16px rgba(92,76,228,0.08);
}
/* Image on top, with a soft purple backdrop */
.dreamer-card__imgwrap {
width: 100%;
overflow: hidden;
background: #f3f1ff; /* light purple tint */
}
.dreamer-card__img {
width: 100%;
height: auto;
display: block;
border-radius: 0;
}
/* Text area */
.dreamer-card__body {
padding: 10px 14px 12px;
}
.dreamer-card__name {
line-height: 1.2;
color: #1f2328;
}
.dreamer-card__role {
color: #54595d;
margin-top: 2px;
}
.dreamer-card__meta {
color: #72777d;
margin-top: 6px;
font-size: 0.95em;
}
.dreamer-card__meta:empty { display: none; }