HIJO-1B

body{ font-size: 100%;font-family:"message-box", "Tahoma", "Geneva", sans-serif; } body, table, tbody, tr, td { width:100%; min-height:100% !important; padding: 0 !important; margin: 0 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; border: none !important; } body, table{ position:relative; } table{ display: table; } tbody{ display: table-row-group; } tr{ position:absolute; display: table-row; } td{ display: table-cell; } tr:first-child { text-align:center;text-align:-moz-center;text-align:-webkit-center; background:-moz-linear-gradient(top,#fff 0,#c7c7c7 50%,#bfbfbf 50%,#8a8a8a);background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#c7c7c7),color-stop(.5,#bfbfbf),to(#8a8a8a));-moz-box-shadow:1px 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);-webkit-box-shadow:1px 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);box-shadow:1px 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);text-shadow:0 -1px 0 rgba(056,056,056,1),0 1px 0 rgba(227,227,227,1); } tr:first-child td > spam, tr:first-child td > img { color: #ffffff; background: -moz-linear-gradient(top,#6b6b6b 0%,#000000);background: -webkit-gradient(linear, left top, left bottom,from(#6b6b6b),to(#000000));border: 1px solid #000000;-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);text-shadow: 0px -1px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3); } tr:first-child td > spam { display:block; width:95vw;text-decoration:none; -webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px; } img[type=button] { display:list-item; padding:5px;cursor: pointer;transition:width 1s,height 1s,transform 1s;-moz-transition:width 1s,height 1s,-moz-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;-o-transition:width 1s,height 1s,-o-transform 1s;width:106px;height:150px;margin:15px auto!important;box-shadow:0 15px 15px -10px rgba(0,0,0,.7)!important; } img[type=button]:hover,img[type=button]:focus,spam[type=button]:hover,#videoSelected spam:hover { cursor: pointer;color: #050505;background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 1%,#dbdbdb 16%,#e3e3e3 64%,#ffffff);background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.1, #ebebeb),color-stop(0.16, #dbdbdb),color-stop(0.64, #e3e3e3),to(#ffffff));border: 1px solid #949494; } img[type=button]:hover, img[type=button]:focus { transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); } tr:last-child { display:none; text-align: left;text-align:left;text-align:-moz-left;text-align:-webkit-left; background-color:#EEEEEE; } /* listas ==========*/ #dataList { position: fixed !important; padding: 10px !important; margin: 0 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;z-index: 9998; border: none !important; overflow: auto; } li[type=button] > spam { color:#000000; padding: 3px 10px; -webkit-margin-right: 5px; -moz-margin-right: 5px; margin-right: 5px; border: 1px solid #B0BEC5; } li > ul, li[type=button] { margin: 5px 0; font-size: inherit; text-decoration:none; list-style-type: none; border:2px solid #B0BEC5; } li[type=button] { padding: 5px; } li > ul { padding-left: 10px;border-top:none;border-right:none; } li[type=button], li[type=button] > spam { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0); background-color:#ffffff; cursor:pointer; } li[type=button], li[type=button] > spam { -webkit-border-top-right-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; } #videoSelected, li[type=button]:hover, li[type=button]:focus, li[type=button]:before, li[type=button] > spam:hover, li[type=button] > spam:focus { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed)); background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%); background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf", endColorstr="#ededed",GradientType=0); background-color:#dfdfdf; border-color:#CFD8DC; } li[type=button]:active { position:relative; top:1px; } #videoSelected { color:#777777; font-weight:bold; border: none; left: 0; right: 0; margin: 0; padding: 3px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* The Modal (background) */ #Blockquote { width:100%; clear:both; display: block; position: relative; padding: 0; margin:0; left: 0; top: 0; overflow: hidden; } /* Modal Content */ #Blockquote > iframe { width:100%; float:left; clear:both; display: block; left: 0; margin: 0; padding: 0; background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ -webkit-animation-name: animatetop; -webkit-animation-duration: 1s; animation-name: animatetop; animation-duration: 1s } @keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} /* Center the loader */ #loader { width:30vh; height:30vh; overflow: hidden; float:center; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align:center;text-align:-moz-center;text-align:-webkit-center; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 } } @keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 } } #Clos3, #topBtn { position: fixed;float:right; right: 0.7em;color:#607D8B;text-align:center;text-align:-moz-center;text-align:-webkit-center;z-index: 9999;font-size: 2em;font-weight: bold;text-decoration:none;border-color: #78909C;cursor:pointer; } #Clos3 { top: 0;-webkit-border-radius:20%;-moz-border-radius:20%;border-radius:20%; } #topBtn { top: 25%; bottom: 55%;-webkit-border-radius:10%;-moz-border-radius:10%;border-radius:10%; }