UN FELIZ BOLSILLO LLENO DE DINERO, uno de los mejores libros sobre las Leyes del Universo. Gratis en http://t.co/nyysVCDo
/* Begin: reset styles */ body,div,ul,ol,li,input,textarea,p,abbr { margin:0; outline: none; padding:0; } ol,ul { list-style:none; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; } img { border: none; } /* End: reset */ #chromefix { -webkit-transform: perspective(1); /* Chrome 12/13/14 flicker fix. */ } body { background-color: rgba(238, 238, 238, 1); background-image: url(#EEEEEE none repeat scroll top left); background-position: left top; background-repeat: no-repeat; } body, input, textarea { font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; } a, a:focus { color: rgba(0, 158, 184, 1); font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; outline: none; text-decoration: none; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; -webkit-transition: color .3s; transition: color .3s; } a:visited { color: rgba(0, 158, 184, 1); } a:hover { color: rgba(0, 158, 184, 1); text-decoration: underline; } abbr.published { outline: none; text-decoration: none; border: none; } .title { color: rgba(51, 51, 51, 1); font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; } .title a { color: rgba(51, 51, 51, 1); font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* Way to prevent any css animations during dom manip. */ .instant, .instant * { -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; -moz-animation-iteration-count: 0 !important; -ms-animation-iteration-count: 0 !important; -o-animation-iteration-count: 0 !important; -webkit-animation-iteration-count: 0 !important; animation-iteration-count: 0 !important; } .adsense { margin: 0 auto; text-align: center; } /* Admin restricted links - obviously verified on server, but for easy templates. */ .blog-admin, .item-control { display: none; } .kd-button { background-color: #f5f5f5; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); border: 1px solid #DCDCDC; border: 1px solid rgba(0,0,0,0.1); -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; color: #222; cursor:default; display: inline-block; font-size: 11px; font-weight: bold; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-align: center; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; -webkit-transition: all 0.218s; transition: all 0.218s; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; } .kd-button:hover { background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); border: 1px solid #C6C6C6; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #222; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; -webkit-transition: all 0.0s; transition: all 0.0s; } .kd-button:active { background-color: #f6f6f6; background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: linear-gradient(top,#f6f6f6,#f1f1f1); border: 1px solid #C6C6C6; -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); color: #333; } .kd-button:focus, .kd-button.right:focus, .kd-button.left:focus{ border: 1px solid #4d90fe; outline: none; z-index: 4 !important; } .kd-button.left { -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; border-right-color: transparent; margin-right: 0; } .kd-button.left:hover { border-right: 1px solid #c6c6c6; } .kd-button.right { -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; margin-left:-5px; } .kd-button.right:hover { border-left: 1px solid #c6c6c6; } .kd-button img { display: inline-block; margin: -3px 0 0; *margin:4px 0 0; /*IE7*/ opacity: 0.55; vertical-align: middle; } .kd-button.selected img { opacity: 0.9; } .kd-button:hover img { opacity: 0.72; } .kd-button:active img { opacity: 1.0; } /*disabled buttons*/ .kd-button.disabled, .kd-button.disabled:hover, .kd-button.disabled:active { background: #FFF; border: 1px solid #f3f3f3; border: 1px solid rgba(0,0,0,0.05); color: #b8b8b8; cursor: default; pointer-events: none; } .kd-button.disabled:active{ -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } .kd-button.disabled img { opacity: 0.5; } .kd-button.small { min-width: 36px; padding: 0; width: 36px; } .ribbon { color: #eee; cursor: default; display: inline-block; text-align: center; width: 35px; } a.ribbon { color: #eee; cursor: pointer; text-decoration: none; } .ribbon .ribbon-piece { background-color: rgba(102, 102, 102, 1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-transition: background-color 0.5s ease-in; -ms-transition: background-color 0.5s ease-in; -o-transition: background-color 0.5s ease-in; -webkit-transition: background-color 0.5s ease-in; transition: background-color 0.5s ease-in; } /* On hover color change. */ a.ribbon:hover .ribbon-piece { background-color: rgba(173, 58, 43, 1); color: #eee; } .ribbon .top { border-bottom: solid 1px rgba(255, 255, 255, 0.6); -moz-border-radius: 1px 1px 0px 0px; -ms-border-radius: 1px 1px 0px 0px; -o-border-radius: 1px 1px 0px 0px; -webkit-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px; font-size: 11px; padding: 4px 0; position: relative; text-transform: uppercase; } .ribbon .bottom { font-size: 17px; padding: 5px 0; } .ribbon .tail { height: 10px; overflow: hidden; position: relative; } .ribbon .tail .left, .ribbon .tail .right { height: 10px; position: absolute; top: -10px; width: 50px; } .ribbon .tail .left{ left: -9px; -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } .ribbon .tail .right{ right: -9px; -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); } /* Do this with a transform? */ .ribbon.small { width: 25px; } .ribbon.small .top { font-size: 9px; padding: 2px 0; } .ribbon.small .bottom { font-size: 12px; padding: 3px 0; } .ribbon.small .tail { height: 6px; } .ribbon.small .tail .left, .ribbon.small .tail .right { height: 6px; top: -7px; width: 40px; } .ribbon.small .tail .left { left: -6px; } .ribbon.small .tail .right { right: -6px; } .bubble { background-color: rgba(102, 102, 102, 1); background-position: center center; border-radius: 3px; border: solid 1px rgba(102, 102, 102, 1); color: white; cursor: default; display: inline-block; font-size: 12px; padding: 2px 0; position: relative; text-align: center; -moz-transition-property: background-color, border-color; -ms-transition-property: background-color, border-color; -o-transition-property: background-color, border-color; -webkit-transition-property: background-color, border-color; transition-property: background-color, border-color; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; width: 26px; } .bubble.light { background-color: rgba(217, 217, 217, 1); border-color: rgba(217, 217, 217, 1); } .bubble.empty { color: rgba(102, 102, 102, 1); border: solid 1px rgba(153, 153, 153, 1); -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: white; } .bubble .bubble-tail, .bubble.empty .bubble-tail:after { border-color: rgba(102, 102, 102, 1) transparent transparent transparent; border-style:solid; border-width: 5px; bottom: -10px; content: ''; height: 0; left: 50%; margin-left: -5px; position: absolute; -moz-transition: border-color 0.5s ease-in; -ms-transition: border-color 0.5s ease-in; -o-transition: border-color 0.5s ease-in; -webkit-transition: border-color 0.5s ease-in; transition: border-color 0.5s ease-in; width: 0; } .bubble.light .bubble-tail { border-color: rgba(217, 217, 217, 1) transparent transparent transparent; } .bubble.empty .bubble-tail { border-color: rgba(153, 153, 153, 1) transparent transparent transparent; } .bubble.empty .bubble-tail:after { left: 0; top: -6px; border-color: white transparent transparent transparent; } /* On hover color change. .bubble:hover { background-color: #d14836; border-color: #d14836; } .bubble.empty:hover { /*background-color: white; border-color: #d14836; color: #d14836; } .bubble:hover .bubble-tail { border-color: #d14836 transparent transparent transparent !important; } */ body.loading #loading { opacity: 0.75; margin-bottom: 0; } #loading { background-color: #000; border-radius: 6px 6px 0px 0px; border: solid 1px #666; border-bottom: none; bottom: 0; box-shadow: 0 0 4px #333; color: white; font-size: 18px; left: 50%; margin-bottom: -50px; margin-left: -60px; opacity: 0; padding: 5px 0px; position: fixed; text-align: center; -moz-transition: opacity 0.5s, margin-bottom 0.5s; -ms-transition: opacity 0.5s, margin-bottom 0.5s; -o-transition: opacity 0.5s, margin-bottom 0.5s; -webkit-transition: opacity 0.5s, margin-bottom 0.5s; transition: opacity 0.5s, margin-bottom 0.5s; -moz-transition-delay: 279ms; -ms-transition-delay: 279ms; -o-transition-delay: 279ms; -webkit-transition-delay: 279ms; transition-delay: 279ms; width: 120px; z-index: 999; } #loading span { background-repeat: no-repeat; background-position: right center; background-image:
Link - Trackbacks
↧