Editor CSS de la cápsula. Los cambios se guardan en /salida/ .
Editor CSS por atributo webclass
Ingresa el número correlativo del div. Por ejemplo, si quieres afectar
<div webclass="app25">, escribe 25 .
El sistema generará automáticamente:
[webclass="app25"] { ... }
Aún no hay reglas CSS por webclass.
Guardar CSS en salida
@charset "utf-8";
/* CSS Document */
.pageTitleAllGrades
{
border: none;
background-color:transparent !important;
font-family: AdLibPrimaryHMH !important;
font-size:17pt !important;
color:#ffffff !important;
text-shadow: 3px 3px 1px rgba(0,0,0,0.4);
}
.reasoningEntryStyle
{
background: url(transparent.png) transparent !important;
border: none;
resize: none !important;
height: 72px !important;
width: 756px !important;
font-family:HMSCDMyriadStdSemiBold !important;
color: #535252 !important;
line-height:31px !important;
overflow: auto;
overflow-x: hidden !important;
autofocus: true !important;
padding-top:10px !important;
padding-left:20px !important;
font-size:21px !important;
outline: none;
}
.inputFreeTextK2{
border: 2px solid #79b701 !important;
-moz-box-shadow: inset 0 0 3px 0px #000000 !important;
-webkit-box-shadow: inset 0 0 3px 0px #000000 !important;
box-shadow: inset 0 0 3px 0px #000000 !important;
color:#0181f0 !important;
font-family:HMSHelveticaMathStd !important;
font-size:17pt !important;
font-weight: bold !important;
padding-left:10px !important;
padding-top:0px !important;
opacity:55% !important;
height:36px !important;
line-height:36px !important;
}
.inputFreeTextK3to5{
border: 2px solid #79b701 !important;
-moz-box-shadow: inset 0 0 3px 0px #000000 !important;
-webkit-box-shadow: inset 0 0 3px 0px #000000 !important;
box-shadow: inset 0 0 3px 0px #000000 !important;
color:#0181f0 !important;
font-family:HMSCDMyriadStdSemiBold !important;
font-size:15pt !important;
padding-left:0px !important;
padding-top:0px !important;
opacity:55% !important;
height:36px !important;
line-height:36px !important;
}
input
{
border: 2px solid #79b701 !important;
-moz-box-shadow: inset 0 0 3px 0px #000000 !important;
-webkit-box-shadow: inset 0 0 3px 0px #000000 !important;
box-shadow: inset 0 0 3px 0px #000000 !important;
color:#0181f0 !important;
font-family:HMSCDMyriadStdSemiBold !important;
font-size:15pt !important;
font-weight: bold !important;
padding-left:10px !important;
padding-top:0px !important;
opacity:55% !important;
}
.normalinputstyle{
color:#0181f0 !important;
}
.answershown
{
color:black !important;
}
.inputTextStyle.RemPad{ padding-left:0px !important;}
.normalinputstyle.RemPad,.answershown.RemPad{ padding-left:0px !important; text-align:center !important;}
.DLG_Triv_modalDiv{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#666;
-moz-opacity:0.65;
filter:alpha(opacity=65);
opacity:0.65;
display:none;
}
.DLG_Triv_dragDiv{
position:absolute;
width:100%;
height:100%;
-moz-opacity:0.50;
filter:alpha(opacity=50);
opacity:0.50;
display:none;
}
.DLG_Triv_titleBar,.DLG_Triv_titleBarLine{
background-image:url(./images/trivantis-dlg-titlebar.gif);
background-repeat:repeat-x;
position:relative; /* IMPORTANT */
}
.DLG_Triv_titleBarLine{
border-bottom:1px solid #000;
}
.DLG_Triv_titleText{ /* The title text in the title bar */
padding:1px;
padding-left:5px;
color:#FFF;
font-size:11px;
font-weight:bold;
font-family: helvetica, arial;
height:15px; /* EJT added for PROBLEM1 */
}
.DLG_Triv_titleBtns{ /* Div for the buttons in the title bar */
position:absolute;
right:1px;
top:2px; /* EJT changed from 1px to 2px for PROBLEM2 */
width:100px;
padding:0px;
margin:0px;
height:11px;
}
.DLG_Triv_titleBtns div{
float:right;
}
/* General button rules */
.DLG_Triv_titleCloseBtn{
background-repeat:no-repeat;
background-position:center 3px;
*background-position:center 2px; /* EJT add for IE only for PROBLEM2 */
margin:0px;
padding:2px;
*padding:1px; /* EJT added for IE only for PROBLEM2 */
width:11px;
height:11px;
*overflow-y:hidden; /* EJT added for IE only for PROBLEM2 */
}
.DLG_Triv_titleCloseBtn{
background-image:url(./images/trivantis-dlg-close.gif);
}
.DLG_Triv_winBtnOver { /* General roll over effects for buttons */
padding:0px; /* EJT changed from 1px to 0px for PROBLEM2 */
margin-right:1px; /* EJT added for non IE for PROBLEM2 */
*margin-right:0px; /* EJT added for IE only for PROBLEM2 */
border:1px solid #FFF;
background-color:#000;
background-position:center 2px; /* EJT added for non IE for PROBLEM2 */
*background-position:center 1px; /* EJT added for IE only for PROBLEM2 */
cursor:pointer;
}
.DLG_Triv_window{ /* This div is the parent parent element of window elements such as tabs, content and status bar, i.e. the primary main parent element for a window */
background-color:#FFF;
border:1px solid #000;
width:330px;
height:200px;
overflow:hidden;
top:0px;
left:0px;
z-index:100000;
position:absolute;
display:none;
}
.DLG_Triv_innerDiv{ /* This div is the parent parent element of window elements such as tabs, content and status bar, i.e. the primary main parent element for a window */
position:relative;
background-color:#FFF;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#FFF;
}
.DLG_Triv_content{
overflow:none;
position:relative;
border:none;
}
.DLG_Triv_resizeHandle{
background-image:url('./images/trivantis-dlg-resize.gif');
background-repeat:no-repeat;
position:absolute;
bottom:0px;
right:0px;
width:14px;
height:14px;
}
@import url("https://contenido.webclass.com/desafio/css/desafiomate.css");
* { margin:0; padding:0; }
a {
text-decoration:none;
}
h1 {
margin-top:0px;
}
h2 {
font-size:1.2em;
}
h3 {
margin-top:30px;
}
pre {
color:red;
}
body {
background-color:#FFFFFF;
font-family:Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;
font-size:0.8em;
}
/* Note: using div[name="dCon2"] does not work in IE for published content, position absolute fails bug 11142 */
.ttxt
{
position: absolute;
overflow: hidden;
font-family: Arial, sans-serif;
background-color: transparent !important;
font-size: 10pt;
background-image: url(images/trivantis-blank.gif);
color:black;
}
.ttxt p, .ttxt ul, .ttxt ol, .ttxt li
{
margin: 0px;
text-indent: 0px;
font-family: Arial, sans-serif;
line-height: normal;
}
.ttxt h1, .ttxt h2
{
padding: 0px 0px 0px 0px;
font-weight:normal;
font-size:10pt;
}
.ttxt ul
{
padding: 0px 0px 0px 30px;
list-style-type: disc;
}
.ttxt ol
{
padding: 0px 0px 0px 30px;
}
.ttxt li
{
padding: 0px;
}
.ttxt a
{
cursor:pointer;
color:inherit;
}
.DLG_listbox{
position:absolute;
}
div.DLG_listbox{
border:2px inset #8EB9F3;
overflow:auto;
}
div.DLG_listbox p{
cursor:default;
padding-left:3px;
font-family:arial;
font-size:9pt;
white-space:nowrap;
color:#000000;
margin: 0px;
}
/* the following table style is needed for tables to inherit styles from a div in firefox */
/* in Webtora runtime we run in a panel which sets oIFrame.src = 'javascript:void(0)' */
/* and that actually takes care of the inheritance problem in runtime, but since we */
/* do not have a frame in runtime I just added the following styles */
table, caption {
font-family: inherit;
background-color: inherit;
color: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-variant: inherit;
}
p.DLG_selected{
background-color:#C3DAF9;
}