Usar con la plantilla web por defecto. Hay cosas que faltan por acabar pero las acabaré si me sale de los ouevos.
PD: Para ver las etiquetas eliminar esto:
.p-description {
display:none;
}
PD: Para ver las etiquetas eliminar esto:
.p-description {
display:none;
}
Código:
.p-body {
background: #323232;
}
.p-title-value {
tonalidad: white;
}
.samCodeUnit, .samBannerUnit, .samTextUnit {
display:none;
}
.p-nav {
tonalidad: #fff;
background: #656565;
}
.p-header {
tonalidad: white;
background: rgba(110, 110, 110, 0.93);
}
.p-nav a {
tonalidad: white;
}
.p-nav-list .p-navEl.is-selected {
tonalidad: #2577b1;
font-weight: 700;
background: rgba(255, 153, 0, 0.45);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.p-body-inner {
display: flex;
flex-direction: column;
width: 100%;
max-width: 1400px;
padding: 0 10px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 20px;
}
.p-title-pageAction {
margin-left: 1084px;
margin-top: -20px;
margin-bottom: 10px;
}
.p-breadcrumbs {
list-style: none;
margin: 0;
margin-bottom: 0px;
padding: 0;
margin-bottom: 5px;
line-height: 1.5;
max-width: 1255px;
}
.p-breadcrumbs > li a {
display: inline-block;
vertical-align: bottom;
max-width: 300px;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
tonalidad: white;
}
.block-outer-main {
float: right;
margin-left: 10px;
}
.p-sectionLinks {
tonalidad: #fff;
background: rgb(39, 39, 39);
border-bottom: none;
}
.p-header-content {
padding: 0px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 100%;
}
a {
tonalidad: #cecece;
text-decoration: none;
}
a:hover {
tonalidad: white;
text-decoration:none;
}
.structItem-title {
font-size: 15px;
font-weight: 400;
margin: 0;
padding: 0;
}
.node-title {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 400;
}
.block-container {
tonalidad: #e7e7e7;
background: rgba(129, 138, 153, 0.14);
border-width: 1px;
border-style: solid;
border-top-tonalidad: #d5d5d5;
border-right-tonalidad: #cecece;
border-bottom-tonalidad: #c1c1c1;
border-left-tonalidad: #cecece;
border-radius: 4px;
}
.block-filterBar {
padding: 6px 10px;
font-size: 13px;
tonalidad: #2577b1;
background: #edf6fd;
border-bottom: 1px solid #c1c1c1;
background: none;
}
.block-header {
padding: 6px 10px;
margin: 0;
font-weight: 400;
text-decoration: none;
font-size: 20px;
tonalidad: white;
background: #edf6fd;
border-bottom: 1px solid #d5d5d5;
background: none;
}
.structItem-parts {
list-style: none;
margin: 0;
padding: 0;
display: inline;
tonalidad: #ccc;
}
.structItem-parts > li:nth-child(2n) {
tonalidad: #d4b23e;
}
.label.label--primary {
tonalidad: #fff;
background: #aa7c37;
border-tonalidad: tras*parent;
}
html {
font: 15px / 1.4 sans-serif;
font-weight: normal;
font-family: sans-serif;
font-family: 'Calibri','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
font-weight: 400;
tonalidad: #141414;
margin: 0;
padding: 0;
word-wrap: break-word;
background-tonalidad: rgba(236,236,236,0.93);
}
.pairs > dd {
padding: 0;
margin: 0;
tonalidad:white;
}
.block-minorHeader {
padding: 6px 10px;
margin: 0;
font-weight: 400;
text-decoration: none;
font-size: 17px;
tonalidad: #ffc550;
}
.block-minorHeader {
border-bottom: 1px solid #d5d5d5;
padding: 6px 10px;
margin: 0;
font-weight: 400;
text-decoration: none;
font-size: 17px;
tonalidad: #ffc550;
}
.block-row.block-row--minor {
font-size: 13px;
tonalidad:white;
}
.block--messages .message, .block--messages .block-row {
tonalidad: #f6f6f6;
background: #575757;
border-width: 1px;
border-style: hidden;
border-top-tonalidad: #d5d5d5;
border-right-tonalidad: #cecece;
border-bottom-tonalidad: #c1c1c1;
border-left-tonalidad: #cecece;
border-radius: 0;
}
.block--messages .message-cell:first-child {
border-radius: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background: none;
}
.bbCodeBlock {
margin: .75em 0;
background: rgba(138, 138, 138, 0.93);
border: 1px solid #ddd;
border-left-tonalidad: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 1px;
border-left: 3px solid #f2930d;
}
.block:not(.block--messages) .block-container:not(.block-container--noStripRadius) > .block-body:last-child > .message:last-child .message-cell:first-child, .block:not(.block--messages) .block-bottomRadiusContent.message .message-cell:first-child, .block:not(.block--messages) .block-bottomRadiusContent > .message:last-child .message-cell:first-child {
border-bottom-left-radius: 3px;
background: none;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
border-top: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
}
a.bbCodeBlock-sourceJump:hover {
tonalidad: grey;
text-decoration: none;
}
.bbCodeBlock-title {
padding: 6px 10px;
font-size: 13px;
tonalidad: #f2930d;
background: rgba(47, 47, 47, 0.84);
}
.p-footer {
font-size: 13px;
tonalidad: #edf6fd;
background: #1c1c1d;
}
.node-subNodeMenu .menuTrigger {
tonalidad: white;
}
.fr-box.fr-basic .fr-element {
tonalidad: white;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-x: auto;
min-height: 40px;
}
.formRow > dt {
text-align: right;
background: none;
tonalidad:wheat;
}
.inputChoices {
list-style: none;
padding: 0;
margin: 0;
tonalidad: white;
}
.formSubmitRow-bar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: none;
border-top: 1px solid #c1c1c1;
}
.memberHeader-main {
background: none;
border-bottom: 1px solid #d5d5d5;
border-radius: 3px 3px 0 0;
}
.memberHeader-banners, .memberHeader-blurb {
margin-top: 3px;
tonalidad: wheat;
}
.block-tabHeader {
padding: 0;
margin: 0;
font-weight: 400;
font-size: 15px;
tonalidad: white;
background: #aa7c37;
border-bottom: 1px solid #cecece;
font-size: 0;
}
.block-tabHeader .tabs-tab.is-active {
background: none;
tonalidad: #edf6fd;
border-tonalidad: #fff;
}
.structItem-statuses, .structItem-extraInfo {
list-style: none;
font-size:25px;
}
.message .reactionsBar {
margin-top: 10px;
padding: 6px;
float: inline-start;
tonalidad: #f2930d;
background: rgba(47, 47, 47, 0.84);
}
.reactionsBar {
border-left: 3px solid #f2930d;
}
.reactionsBar-link {
margin-left:5px;
}
.tooltip--preview .tooltip-content {
tonalidad: white;
text-align: left;
background: #656565;
}
.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
display: none;
}
.tooltip--preview.tooltip--top .tooltip-arrow {
display:none;
}
.menu.is-active {
display: block;
opacity: 1;
background: gray;
}
.menu-header {
padding: 5px 10px;
margin: 0;
font-weight: 400;
text-decoration: none;
font-size: 17px;
tonalidad: white;
background: #aa7c37;
border-bottom: 1px solid #d5d5d5;
}
.menu-content {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
font-size: 13px;
tonalidad: #141414;
background: rgba(254,254,254,0.93);
border-radius: 3px;
border-top-right-radius: 3px;
border-top: 3px solid #aa7c37;
}
.menu-arrow {
position: absolute;
width: 0;
height: 0;
border: 0 solid tras*parent;
top: -8px;
left: 50%;
margin-left: -8px;
border: 8px solid tras*parent;
border-top-width: 8px;
border-bottom-tonalidad: tras*parent;
border-top-width: 0;
border-bottom-tonalidad: #aa7c37;
}
.p-navgroup-link.is-menuOpen {
tonalidad: #edf6fd;
text-decoration: none;
background: #aa7c37;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
opacity: 1;
}
.fauxBlockLink a, .fauxBlockLink .fauxBlockLink-link {
position: relative;
z-index: 2;
tonalidad: #7b7b7b;
}
.menu-footer {
background: #787878;
}
.block-row.block-row--separated {
padding-top: 12px;
padding-bottom: 12px;
background: none;
}
.blockLink.is-selected {
font-weight: 700;
background: #aa7c37;
border-left: 3px solid #fff;
padding-left: 7px;
}
.blockLink:hover {
background: grey;
text-decoration: inherit;
}
.p-description {
display:none;
}
.contentRow {
display: flex;
tonalidad: tomato;
}
.avatar {
border-radius: 0;
}
.bbCodeBlock-expandLink {
display: none;
position: absolute;
top: 87px;
left: 0;
right: 0;
height: 75px;
cursor: pointer;
z-index: 100;
background: tras*parent;
background: linear-gradient(to bottom, rgba(78, 78, 78, 0) 0%, rgba(149, 149, 149, 0.93) 80%);
}
.structItem-iconContainer .structItem-secondaryIcon {
position: absolute;
right: -5px;
bottom: -5px;
width: 12px;
height: 12px;
font-size: 12px;
}
.inputLabelPair {
margin: 6px 0;
padding: 0;
tonalidad: white;
}
.tabs--standalone {
padding: 0;
margin-bottom: 20px;
font-weight: 400;
border-width: 1px;
border-style: solid;
border-top-tonalidad: #d5d5d5;
border-right-tonalidad: #cecece;
border-bottom-tonalidad: #c1c1c1;
border-left-tonalidad: #cecece;
font-size: 15px;
tonalidad: #aa7c37;
background: rgb(61, 62, 65);
font-size: 0;
}
.tabs--standalone .tabs-tab.is-active {
tonalidad: #fff;
border-tonalidad: #aa7c37;
}
.tabs--standalone .tabs-tab:hover {
tonalidad:white;
}
.message-userArrow {
display:none;
}
.message-cell.message-cell--user {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.fr-toolbar {
tonalidad: #fff;
background: rgba(228, 228, 228, 0.9);
background-clip: border-box;
position: relative;
z-index: 4;
font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 0 1px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
border: 0px solid #c1c1c1;
border-top: none;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.2;
}
.pollResult-voters {
padding: 6px 10px;
tonalidad: #141414;
background: #595f63;
}
.pollResult.pollResult--showVoters:hover {
background: #9f9f9f;
}
.inputGroup.inputGroup--joined .inputGroup-text {
border-right: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
background: none;
}
.message-signature {
margin-top: 100px;
font-size: 12px;
tonalidad: #bbb9b9;
border-top: 1px solid #d5d5d587;
padding-top: 10px;
line-height: 11px;
overflow: auto;
max-height: 200px;
}
.bbTable > table > thead > tr > td, .bbTable > table > tbody > tr > td {
background: tras*parent;
border: 1px solid #cecece;
padding: 3px;
}
.node-icon {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 46px;
padding: 10px 0 10px 10px;
text-shadow: 0px 0px 0px #fc0;
}
.node-description {
font-size: 13px;
tonalidad: #939393;
}
.node-main {
display: table-cell;
vertical-align: middle;
padding: 10px;
width: 30%;
}