1 body, html {2 background: #FFF url(site-img/body_bkg_default.png) repeat-x;3 font-family: Helvetica, Arial, sans-serif;4 padding: 0; margin: 0;5 color: #333;6 }7 8 body.rtl {9 direction: rtl;10 font-family: Tahoma, Geneva, sans-serif !important;11 }12 13 a, input {14 outline: 0;15 }16 17 a:hover {18 cursor: pointer;19 }20 21 abbr {22 border-bottom: 1px solid #CCC;23 }24 25 h2 {26 color: #555;27 font-size: 1em;28 }29 30 div#contenido {31 width: 57em;32 margin: 0 auto 0 auto;33 padding: 0 2em 0 2em;34 }35 36 div#contenido-up {37 margin: 0 auto 0 auto;38 padding: 0 2em 0 2em;39 }40 41 /* Estilos del estatico */42 div#contenido-statico {43 width: 53em;44 display: table;45 min-height: 25em;46 margin: 2em auto;47 padding: 0 1em 0 1em;48 }49 50 div#cntstatico {51 min-height: 18em;52 margin: 0 auto;53 width: 90%;54 font-size: .9em;55 line-height: 1.8em;56 }57 58 div#cntstatico big {59 font-weight: bold;60 font-size: 1.2em;61 color: #3C84C1;62 }63 64 div#contenido-statico p a, div#contenido-statico li a {65 color: #444;66 border-bottom: 1px solid #999;67 text-decoration: none;68 font-weight: bold;69 }70 71 div#contenido-statico p a:hover, div#contenido-statico li a:hover {72 color: #3C84C1;73 border-bottom: 1px solid #ADD2F1;74 text-decoration: none;75 }76 77 div#contenido-statico h1 {78 margin: 0 auto .5em auto;79 text-align: center;80 }81 82 div#cntstatico h2 {83 margin: 1.5em 0 0 0;84 font-size: 1.4em;85 color: #333;86 }87 88 div#cntstatico h2 span {89 color: #999;90 font-weight: normal;91 margin: 0 0 0 .5em;92 }93 94 div#cntstatico h2 span a {95 color: #999;96 text-decoration: none;97 }98 99 div#cntstatico h2 span a:hover {100 color: #3C84C1;101 }102 103 div#cntstatico h3 {104 margin: 1.5em 0 .5em 0;105 font-size: 1em;106 color: #555;107 }108 109 div#cntstatico h3 span {110 color: #999;111 font-weight: normal;112 margin: 0 0 0 .5em;113 }114 115 div#cntstatico h4 {116 margin: 1.5em 0 .5em 0;117 font-size: 1.1em;118 color: #333;119 border-bottom: 1px solid #CCC;120 }121 122 div#cntstatico p {123 margin: .5em 0 .5em 0;124 }125 126 div#cntstatico p.pb {127 margin: .5em 0 .5em 0;128 font-size: 1.5em;129 font-family: "Courier New", Courier, monospace;130 color: #666;131 }132 133 div#cntstatico p.pb span.azul {134 color: #0066CC;135 font-weight: bold;136 }137 138 div#cntstatico p.pb span.rojo {139 color: #990000;140 }141 142 div#contenido-statico ol {143 list-style-position: inside;144 margin: 0 auto 0 auto;145 padding: 0;146 line-height: 1.8em;147 }148 149 textarea.fieldtxta {150 display: block;151 margin: 1em 0 0 0;152 padding: .4em;153 width: 53em;154 color: #000;155 background: #fcfcfc;156 font: 1em "Courier New", Courier, mono;157 }158 159 /* TOP */160 div#top {161 padding: 2em 1em 1.5em 1em;162 margin: 0 auto;163 min-height: 4em;164 width: 57em;165 }166 167 div#top img {168 border: 0;169 }170 171 div#logo {172 margin: 0 auto;173 float: left;174 }175 176 div#tagline {177 margin: 20px 0 0 10px;178 float: left;179 color: #999;180 }181 182 div#limite {183 font-size: 8pt;184 margin: 25px 0 0 5px;185 color: #555;186 float: right;187 color: #999188 }189 190 div#limite span {191 color: #555;192 margin-left: 5px;193 }194 195 div#logo h1 {196 height: 50px;197 width: 535px;198 font-family: helvetica, Arial, sans-serif;199 font-size: 2em;200 letter-spacing: -0.05em;201 color: #333;202 margin: 0;203 }204 205 div#logo h1 span {206 display: none;207 }208 209 div#logo h1 a {210 color: #333;211 text-decoration: none;212 }213 214 div#logo h1 a:hover {215 color: #000;216 }217 218 /* FOOT */219 div#foot {220 width: 68em;221 height: 3em;222 background: url(site-img/foot_bkg.png) no-repeat;223 padding: 1.5em 20px 1em 20px;224 margin: 2em auto 0 auto;225 font-size: 0.8em;226 clear: both;227 }228 229 div.foot-d2 {230 height: 1em;231 margin: .5em 0 .5em 0;232 text-align: center;233 clear: both;234 padding: 0;235 font-size: .9em;236 color: #999;237 }238 239 div.foot-d2 a {240 text-decoration: none;241 color: #3C84C1;242 }243 244 div.foot-d2 a:hover {245 color: #333;246 text-decoration: underline;247 }248 249 /* inputs */250 form input {251 background: #F9F9F9;252 border-top: 1px solid #7C7C7C;253 border-right: 1px solid #C3C3C3;254 border-bottom: 1px solid #DDD;255 border-left: 1px solid #C3C3C3;256 }257 258 form input.url { /* Se usa en index y en ver.php */259 font-size: 1.1em;260 padding-left: 3px;261 }262 263 /* FIN ESTILOS GLOBALES */264 265 /* ESTILOS PARA UPLOAD */266 /* Error */267 h1#error {268 clear: both;269 text-align: center;270 margin: 1.5em 0 1.5em 0;271 font-weight: normal;272 font-size: 1em;273 }274 275 h1#error span {276 background: #FFF4AB;277 padding: .4em .8em .4em .8em;278 border: 1px solid #FFEA61;279 }280 281 #imagenred {282 text-align: center;283 clear: both;284 margin: 1.5em 0 1.5em 0;285 }286 287 /* TABS */288 div#selector_up {289 width: 57em;290 height: 22px;291 padding: 0;292 margin: 0 auto 0 auto;293 background: url(site-img/tab_bkg.png) 0 21px no-repeat;294 }295 296 div#tab_container {297 margin: 0 auto 0 auto;298 width: 162px;299 height: 22px;300 }301 302 div#tab_container a {303 width: 76px;304 height: 22px;305 display: block;306 }307 308 div.btn_local, div.btn_remoto {309 float: left;310 width: 76px;311 height: 22px;312 }313 314 div.btn_local, div.btn_remoto,315 a.local, a.remota { background-image: url(site-img/tabs.png); background-color: #FFF; }316 317 /* en */318 div#tab_container.en div.btn_local, div#tab_container.en div.btn_remoto,319 div#tab_container.en a.local, div#tab_container.en a.remota {320 background-image: url(site-img/tabs_en.png) !important;321 }322 /* fa */323 div#tab_container.fa div.btn_local, div#tab_container.fa div.btn_remoto,324 div#tab_container.fa a.local, div#tab_container.fa a.remota {325 background-image: url(site-img/tabs_fa.png) !important;326 }327 /* fr */328 div#tab_container.fr div.btn_local, div#tab_container.fr div.btn_remoto,329 div#tab_container.fr a.local, div#tab_container.fr a.remota {330 background-image: url(site-img/tabs_fr.png) !important;331 }332 /* nl */333 div#tab_container.nl div.btn_local, div#tab_container.nl div.btn_remoto,334 div#tab_container.nl a.local, div#tab_container.nl a.remota {335 background-image: url(site-img/tabs_nl.png) !important;336 }337 /* cn */338 div#tab_container.cn div.btn_local, div#tab_container.cn div.btn_remoto,339 div#tab_container.cn a.local, div#tab_container.cn a.remota {340 background-image: url(site-img/tabs_cn.png) !important;341 }342 343 div.btn_local {344 margin-right: 10px;345 background-position: 0 0;346 }347 div.btn_remoto {348 background-position: 0 -44px;349 }350 351 a.local { background-position: 0 -22px;} 352 a.remota { background-position: 0 -66px; }353 354 /* Las preferencias */355 div#preferencias, div#preferencias a {356 width: 65px;357 height: 17px;358 display: block;359 background-image: url(site-img/preferencias.gif);360 background-repeat: no-repeat;361 background-position: 0 0;362 }363 364 div#preferencias {365 position: absolute;366 margin-top: 1em;367 }368 /* en */369 div#preferencias.en, div#preferencias.en a {370 background-image: url(site-img/preferencias_en.gif) !important;371 }372 /* fa */373 div#preferencias.fa, div#preferencias.fa a {374 background-image: url(site-img/preferencias_fa.gif) !important;375 }376 /* fr */377 div#preferencias.fr, div#preferencias.fr a {378 background-image: url(site-img/preferencias_fr.gif) !important;379 }380 /* nl */381 div#preferencias.nl, div#preferencias.nl a {382 background-image: url(site-img/preferencias_nl.gif) !important;383 }384 /* cn */385 div#preferencias.cn, div#preferencias.cn a {386 background-image: url(site-img/preferencias_cn.gif) !important;387 }388 389 div#preferencias a:active {390 background-position: 0 -17px;391 }392 393 div#preferencias a span {394 display: none;395 }396 397 div#preferencias a#pclosed {398 background-position: 0 0;399 }400 401 div#preferencias a#popen {402 background-position: 0 -17px;403 }404 405 div#cajon-pref {406 padding: 10px 0 10px 0;407 min-height: 2.2em;408 }409 410 div#pref-panel {411 width: 40em;412 margin: 20px auto 10px auto;413 border: 1px solid #DEDEDE;414 text-align: center;415 background: #F7F7F7;416 }417 418 div#pref-panel p {419 margin: .5em 0 0 0;420 padding: 0 1em 0 2em;421 text-align: left;422 display: block;423 float: left;424 }425 426 div#pref-panel div#save {427 float: right;428 text-align: right;429 margin: .7em 1em 0 0;430 }431 432 div#pref-panel div#save a {433 background: #000 url(site-img/btn_save.png) repeat-x;434 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;435 color: #FFF;436 padding: .4em .6em .4em .6em;437 border: 1px solid #000;438 width: 6em;439 font-size: .8em;440 text-decoration: none;441 }442 443 div#pref-panel div#save a:hover {444 background: #333;445 color: #FFF;446 }447 448 /* contenedor upload */449 div#contenedorupload {450 height: 120px;451 overflow: hidden;452 width: 100%;453 padding: .5em 0;454 margin: .5em 0;455 }456 457 /* Formulario */458 form {459 margin: 1.5em 0 3em 0;460 }461 462 form input#localUP {463 font-size: 0.85em;464 /*border: 0px; */ /* opera */465 border: 1px solid #DDD; /* Firefox */466 /* A safari le da lo mismo */467 /* IE lo quiere no seteado */468 }469 470 form input#remotaUP {471 font-size: 1.1em;472 padding-left: 3px;473 }474 475 /* Boton subir */476 div#boton_subir {477 text-align: center;478 margin: 2.5em 0 2.5em 0;479 height: 40px;480 }481 482 div#boton_subir input {483 border: 0;484 }485 486 /* Boton redimensionar */487 div#boton_redo {488 text-align: center;489 margin: 0 0 1.5em 0;490 height: 40px;491 }492 493 div#boton_redo input {494 border: 0;495 }496 497 /* inputs */498 div.inputs {499 height: 2em; /* Esto mantiene la letidad */500 }501 502 /* FORM SUBIR LOCAL/REMOTA */503 div#subir_local, div#subir_remota {504 text-align: center;505 margin: 0 0 20px 0;506 }507 508 div#subir_local h2, div#subir_remota h2 {509 margin: 10px 0 20px 0;510 color: #C5C5C5;511 }512 513 /* REDIMENSIONAMIENTO */514 div#redimensionar {515 width: 598px;516 margin: 0 auto 0 auto;517 }518 519 div.denuevo {520 padding: 1.5em 0 0 0;521 }522 523 div#redimensionar_cajatitulo {524 margin: 0 auto 0 auto;525 width: 600px;526 height: 22px;527 }528 529 div#redimensionar_titulo {530 position: relative;531 height: 22px;532 width: 500px;533 margin-left: 100px;534 z-index: 1;535 }536 537 /* Boton */538 a#rclosed, a#ropen {539 height: 22px;540 width: 115px;541 display: block;542 background-image: url(site-img/btn_red.gif);543 background-repeat: no-repeat;544 }545 a#ropen {546 background-position: 0 -22px;547 }548 549 div#redimensionar-borde {550 position: relative;551 width: 600px;552 top: -10px; /* usar valor positivo para opera */553 border: 1px solid #5A9CD0;554 z-index: 0;555 }556 557 div#cajonred {558 padding: 40px 99px;559 height: 38px;560 }561 562 /* en */563 div#boton_redimensionar.en a#rclosed, div#boton_redimensionar.en a#ropen {564 width: 102px !important;565 background-image: url(site-img/btn_red_en.gif) !important;566 }567 /* fa */568 div#boton_redimensionar.fa a#rclosed, div#boton_redimensionar.fa a#ropen {569 width: 107px !important;570 background-image: url(site-img/btn_red_fa.gif) !important;571 }572 /* fr */573 div#boton_redimensionar.fr a#rclosed, div#boton_redimensionar.fr a#ropen {574 width: 123px !important;575 background-image: url(site-img/btn_red_fr.gif) !important;576 }577 /* nl */578 div#boton_redimensionar.nl a#rclosed, div#boton_redimensionar.nl a#ropen {579 width: 89px !important;580 background-image: url(site-img/btn_red_nl.gif) !important;581 }582 /* cn */583 div#boton_redimensionar.cn a#rclosed, div#boton_redimensionar.cn a#ropen {584 width: 115px !important;585 background-image: url(site-img/btn_red_cn.gif) !important;586 }587 588 div#boton_redimensionar {589 float: left;590 height: 22px;591 background: url(site-img/bkg_btn_redimensionar_wide.png) no-repeat;592 border-left: 10px solid #FFF;593 padding-left: 10px;594 }595 div#boton_redimensionar span {596 background: url(site-img/bkg_btn_redimensionar_wide.png) no-repeat right;597 display: block;598 }599 600 div#boton_redimensionar img {601 border: 0;602 display: block;603 }604 605 div#red_mensaje {606 padding-top: 6px;607 float: left;608 }609 610 span#red1, span#red2 {611 height: 12px;612 display: block;613 border-right: 10px solid #FFF;614 border-left: 10px solid #FFF;615 }616 617 span#red1 {618 background: #FFF;619 font-size: 9pt;620 line-height: 8pt;621 font-family: Arial, Helvetica, sans-serif;622 color: #555;623 }624 625 /* LOS VALORES DE REDIMENSION */626 div#ancho_deseado {627 width: 125px;628 font-size: 13.5pt;629 text-align: right;630 float: left;631 margin: 0 10px 0 0;632 }633 div#ancho_deseado span {634 font-size: 10pt;635 color: #999;636 margin-top: -2px;637 display: block;638 }639 640 form input#resize {641 float: left;642 font-size: 1.5em;643 text-align: center;644 margin-top: 5px;645 width: 120px;646 border-top: 1px solid #7C7C7C;647 border-right: 1px solid #C3C3C3;648 border-bottom: 1px solid #DDD;649 border-left: 1px solid #C3C3C3;650 }651 652 div#kepp {653 float: left;654 min-width: 130px;655 margin: 14px 0 0 8px;656 display: block;657 font-size: 7.5pt;658 color: #999;659 }660 661 /* ENVIANDO */662 div#enviando {663 width: 220px;664 margin: 0 auto 0 auto;665 height: 40px;666 background: url(site-img/load.gif) no-repeat 0 21px;667 }668 669 span#momentito {670 color: #333;671 font-size: 0.8em;672 }673 674 /* ESTILOS DEL PROCESO Y ALGUNOS DEL VIEW */675 /* subiste-viendo */676 div#subiste-viendo h1 {677 font-size: 1em;678 font-weight: normal;679 text-align: center;680 margin: 0 0 10px 0;681 }682 683 div#subiste-viendo h1 a {684 text-decoration: underline;685 color: #5FA7EB;686 }687 688 div#subiste-viendo h1 a:hover {689 color: #1F75C1;690 }691 692 /* imagen */693 div#imagen {694 width: 900px;695 margin: 0 auto 0 auto;696 text-align: center;697 display: table;698 }699 700 div#imagen img {701 border: 0;702 }703 704 /* imagenfull */705 div#imagenfull {706 width: 99%;707 margin: 0 auto 0 auto;708 text-align: center;709 }710 711 div#imagenfull img {712 border: 0;713 }714 715 div#tools {716 display: block;717 height: 19px;718 margin-bottom: 10px;719 }720 721 div#sharethis a, div#fullsize a {722 cursor: pointer;723 height: 19px;724 float: right;725 color: #555;726 text-decoration: none;727 font-size: 8pt;728 padding: 0 10px 0 25px;729 border: 1px solid #FFF;730 }731 732 div#sharethis a {733 background: url(site-img/tool_compartir.gif) no-repeat 10px 0;734 margin-right: 3px;735 }736 737 div#fullsize a {738 background: url(site-img/tool_completa.gif) no-repeat 8px 0;739 }740 741 div#sharethis a:hover, div#fullsize a:hover {742 border-right-color: #999;743 border-bottom-color: #666;744 }745 746 /* share */747 div#share {748 width: 49em;749 padding: 0 4em 0 4em;750 margin: 0 auto 0 auto;751 }752 753 div#share h2 {754 margin: 2em 0 0 9.7em;755 font-weight: normal;756 color: #333;757 }758 759 div#share h2 span {760 color: #888;761 font-size: .8em;762 }763 764 /* los h2 */765 h2#md, h2#med, h2#mev { padding: 0 0 0 23px; }766 767 h2#md { background: url(site-img/show_url.gif) no-repeat 0 2px; }768 h2#mev { background: url(site-img/show_tv.gif) no-repeat 0 2px; }769 h2#mes { background: url(site-img/show_social.gif) no-repeat 0 4px; padding-left: 1em; }770 771 div.ctninput {772 width: 49em;773 clear: both;774 height: 2em;775 }776 777 div.ctninput input {778 width: 43em;779 font-size: .8em;780 padding: .2em;781 margin-top: .5em;782 background: #FBFBFB;783 border-top: 1px solid #9D9D9D;784 border-right: 1px solid #D2D2D2;785 border-bottom: 1px solid #E6E6E6;786 border-left: 1px solid #D2D2D2;787 color: #666;788 }789 790 div.ctninput-social {791 width: 48em;792 clear: both;793 height: 2em;794 }795 796 div.ctninput-social input {797 margin: 10px 0 0 10px;798 width: 16px;799 height: 16px;800 background: #FFF;801 float: left;802 border: 0;803 }804 805 div.codex {806 float: left;807 color: #999;808 font-size: .9em;809 text-align: right;810 line-height: 2.5em;811 width: 10em;812 }813 814 div.codex a {815 color: #999;816 text-decoration: none;817 }818 819 div.codex a:hover {820 color: #333;821 text-decoration: none;822 }823 824 div.inputshare {825 float: left;826 margin-left: .65em;827 }828 829 div.ctninput-social a {830 height: 16px;831 width: 16px;832 display: block;833 float: left;834 margin: 10px 0 0 10px;835 }836 837 div#socialite {838 float: left;839 height: 30px;840 width: 600px;841 background: #000;842 }843 844 a#facebook { background: url(site-img/social.gif) no-repeat 0 0; }845 a#digg { background: url(site-img/social.gif) no-repeat -16px 0; }846 a#delicious { background: url(site-img/social.gif) no-repeat -32px 0; }847 a#google { background: url(site-img/social.gif) no-repeat -48px 0; }848 a#tumblr { background: url(site-img/social.gif) no-repeat -96px 0; }849 a#twitter { background: url(site-img/social.gif) no-repeat -112px 0; }850 a#visualizeus { background: url(site-img/social.gif) no-repeat -128px 0; }851 852 div#quecosa {853 float: left;854 line-height: 20px;855 margin: .7em 0 0 1em;856 font-size: .8em;857 }Enlace
El enlace para compartir es: