style.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /**
  2. * Copyright 2021, 2024 5 Mode
  3. *
  4. * This file is part of 5 Cube.
  5. *
  6. * 5 Cube is free software: you can redistribute it and/or modify
  7. * it under the terms of the GNU General Public License as published by
  8. * the Free Software Foundation, either version 3 of the License, or
  9. * (at your option) any later version.
  10. *
  11. * 5 Cube is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  14. * GNU General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU General Public License
  17. * along with 5 Cube. If not, see <https://www.gnu.org/licenses/>.
  18. *
  19. * style.css
  20. *
  21. * Style sheet.
  22. *
  23. * @author Daniele Bonini <my25mb@aol.com>
  24. * @copyrights (c) 2016, 2024, 5 Mode
  25. */
  26. @import url('https://fonts.googleapis.com/css2?family=Bungee+Hairline&display=swap');
  27. body {
  28. background:#0d0d0d;
  29. /*background-image:url('../res/bg.jpg');*/
  30. }
  31. .cube {
  32. float:left;
  33. background:url(../res/1cube.png);
  34. background-size:cover;
  35. width:130px;
  36. height:159px;
  37. margin:50px;
  38. cursor:pointer;
  39. }
  40. .cubename {
  41. position:relative;
  42. top:+170px;
  43. text-align:center;
  44. font-family:'Bungee Hairline';
  45. font-weight:900;
  46. font-size:34px;
  47. }
  48. .emptyfield{
  49. border: 1px solid red;
  50. }
  51. .editemptyfield{
  52. border-bottom: 3px dashed red;
  53. }
  54. #facelet1:hover {
  55. text-decoration: underline;
  56. }
  57. #facelet2:hover {
  58. text-decoration: underline;
  59. }
  60. #facelet3:hover {
  61. text-decoration: underline;
  62. }
  63. #footerCont {
  64. position: fixed;
  65. top: 2000px;
  66. left:-10px;
  67. width: 102%;
  68. border: 1px solid #C2DBF2;
  69. padding: 7px;
  70. background: #ffedf0;
  71. opacity: 0.1;
  72. color:white;
  73. font-family: Sans;
  74. font-size: 12px;
  75. text-align: center;
  76. z-index: 99990;
  77. height: 23px;
  78. }
  79. #footer {
  80. position: fixed;
  81. float: right;
  82. top: 2000px;
  83. left:-10px;
  84. width: 100%;
  85. border: 0px solid #C2DBF2;
  86. padding: 7px;
  87. opacity: 1.0;
  88. color:black;
  89. font-family: Sans;
  90. font-size: 12px;
  91. font-weight: 400;
  92. text-align: right;
  93. z-index: 99991;
  94. }
  95. input {
  96. border:1px solid #d4b0dc;
  97. background: transparent;
  98. height: 30px;
  99. }