Advertisement
kunansy

Untitled

Oct 7th, 2020
270
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.05 KB | None | 0 0
  1. * {
  2.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  3.     margin-right: 0;
  4.     margin-left: 0;
  5.     color: white;
  6.     /*обводка вокруг букв*/
  7.     -webkit-text-stroke: .1px black;
  8.     line-height: normal;
  9. }
  10. body {
  11.     background-image: url("../images/back-image.jpg");
  12.     background-size: cover;
  13. }
  14. /*прослойка между фоном и текстом*/
  15. body > .layout {
  16.     background-color: rgba(0, 0, 0, .1);
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20. .header {
  21.     text-align: center;
  22.     margin: 0;
  23.     font-weight: 550;
  24.     line-height: 50px;
  25.     background-color: rgba(18, 2, 2, 0.2);
  26.     color: black;
  27.     text-transform: uppercase;
  28. }
  29. .photo img {
  30.     position: absolute;
  31.     right: 10px;
  32.     top: 11%;
  33.     width: 20%;
  34.     color: white;
  35.     border: 10px solid white;
  36.     border-radius: 50px;
  37. }
  38. div.assessment {
  39.     text-align: right;
  40. }
  41. h4.assessment {
  42.     color: rgb(120, 10, 100);
  43.     margin: 0;
  44.     padding: 0;
  45. }
  46. form div {
  47.     clear: left;
  48.     margin: 0;
  49.     padding: 5px 0 0;
  50. }
  51. .det-link{
  52.     padding-left: 10px;
  53. }
  54. .det-info{
  55.     padding-left: 10px;
  56. }
  57. .personal-data{
  58.     height: 400px;
  59. }
  60. li {
  61.     margin-left: 0;
  62.     padding: 0;
  63. }
  64. li span, tr th, p span {
  65.     font-weight: 550;
  66.     color: black;
  67.     -webkit-text-stroke: .1px red;
  68. }
  69. a {
  70.     text-decoration: none;
  71.     display: block;
  72.     transition: .3s;
  73. }
  74. a:hover {
  75.     transform: scale(1.1);
  76.     color: #fff;
  77.     background: #000;
  78.     max-width: 300px;
  79.     overflow: auto;
  80. }
  81. a#rnc {
  82.     font-size: 20px;
  83. }
  84. hr {
  85.     border: none;
  86.     background-color: black;
  87.     color: black;
  88.     height: 3px;
  89.     margin: auto;
  90.     width: 300px;
  91. }
  92. ul {
  93.     list-style-type: none;
  94. }
  95. table {
  96.     margin: auto;
  97.     height: 300px;
  98. }
  99.  
  100. .footer {
  101.     background-color: black;
  102.     display: flex;
  103.     height: 300px;
  104.     margin: 0;
  105.     padding: 0;
  106.     border: 0;
  107. }
  108. .footer-text {
  109.     color: white;
  110.     margin: auto;
  111.     font-size: 24px;
  112. }
  113.  
  114. div.nav-bar {
  115.     margin-bottom: 10px;
  116.     overflow: auto;
  117.     height: 40px;
  118.     max-width: 500px;
  119.     background-color: white;
  120.     font-size: 15px;
  121.     border: 2px solid rgba(255, 77, 77, .5);
  122.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
  123. }
  124. nav {
  125.     position: absolute;
  126.     top: 0;
  127.     left: 0;
  128. }
  129. nav ul{
  130.     display: flex;
  131.     list-style: none;
  132. }
  133. nav ul li {
  134.     margin-right: 10px;
  135. }
  136. nav ul li a {
  137.     color: black;
  138. }
  139. nav ul li:first-child {
  140.     background-color: red;
  141. }
  142.  
  143. p.block-to-inline {
  144.     display: inline;
  145. }
  146. div.block-to-inline {
  147.     margin: auto;
  148.     height: 50px;
  149.     background-color: #79b172;
  150.     text-align: center;
  151. }
  152.  
  153. div.text-up-the-image {
  154.     height: 300px;
  155.     text-align: center;
  156.     background-image: url(../images/animal.jpeg);
  157.     background-repeat: no-repeat;
  158.     background-position: center;
  159.     background-size: contain;
  160.     border: 2px solid white;
  161.     border-radius: 15px;
  162.     margin: auto;
  163. }
  164. p.text-up-the-image {
  165.     font-family: "Comic Sans MS", Helvetica, sans-serif;
  166.     color: black;
  167.     text-shadow: 1px 1px 5px black;
  168. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement