@keyframes marta_found {
0% {border: 4px dashed #6495ED;} 20% {border: 4px dashed #FF7F50; transform: scale(1.1);} 40% {border: 4px dashed #8FBC8F; transform: scale(1.2);} 60% {border: 4px dashed #FFA500; transform: scale(1.3);} 80% {border: 4px dashed #DDA0DD; transform: scale(1.2);} 100% {border: 4px dashed #6495ED; transform: scale(1.1);}
}
div * {
animation : none; animation-delay : 0; animation-direction : normal; animation-duration : 0; animation-fill-mode : none; animation-iteration-count : 1; animation-name : none; animation-play-state : running; animation-timing-function : ease; backface-visibility : visible; background : 0; background-attachment : scroll; background-clip : border-box; background-color : transparent; background-image : none; background-origin : padding-box; background-position : 0 0; background-position-x : 0; background-position-y : 0; background-repeat : repeat; background-size : auto auto; border : 0; border-style : none; border-width : medium; border-color : inherit; border-bottom : 0; border-bottom-color : inherit; border-bottom-left-radius : 0; border-bottom-right-radius : 0; border-bottom-style : none; border-bottom-width : medium; border-collapse : separate; border-image : none; border-left : 0; border-left-color : inherit; border-left-style : none; border-left-width : medium; border-radius : 0; border-right : 0; border-right-color : inherit; border-right-style : none; border-right-width : medium; border-spacing : 0; border-top : 0; border-top-color : inherit; border-top-left-radius : 0; border-top-right-radius : 0; border-top-style : none; border-top-width : medium; bottom : auto; box-shadow : none; box-sizing : content-box; caption-side : top; clear : none; clip : auto; color : black; columns : auto; column-count : auto; column-fill : balance; column-gap : normal; column-rule : medium none currentColor; column-rule-color : currentColor; column-rule-style : none; column-rule-width : none; column-span : 1; column-width : auto; content : normal; counter-increment : none; counter-reset : none; cursor : auto; direction : ltr; empty-cells : show; float : none; font : normal; font-family : sans-serif; font-size : medium; font-style : normal; font-variant : normal; font-weight : normal; height : auto; hyphens : none; left : auto; letter-spacing : normal; line-height : normal; list-style : none; list-style-image : none; list-style-position : outside; list-style-type : disc; margin : 0; margin-bottom : 0; margin-left : 0; margin-right : 0; margin-top : 0; max-height : none; max-width : none; min-height : 0; min-width : 0; opacity : 1; orphans : 0; outline : 0; outline-color : invert; outline-style : none; outline-width : medium; overflow : auto; overflow-x : visible; overflow-y : visible; padding : 0; padding-bottom : 0; padding-left : 0; padding-right : 0; padding-top : 0; page-break-after : auto; page-break-before : auto; page-break-inside : auto; perspective : none; perspective-origin : 50% 50%; right : auto; tab-size : 8; table-layout : auto; text-align : auto; text-align-last : auto; text-decoration : none; text-decoration-color : inherit; text-decoration-line : none; text-decoration-style : solid; text-indent : 0; text-shadow : none; text-transform : none; top : auto; transform : none; transform-style : flat; transition : none; transition-delay : 0s; transition-duration : 0s; transition-property : none; transition-timing-function : ease; unicode-bidi : normal; vertical-align : baseline; visibility : visible; white-space : normal; widows : 0; width : auto; word-spacing : normal;
} div {
border: 2px solid black; outline: 2px solid #bbbbbb; background-color: lightgray; position : relative; z-index : 2147483647; padding: 0; margin: 0px 0px 0px 0px; overflow-y: scroll; max-height: 100%;
}
div div {
background: linear-gradient(to right, blue , lightblue); padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; color: white; display: flex;
}
div {
margin-left: auto;
}
input {
color: black; background-color: lightgrey; border: 1px solid black; visibility: visible; width: 30px; height: 26px; text-align: center;
}
div[martastyle=hidden] *:not() {
visibility: hidden;
}
div[martastyle=hidden]{
height: 0px; outline: none; border: none; overflow-y: initial;
}
h2#marta_main_title {
font-size: 20px;
}
div {
background-color: #F6F5D7; color: black; text-align: center; padding: 5px; border-radius: 6px; z-index: 1; display: table; margin: 0 auto;
}
div {
position:fixed; padding:0; margin:0; top:0; left:0; opacity: 0; background: black; height: 100%; width: 100%; pointer-events: visible; display: block; z-index: 2147483646;
}
div {
height: 0%; width: 0%;
}
div{
text-align: center;
}
div div {
background-color: #D7F6F5; text-align: center; padding: 5px; border-style: solid; border-width: 1px; width: 90%;
}
div div span {
display: block; position: relative; margin-left: 30px; text-align: left; cursor: pointer; word-wrap:break-word;
}
div b {
color: red;
}
div {
margin-top: 10px; text-align: center;
}
border-style: solid; border-width: 1px; background: linear-gradient(lightgrey , grey); border-radius: 3px; padding: 6px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px;
}
input:hover {
background: linear-gradient(lightblue , blue); border-color: blue;
}
input:hover {
background: linear-gradient(lightgreen , green); border-color: green;
}
input:hover {
background: linear-gradient(pink , red); border-color: red;
}
div {
margin-left: 10px;
}
div {
margin-left: 10px; display: flex;
}
input[type=text] {
width: 50%; padding: 6px 8px; font-size: 14px; background-color: white; border-color: black; border-style: solid; border-width: 1px;
}
input[martastyle=name_field] {
width: 20%;
}
div {
margin-left: 10px; display: table; border-style: solid; border-width: 1px; border-radius: 5px;
}
input:disabled, input:disabled{
background: linear-gradient(to right, lightgrey , white);
}
input[martastyle=not_value_field] {
width: 40%;
}
input[martastyle=not_field] {
width: 10%; color:red; background-color: darkblue;
}
input[type=checkbox] {
-webkit-appearance: none; background-color: white; border: 3px solid white; padding: 6px; border-radius: 3px; display: inline-block; position: relative;
}
input[type=checkbox]:checked {
background-color: darkgrey; border: 3px solid white; color: #99a1a7;
}
- martaclass=foundbymarta
-
{animation: marta_found 6s infinite;
-webkit-appearance: none; -moz-appearance: none; appearance: none;
}