Untitled diff

Created Diff never expires
34 removals
294 lines
144 additions
402 lines
/** BBcode **/
/** BBcode **/
.bbcode {
.bbcode {
position: relative;
position: relative;
display: table;
display: table;
margin: 5px auto -5px auto;
margin: 5px auto -5px auto;
width: 99%;
width: 99%;
background-color: #EEEEEE;
background-color: #EEEEEE;
border: 1px solid #BBBBBB;
border: 1px solid #BBBBBB;
border-radius: 4px 4px 0 0;
}
}
.bbcode-containers {
.bbcode-containers {
display: table-cell;
display: table-cell;
font-size: 0;
}
}
.bbcode-container {
.bbcode-container {
position: relative;
display: inline-block;
display: inline-block;
margin: 2px 0 2px 0;
margin: 2px 0 2px 0;
padding: 0;
padding: 0;
font-size: 0;
border-right: 1px solid #CECECE;
border-right: 1px solid #CECECE;
}
}
@media (min-width: 769px) {
.bbcode-container {
position: relative;
}
}
.bbcode-container:after {
.bbcode-container:after {
position: absolute;
position: absolute;
right: -2px;
right: -2px;
height: 24px;
height: 24px;
width: 1px;
width: 1px;
content: "";
content: "";
background: #FFFFFF;
background: #FFFFFF;
}
}
.bbcode-elements {
.bbcode-elements {
position: relative;
display: inline-block;
display: inline-block;
height: 24px;
height: 24px;
}
}
@media (min-width: 769px) {
.bbcode-elements {
position: relative;
}
}
.bbcode-elements > a {
.bbcode-elements > a {
display: inline-block;
display: inline-block;
height: 22px;
height: 22px;
border: 1px solid transparent;
border: 1px solid transparent;
}
}
.bbcode .bbcode-elements > a {
.bbcode .bbcode-elements > a {
margin: 1px 2px;
margin: 1px 2px;
padding: 2px 2px 0 2px;
padding: 2px 2px 0 2px;
width: 23px;
width: 23px;
}
}
.bbcode-elements > a:hover {
.bbcode-elements > a:hover {
color: #222222;
color: #222222;
text-decoration: none;
text-decoration: none;
}
}
.bbcode .bbcode-elements > a:hover {
.bbcode .bbcode-elements > a:hover {
background-image: linear-gradient(#F8F8F8, #F1F1F1);
background-image: linear-gradient(#F8F8F8, #F1F1F1);
border: 1px solid #C6C6C6;
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
border-radius: 3px;
}
}
.bbcode-elements a,
.bbcode-elements a,
.bbcode-block-container {
.bbcode-block-container {
font-size: 1.3rem;
font-size: 1.3rem;
}
}
.bbcode-elements-more {
.bbcode-elements-more {
display: table-cell;
display: table-cell;
margin: auto;
margin: auto;
width: 20px;
width: 20px;
vertical-align: middle;
vertical-align: middle;
font-size: 1rem;
font-size: 1rem;
text-align: center;
text-align: center;
}
}
.bbcode .bbcode-elements-more a {
.bbcode .bbcode-elements-more a {
padding: 0;
padding: 0;
width: 20px;
width: 20px;
}
}
.bbcode-elements-more a {
.bbcode-elements-more a {
margin: 3px 0;
margin: 3px 0;
padding: 0;
padding: 0;
width: 18px;
width: 18px;
height: 18px;
height: 18px;
}
}
.bbcode-elements-more .fa { color: #AAAAAA; }
.bbcode-elements-more .fa { color: #AAAAAA; }
.bbcode-elements-more:hover .fa { color: #111111; }
.bbcode-elements-more:hover .fa { color: #111111; }
.bbcode-hover,
.bbcode-hover,
.bbcode-elements a,
.bbcode-elements a,
.bbcode-elements i {
.bbcode-elements i {
cursor: pointer;
cursor: pointer;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.bbcode-backspace {
.bbcode-backspace {
display: none;
display: none;
}
}
}
}
.bbcode-block-container {
.bbcode-block-container {
position: absolute;
position: absolute;
top: 26px;
left: -4px;
bottom: 0;
bottom: 0;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
z-index: 10;
z-index: 20;
text-align: center;
}
.bbcode-block {
margin: 0;
background-color: #F3F3F3;
border: 1px solid #AAAAAA;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
}
.bbcode-block-container:before {
.bbcode-block a {
position: absolute;
cursor: pointer;
top: -8px;
text-decoration: none;
left: 8px;
border-bottom: 9px solid #AAAAAA;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
content: " ";
}
}
.bbcode-block-container:after {
@media (max-width: 768px) {
position: absolute;
.bbcode-block-container {
left: 9px;
top: 0;
top: -7px;
left: 0;
border-bottom: 8px solid rgba(250, 250, 250, 1);
bottom: 0;
border-left: 8px solid transparent;
right: 0;
border-right: 8px solid transparent;
}
content: " ";
}
}
.block-smileys {
@media (min-width: 769px) {
width: 150px;
.bbcode-block-container:before,
height: 150px;
.bbcode-block-container:after {
padding: 2px 0px 2px 3px;
position: absolute;
overflow-y: scroll;
content: " ";
border-style: solid;
border-color: transparent;
}
.bbcode-block-container:before {
top: -8px;
left: 8px;
border-width: 0 9px 9px 9px;
border-bottom-color: #AAAAAA;
}
.bbcode-block-container:after {
left: 9px;
top: -7px;
border-width: 0 8px 8px 8px;
border-bottom-color: rgba(250, 250, 250, 1);
}
}
}
.block-smileys li {
.bbcode-block-smileys,
.bbcode-block-fa {
max-height: 230px;
padding: 4px 0px 2px 3px;
overflow-y: auto;
text-align: left;
}
.bbcode-block-smileys li,
.bbcode-block-fa li {
display: inline-block;
display: inline-block;
}
}
.block-smileys li a {
.bbcode-block-fa li {
padding: 1px 2px;
width: 20px;
}
.bbcode-block-smileys li a,
.bbcode-block-fa li a {
display: block;
display: block;
}
}
@media (max-width: 768px) {
.bbcode-block-smileys li a {
padding: 10px;
}
.bbcode-block-smileys {
max-height: 300px;
}
.bbcode-block-fa li {
padding: 7px;
width: 29px;
}
.bbcode-block-fa {
max-height: 400px;
}
}
.bbcode-block-container.color-picker table {
width: auto;
}
@media (max-width: 768px) {
.bbcode-block-container.color-picker td a {
height: 32px;
width: 32px;
}
}
.bbcode-block-list {
.bbcode-block-list {
margin: 0;
margin: 0;
padding: 3px 0;
padding: 3px 0;
overflow: visible;
overflow: visible;
}
}
.bbcode-block-list li,
.bbcode-block-list li,
.bbcode-block-list li a {
.bbcode-block-list li a {
display: block;
display: block;
padding: 2px 0 2px 4px;
padding: 2px 0 2px 4px;
cursor: pointer;
cursor: pointer;
text-align: left;
text-align: left;
}
}
.bbcode-block-code {
.bbcode-block-code {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
height: 300px;
height: 300px;
overflow-y: scroll;
overflow-y: scroll;
}
}
.bbcode-block-code > ul {
.bbcode-block-code > ul {
margin-left: 0;
margin-left: 0;
}
}
.bbcode-block-code li {
.bbcode-block-code li {
padding: 0 0 0 12px;
padding: 0 0 0 12px;
}
}
.bbcode-block-list li:hover {
.bbcode-block-list li:hover {
background-color: rgba(0, 0, 0, 0.05);
background-color: rgba(0, 0, 0, 0.05);
}
}
.bbcode-block-list li.bbcode-code-title {
.bbcode-block-list li.bbcode-code-title {
margin: 3px 10px 1px 5px;
margin: 3px 10px 1px 5px;
padding: 6px 0 1px 2px;
padding: 6px 0 1px 2px;
border-bottom: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}
}
.bbcode-block-list li.bbcode-code-title:hover {
.bbcode-block-list li.bbcode-code-title:hover {
background: none;
background: none;
cursor: auto;
cursor: auto;
}
}
.bbcode-block-list li.bbcode-code-title span {
.bbcode-block-list li.bbcode-code-title span {
color: #666666;
color: #666666;
font-weight: bold;
font-weight: bold;
}
}
.bbcode-block .form-element {
.bbcode-block .form-element {
margin: 2px 7px;
margin: 2px 7px;
}
}
@media (max-width: 768px) {
.bbcode-block .form-element {
margin: 2px auto;
width: 150px;
}
}
.bbcode-block .form-element label {
.bbcode-block .form-element label {
padding-right: 0;
padding-right: 0;
width: 70%;
width: 70%;
vertical-align: middle;
vertical-align: middle;
color: #555555;
color: #555555;
text-align: left;
text-align: left;
}
}
.bbcode-block .form-element .form-field {
.bbcode-block .form-element .form-field {
width: 23%;
width: 23%;
}
}
.bbcode-block .form-element input {
.bbcode-block .form-element input {
padding: 2px 5px;
padding: 2px 5px;
}
}
.bbcode-form-element-text {
.bbcode-form-element-text {
margin: 10px 5px 5px 5px;
margin: 10px 5px 5px 5px;
padding: 5px 5px 0 5px;
padding: 5px 5px 0 5px;
border-top: 1px solid #BEBEBE;
border-top: 1px solid #BEBEBE;
text-align: center;
text-align: center;
}
}
.bbcode-block-fonts { width: 120px; }
.bbcode-block-fonts {
.bbcode-block-title { width: 70px; }
height: 300px;
.bbcode-block-ul { width: 150px; }
overflow-y: scroll;
.bbcode-block-block { width: 100px; }
}
.bbcode-block-message { width: 110px; }
.bbcode-block-table { width: 160px; }
@media (min-width: 769px){
.bbcode-block-code { width: 130px; }
.bbcode-block-fonts { width: 120px; }
.bbcode-block-title { width: 70px; }
.bbcode-block-ul { width: 150px; }
.bbcode-block-block { width: 100px; }
.bbcode-block-message { width: 110px; }
.bbcode-block-size { width: 40px; }
.bbcode-block-hide { width: 90px; }
.bbcode-block-table { width: 160px; }
.bbcode-block-code { width: 130px; }
.bbcode-block-smileys { width: 188px; }
.bbcode-block-fa { width: 272px; }
.bbcode-block-aligns { width: 120px; }
.bbcode-block-positions { width: 120px; }
}
.bbcode-forbidden,
.bbcode-forbidden i {
opacity: 0.3 !important;
cursor: not-allowed !important;
}
/* Icones de la barre BBCode */
/* Icones de la barre BBCode */
.bbcode a,
.bbcode a,
.bbcode .fa {
.bbcode .fa {
color: #555555;
color: #555555;
text-align: center;
text-align: center;
vertical-align: 0;
vertical-align: 0;
}
}
.bbcode-icon-anchor:before { content: "\f13d"; }
.bbcode-icon-anchor:before { content: "\f13d"; }
.bbcode-icon-bold:before { content: "\f032"; }
.bbcode-icon-bold:before { content: "\f032"; }
.bbcode-icon-italic:before { content: "\f033"; }
.bbcode-icon-italic:before { content: "\f033"; }
.bbcode-icon-underline:before { content: "\f0cd"; }
.bbcode-icon-underline:before { content: "\f0cd"; }
.bbcode-icon-strike:before { content: "\f0cc"; }
.bbcode-icon-strike:before { content: "\f0cc"; }
.bbcode-icon-smileys:before { content: "\f118"; }
.bbcode-icon-smileys:before { content: "\f118"; }
.bbcode-icon-title:before { content: "\f022"; }
.bbcode-icon-title:before { content: "\f022"; }
.bbcode-icon-subtitle:before { content: "\f096"; }
.bbcode-icon-subtitle:before { content: "\f096"; }
.bbcode-icon-style:before { content: "\f071"; }
.bbcode-icon-style:before { content: "\f071"; }
.bbcode-icon-url:before { content: "\f0ac"; }
.bbcode-icon-url:before { content: "\f0ac"; }
.bbcode-icon-image:before { content: "\f03e"; }
.bbcode-icon-image:before { content: "\f03e"; }
.bbcode-icon-lightbox:before { content: "\f030"; }
.bbcode-icon-lightbox:before { content: "\f030"; }
.bbcode-icon-quote:before { content: "\f10d"; }
.bbcode-icon-quote:before { content: "\f10d"; }
.bbcode-icon-hide:before { content: "\f070"; }
.bbcode-icon-hide:before { content: "\f070"; }
.bbcode-icon-list:before { content: "\f03a"; }
.bbcode-icon-list:before { content: "\f03a"; }
.bbcode-icon-color:before { content: "\f043"; }
.bbcode-icon-color:before { content: "\f043"; }
.bbcode-icon-size:before { content: "\f034"; }
.bbcode-icon-size:before { content: "\f034"; }
.bbcode-icon-font:before { content: "\f031"; }
.bbcode-icon-font:before { content: "\f031"; }
.bbcode-icon-minus:before { content: "\f068"; }
.bbcode-icon-minus:before { content: "\f068"; }
.bbcode-icon-plus:before { content: "\f067"; }
.bbcode-icon-plus:before { content: "\f067"; }
.bbcode-icon-more:before { content: "\f0dc"; }
.bbcode-icon-more:before { content: "\f0dc"; }
.bbcode-icon-left:before { content: "\f036"; }
.bbcode-icon-left:before { content: "\f036"; }
.bbcode-icon-center:before { content: "\f037"; }
.bbcode-icon-center:before { content: "\f037"; }
.bbcode-icon-right:before { content: "\f038"; }
.bbcode-icon-right:before { content: "\f038"; }
.bbcode-icon-justify:before { content: "\f039"; }
.bbcode-icon-justify:before { content: "\f039"; }
.bbcode-icon-float-left:before { content: "\f048"; }
.bbcode-icon-float-left:before { content: "\f048"; }
.bbcode-icon-float-right:before { content: "\f051"; }
.bbcode-icon-float-right:before { content: "\f051"; }
.bbcode-icon-sup:before { content: "\f12b"; }
.bbcode-icon-sup:before { content: "\f12b"; }
.bbcode-icon-sub:before { content: "\f12c"; }
.bbcode-icon-sub:before { content: "\f12c"; }
.bbcode-icon-indent:before { content: "\f03c"; }
.bbcode-icon-indent:before { content: "\f03c"; }
.bbcode-icon-table:before { content: "\f0ce"; }
.bbcode-icon-table:before { content: "\f0ce"; }
.bbcode-icon-flash:before { content: "\f01d"; }
.bbcode-icon-flash:before { content: "\f01d"; }
.bbcode-icon-movie:before { content: "\f008"; }
.bbcode-icon-movie:before { content: "\f008"; }
.bbcode-icon-youtube:before { content: "\f167"; }
.bbcode-icon-youtube:before { content: "\f167"; }
.bbcode-icon-sound:before { content: "\f001"; }
.bbcode-icon-sound:before { content: "\f001"; }
.bbcode-icon-code:before { content: "\f121"; }
.bbcode-icon-code:before { content: "\f121"; }
.bbcode-icon-math:before { content: "\f136"; }
.bbcode-icon-math:before { content: "\f136"; }
.bbcode-icon-html:before { content: "\f13b"; }
.bbcode-icon-html:before { content: "\f13b"; }
.bbcode-icon-help:before { content: "\f059"; }
.bbcode-icon-help:before { content: "\f059"; }
.bbcode-icon-upload:before { content: "\f0ee"; }
.bbcode-icon-upload:before { content: "\f0ee"; }
.bbcode-icon-fa:before { content: "\f024"; }
.bbcode-icon-mail:before { content: "\f0e0"; }
.bbcode-icon-feed:before { content: "\f09e"; }
.bbcode-icon-bgcolor:before { content: "\f1fc"; }
/* Icones modifications size or color */
/* Icones modifications size or color */
.bbcode-icon-math:before {
.bbcode-icon-math:before {
font-size: 0.8em;
font-size: 0.8em;
}
}
.bbcode-icon-plus:before,
.bbcode-icon-plus:before,
.bbcode-icon-minus:before {
.bbcode-icon-minus:before {
font-size: 0.7em;
font-size: 0.7em;
}
}
.bbcode-icon-more:before {
.bbcode-icon-more:before {
font-size: 0.8em;
font-size: 0.8em;
}
}