main.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /*
  2. Dark Text 🤘
  3. Escrito por Julio Lira
  4. ---------------------
  5. jul10l1r4.github.io
  6. Escrito pelo gedit Gnu/Linux
  7. Licença:WTFPL (What the Fuck You Want to Public License)
  8. */
  9. @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500');
  10. *{
  11. transition-duration:0.6s;
  12. }
  13. .dark{
  14. background-color:#222;
  15. }.btn-dark{/* botões dark */
  16. border:none;
  17. background-color:#111;
  18. padding:10px;
  19. color:#050;
  20. font-family: 'Source Code Pro', monospace;
  21. }.btn-dark:hover{
  22. background-color:#000;
  23. transform: translate(5px, 0);
  24. color:#0a0;
  25. text-shadow:0px 0px 9px #aaa;
  26. }
  27. .indark{
  28. text-shadow:0px 0px 9px #03a;
  29. color:#0a0;
  30. background-color:#000;
  31. border:none;
  32. margin:2.5px;
  33. min-width:20%;
  34. max-width:100%;
  35. font-family: 'Source Code Pro', monospace;
  36. font-weight:200;
  37. }
  38. /* Para todo o corpo do texto */
  39. p, address, blockquote{
  40. color:#fff;
  41. font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue", sans-serif
  42. }/* caracteristicas de texto */
  43. h1, h2, h3, h4,li,ul,strong{
  44. color:#ddd;
  45. }/* Para o alinhamento do texto */
  46. h1,h2,h3{
  47. font-family: 'Source Code Pro', monospace;
  48. font-weight: 100;
  49. text-align: center
  50. }
  51. .s{
  52. background-color:#010101;
  53. }
  54. .justify{
  55. text-align:justify
  56. }.center{
  57. text-align:center
  58. }.right{
  59. text-align:right
  60. }/* Características */
  61. .featured{
  62. border:1px solid #4ad
  63. }.clean{
  64. border:none;
  65. color:#fff;
  66. padding:13px
  67. }
  68. @keyframes blink {
  69. 0%{
  70. opacity:1
  71. }10%{
  72. opacity:0
  73. }15%{
  74. opacity:1
  75. }20%{
  76. opacity:0
  77. }30%{
  78. opacity:1
  79. }99%{
  80. opacity:0
  81. }100%{
  82. opacity:1
  83. }
  84. }
  85. @-webkit-keyframes load {
  86. 0%{
  87. transform: translate(-50px,-20px);
  88. text-shadow: 5px 0px 0px #f00;
  89. }20%{
  90. color:#000;
  91. transform: translate(0px,-30px);
  92. text-shadow: 5px 0px 0px #00f;
  93. }
  94. 50%{
  95. color:#000;
  96. transform: translate(-30px,5px);
  97. text-shadow: 5px 0px 0px #f00;
  98. }
  99. 100% {
  100. transform: translate(5px,10px);
  101. text-shadow: 5px 0px 0px #f00;
  102. }
  103. }
  104. /*
  105. @-webkit-keyframes hov {
  106. 0%{
  107. text-shadow: 5px 0px 0px #f00;
  108. }20%{
  109. text-shadow: -5px 0px 0px #00f;
  110. }
  111. 50%{
  112. text-shadow: -5px 5px 0px #f00;
  113. }
  114. 100% {
  115. text-shadow: 5px -5px 0px #00f;
  116. }
  117. }*/