Template

Panel/styles.css

From Dogcraft Wiki

No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
#collapsible-panel {
.collapsible-panel {
     display: flex;  
     display: flex;  
     flex-direction: column;  
     flex-direction: column;  
Line 6: Line 6:
     box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1);
     box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1);
     transition: box-shadow 0.2s ease-in-out;
     transition: box-shadow 0.2s ease-in-out;
     padding: 15px 10px;
     padding: 10px 15px;
    margin: 17.5px 0;
     width: inherit;
     width: inherit;
}
}


#collapsible-panel #content #content-body {
.collapsible-panel .panel-content {
margin-top: 10px;
margin-top: 10px;
}
}


#collapsible-panel:hover,
.collapsible-panel:hover,
#collapsible-panel:focus{
.collapsible-panel:focus{
     box-shadow: 0 2px 3px rgba(85, 85, 85, 0.25), 0 0 10px rgba(85, 85, 85, 0.25);
     box-shadow: 0 2px 3px rgba(85, 85, 85, 0.25), 0 0 10px rgba(85, 85, 85, 0.25);
}
}


#collapsible-panel #header {
.collapsible-panel .panel-header {
     font-weight: 600;
     font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}
}


#collapsible-panel #header #icon {
.collapsible-panel p {
margin: 0 !important;
}
 
 
.collapsible-panel .panel-header .panel-icon {
pointer-events: none;
pointer-events: none;
margin-right: 5px;
margin-right: 5px;
}
}

Latest revision as of 16:25, 7 February 2023

.collapsible-panel {
    display: flex; 
    flex-direction: column; 
    background: #ffffff; 
    border-radius:5px;  
    box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1);
    transition: box-shadow 0.2s ease-in-out;
    padding: 10px 15px;
    margin: 17.5px 0;
    width: inherit;
}

.collapsible-panel .panel-content {
	margin-top: 10px;
}

.collapsible-panel:hover,
.collapsible-panel:focus{
    box-shadow: 0 2px 3px rgba(85, 85, 85, 0.25), 0 0 10px rgba(85, 85, 85, 0.25);
}

.collapsible-panel .panel-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

.collapsible-panel p {
	margin: 0 !important;
}


.collapsible-panel .panel-header .panel-icon {
	pointer-events: none;
	margin-right: 5px;
}