Page History
...
| HTML |
|---|
<style>
button{
color: white!important;
}
div.sidebar-container .general-description-wrapper {
width: 100%!important;
padding: 25px!important;
box-sizing: border-box!important;
}
.general-name{
font-size: 24px!important;
font-weight: bold!important;
}
.general-tagline{
font-size: 18px!important;
}
div.sidebar-container{
padding: 0!important;
width: 100%!important;
background: #333!important;
}
div.info-wrapper {
padding: 35px 25px!important;
color: white!important;
border-top: #999 2px solid;
}
div.general-image-wrapper{
width: 300px!important;
margin: 10px!important;
box-sizing: border-box!important;
}
#profile_header_container #profile_header_text{
height: auto!important;
}
.custom-card-container .image-container img{
width: 200px!important;
height: 200px!important;
border-radius: 0px;
}
.custom-card-container .card-text-container .card-title{
text-align: left;
}
.custom-card-container .card-text-container{
width: 100%;
}
#main-content{
background: #eee!important;
}
</style> |
...
| HTML |
|---|
<style>
div.general-image-wrapper {
border: solid 1px #e0e0e0;
background-color: #ffffff;
height: unset !important;
}
div.sidebar-container {
border-right: solid 1px #e0e0e0;
background-color: #ffffff;
width: calc(100% - 60px);
padding: 30px;
height: 100% !important;
font-family: var(--main-font-family);
color: var(--primary-font-color);
text-align: left;
}
div.sidebar-container .general-description-wrapper {
padding: 30px 0;
text-align: left;
}
div.info-wrapper {
color: var(--primary-font-color);
}
.info-wrapper h3 span, .info-wrapper p span {
color: var(--primary-font-color) !important;
font-family: var(--main-font-family);
text-align: left !important;
}
.info-wrapper h3 span {
font-size: 18px;
font-weight: bold;
}
.info-wrapper p span {
font-size: 18px;
}
div#\$paramContainerID {
width: calc(100vw - 160px);
margin: 80px;
border: solid 1px #e0e0e0;
background-color: #ffffff;
}
div#main-content {
background: #ffffff;
}
.custom-column-container:nth-child(2) {
width: calc(15% + 60px) !important;
}
.custom-column-container:nth-child(4) {
width: calc(85% - 60px) !important;
}
.info-wrapper h3, .info-wrapper p {
display: flex;
}
div.info-wrapper {
padding: 20px 0;
}
div.sidebar-container .general-description-wrapper {
width: 100%;
}
.buttons-wrapper {
/* margin-top: 40px; */
}
.buttons-wrapper #message-button-link > button, #back-button-link > button {
border-radius: 8px;
background: var(--primary-color) !important;
border: none;
color: #ffffff;
font-family: var(--main-font-family);
font-size: 14px;
padding: 18px;
height: 54px;
width: 100%;
}
button.msg-button {
margin-bottom: 15px;
}
a#message-button-link, a#back-button-link {
width: 100%;
}
p.my-title {
padding: 50px 50px 0 50px;
font-size: 28px;
font-weight: bold;
font-family: var(--main-font-family);
}
.body-container {
font-size: 18px !important;
letter-spacing: 0.45px !important;
}
div.info-cards-container {
width: 100%;
padding: 50px;
}
.general-text-container:nth-child(5) .my-title {
padding-top: 0;
}
.general-text-container:nth-child(5) .body-container {
display: none;
}
.custom-column-container:nth-child(2) {
margin: 0 auto;
}
button.my-button {
border-radius: 8px;
background: var(--primary-color) !important;
border: none;
color: #ffffff;
font-family: var(--main-font-family);
font-size: 14px;
padding: 18px;
height: 54px;
margin-top: 10px;
}
</style> |
| HTML |
|---|
<script>
$('.custom-column-container')[1].prepend($('.buttons-wrapper')[0]);
AJS.toInit(function(){
$('.general-tagline')[0].innerHTML = $('.general-tagline')[0].innerHTML.substring(2).substring(0, $('.general-tagline')[0].innerHTML.length-4);
document.getElementById('profile_header_text').innerHTML = $('.general-name')[0].innerHTML;
$('#description-title .my-title')[0].innerHTML = "About " + $('.general-name')[0].innerHTML.toString();
});
</script> |
...