Tema: boton doble funcion
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 24/02/2016, 04:20
Avatar de jearj
jearj
 
Fecha de Ingreso: julio-2008
Mensajes: 72
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: boton doble funcion
Esto lo pongo en dos partes porque el foro no lo admite entero.

CSS:

Código CSS: 
Ver original
  1. html {
  2.  width:100%;max-width:1010px;min-width:1010px;
  3.  height:100%;max-height:500px;min-height:500px;
  4.  background-color: #000;
  5. }
  6. body {
  7.  width:100%;max-width:100%;min-width:100%;
  8.  height:100%;max-height:100%;min-height:100%;
  9.  background-color: #000; overflow: hidden;
  10.  
  11. }
  12. .Titulo{
  13.  position:relative;
  14.  text-align:center;
  15.  font-weight:700;
  16.  font-size:35px;
  17.  font-face:Board;
  18.  color:#dd2222;
  19.  line-height:50px;
  20.  
  21. font: bold Colonna MT, Sans-Serif; text-align: center;
  22.     text-transform: uppercase; text-decoration: none;
  23.     color: #dd2222;
  24.     text-shadow: 2px 2px 4px 4px #00aabb;
  25. }
  26. .Jugador1{
  27.  position:relative;
  28.  float:left;
  29.  width:35%;
  30.  height:50px;
  31.  border-top:5px solid #0000ff;
  32.  border-left:5px solid #0000ff;
  33.  border-right:5px solid #0000ff;
  34.  border-bottom:5px solid #0000ff;
  35.  text-align:center;
  36.  font-weight:700;
  37.  font-size:35px;
  38.  font-face:Board;
  39.  color:#888;
  40.  line-height:50px;
  41.  background-color:#000;
  42.  margin-top:0px;
  43.  margin-bottom:0px;
  44.  margin-left:0px;
  45.  margin-right:0px;
  46.  padding-top:0px;;
  47.  
  48. font-family:Stencil; text-transform:uppercase; text-decoration: none;
  49.  
  50. -webkit-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  51. -moz-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  52. box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  53.  
  54. -moz-border-radius: 7px; /* Firefox */
  55. -khtml-border-radius: 7px; /* Konkeror, ... */
  56. border-radius: 7px; /* Opera 10.50, IE y CSS3 */
  57. -webkit-border-radius: 7px; /* Safari y Chrome */
  58. }
  59.  
  60. .Jugador2{
  61.  position:relative;
  62.  float:right;
  63.  width:35%;
  64.  height:50px;
  65.  border-top:5px solid #0000ff;
  66.  border-left:5px solid #0000ff;
  67.  border-right:5px solid #0000ff;
  68.  border-bottom:5px solid #0000ff;
  69.  line-height:50px;
  70.  text-align:center;
  71.  font-weight:700;
  72.  font-size:35px;
  73.  font-face:Board;
  74.  color:#888;
  75.  background-color:#000;
  76.  margin-top:0px;
  77.  margin-bottom:0px;
  78.  margin-left:0px;
  79.  margin-right:0px;
  80.  padding-top:0px;;
  81.  
  82. font-family:Stencil; text-transform:uppercase; text-decoration: none;
  83.  
  84. -webkit-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  85. -moz-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  86. box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  87.  
  88. -moz-border-radius: 7px; /* Firefox */
  89. -khtml-border-radius: 7px; /* Konkeror, ... */
  90. border-radius: 7px; /* Opera 10.50, IE y CSS3 */
  91. -webkit-border-radius: 7px; /* Safari y Chrome */
  92. }
  93.  
  94. .Marcador1{
  95.  position:relative;
  96.  float:left;
  97.  width:95%;max-width:95%;min-width:95%;
  98.  height:240px;max-height:240px;min-height:240px;
  99.  border-top:5px solid #0000ff;
  100.  border-left:5px solid #0000ff;
  101.  border-right:5px solid #0000ff;
  102.  border-bottom:5px solid #0000ff;
  103.  line-height:240px;
  104.  text-align:center;
  105.  font-weight:500;
  106.  font-size:240px;
  107.   font-face:Board;
  108.  color:#ff0000;
  109.  background-color:#000;
  110.  margin-top:0px;
  111.  margin-bottom:0px;
  112.  margin-left:0px;
  113.  margin-right:0px;
  114.  padding:0px;
  115.  
  116. font-family:Stencil; text-transform:uppercase; text-decoration: none;
  117.  
  118. -webkit-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  119. -moz-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  120. box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  121.  
  122. -moz-border-radius: 7px; /* Firefox */
  123. -khtml-border-radius: 7px; /* Konkeror, ... */
  124. border-radius: 7px; /* Opera 10.50, IE y CSS3 */
  125. -webkit-border-radius: 7px; /* Safari y Chrome */
  126. }
  127.  
  128.  
  129. .Boton1{
  130.  position:relative;
  131.  float:left;
  132.  width:30px;
  133.  height:30px;
  134.  border-top:2px solid #555;
  135.  border-left:2px solid #555;
  136.  border-right:2px solid #555;
  137.  border-bootom:2px solid #555;
  138.  text-align:center;
  139.   line-height:28px;
  140.  font-weight:700;
  141.  font-size:18px;
  142.  color:#fff;
  143.  cursor:pointer;
  144.  background-color:#314EBF;
  145.  margin-top:15px;
  146.  margin-bottom:0px;
  147.  margin-left:0px;
  148.  margin-right:10px;
  149.  padding:0px;
  150.  
  151. -webkit-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  152. -moz-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  153. box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  154. -moz-border-radius: 20px; /* Firefox */
  155. -khtml-border-radius: 20px; /* Konkeror, ... */
  156. border-radius: 20px; /* Opera 20.50, IE y CSS3 */
  157. -webkit-border-radius: 20px; /* Safari y Chrome */
  158. }
  159.  
  160. .Boton1:hover{
  161.  background:-moz-linear-gradient(#627EBF);
  162.  color:#000;
  163.  background:#fff;
  164. }
  165.  
  166. .BotonInicio{
  167.  position:relative;
  168.  float:center;
  169.  width:90px;
  170.  height:40px;
  171.  border-top:2px solid #555;
  172.  border-left:2px solid #555;
  173.  border-right:2px solid #555;
  174.  border-bottom:2px solid #555;
  175.  text-align:center;
  176.  font-weight:500;
  177.  font-size:20px;
  178.  color:#fff;
  179.  cursor:pointer;
  180.  background-color:#119911;
  181.  margin-top:0px;
  182.  margin-bottom:0px;
  183.  margin-left:0px;
  184.  margin-right:0px;
  185.  padding:0px;
  186.  
  187.  
  188. -webkit-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  189. -moz-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  190. box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  191.  
  192. -moz-border-radius: 20px; /* Firefox */
  193. -khtml-border-radius: 20px; /* Konkeror, ... */
  194. border-radius: 20px; /* Opera 20.50, IE y CSS3 */
  195. -webkit-border-radius: 20px; /* Safari y Chrome */
  196.  }
  197.  
  198.  .BotonInicio:hover{
  199.  background:-moz-linear-gradient(#627EBF);
  200.  color:#000;
  201.  background:#fff;
  202. }
  203.  
  204. .Entradas{
  205.  position:relative;
  206.  width:85%;max-width:85%;min-width:85%;
  207.  height:130px;max-height:130px;min-height:130px;
  208.  float:center;
  209.  border-top:5px solid #0000ff;
  210.  border-left:5px solid #0000ff;
  211.  border-right:5px solid #0000ff;
  212.  border-bottom:5px solid #0000ff;
  213.  text-align:center;
  214.  font-weight:700;
  215.  font-size:105px;
  216.  font-face:Board;
  217.  color:#00ff00;
  218.  background-color:#000;
  219.  margin-top:20px;
  220.  margin-bottom:0px;
  221.  margin-left:0px;
  222.  margin-right:0px;
  223.  padding:0px;
  224.  
  225. font-family:Stencil; text-transform:uppercase; text-decoration: none;
  226.  
  227. -webkit-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  228. -moz-box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  229. box-shadow: 10px 5px 10px 5px rgba(2,30,50,2);
  230.  
  231. -moz-border-radius: 7px; /* Firefox */
  232. -khtml-border-radius: 7px; /* Konkeror, ... */
  233. border-radius: 7px; /* Opera 10.50, IE y CSS3 */
  234. -webkit-border-radius: 7px; /* Safari y Chrome */
  235. }
  236.  
  237. .Entradas2{
  238.  width:0px;
  239.  height:0px;
  240.   background-color:#000;
  241.  border-top:0px solid #000;
  242.  border-left:0px solid #000;
  243.  border-right:0px solid #000;
  244.  border-bottom:0px solid #000;
  245. }
  246.  
  247.  
  248. .BotonEntradas{
  249.  position:relative;
  250.  float:right;
  251.  width:80px;
  252.  height:35px;
  253.  border-top:2px solid #555;
  254.  border-left:2px solid #555;
  255.  border-right:2px solid #555;
  256.  border-bottom:2px solid #555;
  257.   line-height:30px;
  258.  text-align:center;
  259.  font-weight:500;
  260.  font-size:12px;
  261.  color:#fff;
  262.  cursor:pointer;
  263.  background-color:#1111FF;
  264.  margin-top:20px;
  265.  margin-bottom:0px;
  266.  margin-left:0px;
  267.  margin-right:0px;
  268.  padding:0px;
  269.  
  270. -webkit-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  271. -moz-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  272. box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  273.  
  274. -moz-border-radius: 20px; /* Firefox */
  275. -khtml-border-radius: 20px; /* Konkeror, ... */
  276. border-radius: 20px; /* Opera 20.50, IE y CSS3 */
  277. -webkit-border-radius: 20px; /* Safari y Chrome */
  278. }
  279.  
  280. .BotonEntradas:hover{
  281.  background:-moz-linear-gradient(#627EBF);
  282.  color:#000;
  283.  background:#fff;
  284. }
  285.  
  286. .BotonBorrar{
  287.  position:relative;
  288.  float:left;
  289.  width:80px;
  290.  height:35px;
  291.  border-top:2px solid #555;
  292.  border-left:2px solid #555;
  293.  border-right:2px solid #555;
  294.  border-bottom:2px solid #555;
  295.   line-height:30px;
  296.  text-align:center;
  297.  font-weight:500;
  298.  font-size:12px;
  299.  color:#fff;
  300.  cursor:pointer;
  301.  background-color:#991111;
  302.  margin-top:20px;
  303.  margin-bottom:0px;
  304.  margin-left:0px;
  305.  margin-right:0px;
  306.  padding:0px;
  307.  
  308. -webkit-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  309. -moz-box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  310. box-shadow: 6px 3px 6px 3px rgba(2,30,50,2);
  311.  
  312. -moz-border-radius: 20px; /* Firefox */
  313. -khtml-border-radius: 20px; /* Konkeror, ... */
  314. border-radius: 20px; /* Opera 20.50, IE y CSS3 */
  315. -webkit-border-radius: 20px; /* Safari y Chrome */
  316. }
  317.  
  318. .BotonBorrar:hover{
  319.  background:-moz-linear-gradient(#627EBF);
  320.  color:#000;
  321.  background:#fff;
  322. }
  323.  
  324. .Tiempo{
  325.  position:relative;
  326.  float:center;
  327.   width:110px;
  328.  height:60px;
  329.  text-align:center;
  330.  line-height:70px;
  331.  font-weight:700;
  332.  font-size:60px;
  333.  color:#fff;
  334.   background-color:#000;
  335.  margin-top:20px;
  336.  margin-bottom:0px;
  337.  margin-left:0px;
  338.  margin-right:0px;
  339.  padding:0px;
  340. }