0% found this document useful (0 votes)
92 views12 pages

Spotbackup

a css frameworkfor spot prods

Uploaded by

Patrick Morales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
92 views12 pages

Spotbackup

a css frameworkfor spot prods

Uploaded by

Patrick Morales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 12

/* Updated CSS for News and Announcements Widget */

/* Updated CSS for News and Announcements Widget */


/* Updated CSS for News and Announcements Widget */

.news-and-announcements {
display: flex;
flex-wrap: wrap;
padding: 20px;
gap: 20px;
background-color: #000; /* Updated background color */
}

.main-content {
flex: 2;
min-width: 60%;
}

.news-item {
background-color: #1c1c1c; /* Dark background to match the card */
padding: 15px;
margin-bottom: 20px;
border-radius: 12px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Stronger shadow for a more
pronounced effect */
border: 2px solid #32CD32; /* Neon green border */
color: #fff; /* White text color */
}

.news-title {
font-size: 1.5em;
margin-bottom: 10px;
color: #32CD32; /* Neon green text color */
}

.news-date {
font-size: 0.9em;
color: #888; /* Keep date in a lighter color for contrast */
margin-bottom: 10px;
display: block;
}

.news-summary {
font-size: 1em;
line-height: 1.6;
color: #ccc; /* Light gray text for readability */
}
.read-more {
display: inline-block;
margin-top: 10px;
background-color: #0073aa; /* Blue background color for the button */
color: #fff; /* White text */
padding: 10px 15px;
border-radius: 25px; /* Rounded button style */
text-decoration: none;
font-weight: bold;
}

.read-more:hover {
background-color: #005f8a; /* Darker blue on hover */
text-decoration: underline;
}

.sidebar {
flex: 1;
min-width: 30%;
background-color: #1c1c1c; /* Match the main content background */
padding: 15px;
border-radius: 12px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Match the main content
shadow */
color: #fff; /* White text color */
}

.sidebar-title {
font-size: 1.2em;
margin-bottom: 15px;
color: #32CD32; /* Neon green text color */
}

.recent-updates {
list-style-type: none;
padding: 0;
}

.recent-updates li {
margin-bottom: 10px;
}

.recent-updates li a {
color: #0073aa; /* Blue text color for links */
text-decoration: none;
}

.recent-updates li a:hover {
text-decoration: underline;
color: #005f8a; /* Darker blue on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
.news-and-announcements {
flex-direction: column;
}

.main-content, .sidebar {
min-width: 100%;
}
}

/*External Catalog Page Adjustments*/


/*External Catalog Page Adjustments*/
/*External Catalog Page Adjustments*/
.dcbo-section {
text-align: center;
background-color: #EFE7FA; /* Light purple background */
padding: 40px;
font-family: Arial, sans-serif;
}

.dcbo-header {
font-size: 72px;
color: #2C2C2C;
margin-bottom: 40px;
}

.dcbo-banner {
margin-bottom: 40px;
}

.dcbo-banner-image {
width: 100%;
max-width: 1200px;
max-height: 500px;
border-radius: 15px;
object-fit: cover !important;
}

.dcbo-columns {
display: flex;
justify-content: space-around;
margin-top: 40px;
}

.dcbo-column {
text-align: left;
max-width: 300px;
}

.dcbo-column h3 {
font-size: 24px;
color: #2C2C2C;
margin-bottom: 10px;
}

.dcbo-column p {
font-size: 16px;
color: #2C2C2C;
margin-bottom: 20px;
}

.dcbo-button {
display: inline-block;
padding: 10px 20px;
color: #fff;
background-color: #007BFF;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
}

/*Second Page Widget*/

.dcbo-widget {
text-align: center;
background-color: #fff;
padding: 40px;
font-family: Arial, sans-serif;
max-width: 1300px;
margin: 0 auto; /* Centers the widget */
}

.dcbo-widget-header {
font-size: 36px;
color: #2C2C2C;
margin-bottom: 40px;
}

.dcbo-widget-content {
display: flex;
justify-content: space-between;
align-items: center;
}

.dcbo-widget-left {
max-width: 50%;
text-align: left;
}

.dcbo-widget-left h3 {
font-size: 18px;
color: #2C2C2C;
margin-bottom: 10px;
}

.dcbo-widget-left h2 {
font-size: 28px;
color: #2C2C2C;
margin-bottom: 20px;
}

.dcbo-widget-left p {
font-size: 16px;
color: #2C2C2C;
margin-bottom: 20px;
}

.dcbo-button {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
margin-right: 10px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.dcbo-primary-button {
background-color: #2C63EB; /* Blue background */
color: #fff;
}

.dcbo-secondary-button {
background-color: #fff; /* White background */
color: #2C63EB; /* Blue text */
border: 2px solid #2C63EB;
}

.dcbo-secondary-button:hover {
background-color: #f0f0f0; /* Slight gray background on hover */
}

.dcbo-primary-button:hover {
background-color: #1a4bb5; /* Darker blue on hover */
}

.dcbo-widget-right {
position: relative;
max-width: 50%;
text-align: right;
}

.dcbo-widget-image {
width: 100%;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dcbo-overlay-text {
position: absolute;
background-color: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
text-align: left;
width: 60%;
}

.dcbo-overlay-text-top {
top: 10%;
left: -10%;
}
.dcbo-overlay-text-bottom {
bottom: 10%;
right: -10%;
}

.dcbo-overlay-text h4 {
font-size: 16px;
color: #2C2C2C;
margin-bottom: 5px;
}

.dcbo-overlay-text p {
font-size: 14px;
color: #2C2C2C;
}

/*External Catalog Adjustments*/


/*External Catalog Adjustments*/
/*External Catalog Adjustments*/

/*Force Public Catalog Pages to show without click*/


#doc-layout.doc-layout-external-ecommerce .doc-layout-external-header
.navigation-group .ui-language-selector .ui-button-dropdown-menu {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
#doc-layout.doc-layout-external-ecommerce .doc-layout-external-header
.navigation-group .ui-language-selector .ui-button-dropdown-menu * {
font-size: 14px;
color: #000;
}
#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-
manager .tabs-labels {
display: none;
}
#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-
manager .tabs-content > tab:first-child .tab {
left: -100px;
z-index: 1;
opacity: 0;
}
#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-
manager .tabs-content > tab:last-child .tab {
left: 0;
z-index: 2;
opacity: 1;
position: fixed;
}
#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-
manager .webpage-content {
min-height: 100vh;
height: -webkit-fill-available;
}
#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-
manager .webpage-content iframe {
position: fixed;
top: 0;
left: -1px;
width: calc(100vw + 2px);
height: 100vh;
overflow: scroll;
padding: 0px;
}
#doc-layout.doc-layout-external-ecommerce #doc-layout-footer {
display: none !important;
}
[dir=rtl] #doc-layout.doc-layout-external-ecommerce .doc-layout-external-
header {
width: auto;
}
/*Login Page Global styles*/
.doc-layout-external-header {
height: 124px !important;
}
.navigation-group.navigation-group-bordered {
display: none !important;
}
/*Login button styles*/
.doc-layout-external-header .navigation-item button.ui-ripple.ui-typography-
button{
background-color: #fff;
color: #13163C;
text-transform: capitalize;
border: 1px solid #13163C;
}
.doc-layout-external-header{
border: none !important;
}
/*hide breadcrumbs on login page */
.doc-layout-external-ecommerce #doc-layout-breadcrumbs {
display: none;
}

/* Rounded Course Thumbnails */


.ui-card {
border-radius: 10px !important;
overflow: hidden; /* This ensures that the content inside respects the
border-radius */
}

/* Force Public Catalog Pages to show without click */


/* Force Public Catalog Pages to show without click */
/* Force Public Catalog Pages to show without click */
#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-
manager .tabs-labels {
display: none;
}

#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-


manager .tabs-content > tab:first-child .tab {
left: -100px;
z-index: 1;
opacity: 0;
}

#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-


manager .tabs-content > tab:last-child .tab {
left: 0;
z-index: 2;
opacity: 1;
position: fixed;
}

#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-


manager .webpage-content {
min-height: 100vh;
height: -webkit-fill-available;
}

#doc-layout.doc-layout-external-ecommerce #doc-layout-main .tabs-


manager .webpage-content iframe {
position: fixed;
top: 0;
left: -1px;
width: calc(100vw + 2px);
height: 100vh;
overflow: scroll;
padding: 0px;
}

#doc-layout.doc-layout-external-ecommerce #doc-layout-footer {
display: none !important;
}

[dir=rtl] #doc-layout.doc-layout-external-ecommerce .doc-layout-external-


header {
width: auto;
}

/* End Force Public Catalog Page */


/* End Force Public Catalog Page */

/*External Login Styles*/

.ui-dialog.dcb-ui-dialog {
border-radius: 15px !important;
}

#doc-layout-login {
border-radius: 25px !important;
}

.login-wrap {
border-radius: 25px !important;
}

ui-trap {
border-radius: 25px !important;
}

ui-dialog .ui-dialog-content.is-visible {
border-radius: 25px !important;
}

/*Test Inspire Widget*/


/*Test Inspire Widget*/
/*Test Inspire Widget*/

.news-container-x2a93p {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 20px;
}

.main-content-9bh2dm {
flex: 3;
padding: 20px;
}

.section-title-v1t2p9 {
font-size: 24px;
margin-bottom: 20px;
}

.news-item-3x4n7c {
margin-bottom: 30px;
}

.news-box-5k8l2h {
background-color: #007bff; /* Blue background */
padding: 15px;
border-radius: 8px;
color: white; /* White text */
}

.news-title-k8j6hr {
font-size: 18px;
margin: 0;
margin-bottom: 10px;
color: white; /* White text */
}

.news-date-9d2k5m {
font-size: 12px;
color: #e0e0e0; /* Lighter shade for the date */
margin-bottom: 5px;
}

.news-summary-7x3l8r {
font-size: 14px;
margin-bottom: 10px;
color: white; /* White text */
}

.read-more-button-3x8m2h {
display: inline-block;
padding: 8px 16px;
background-

/*Removes background of HTML Widget*/


#doc-widget-212 {
background: none !important;
}

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy