daniramadhan7

stylesheet_css_CV_SoloLearn

Sep 6th, 2021 (edited)
1,043
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. body {
  6.     font-family: 'Handlee', cursive;
  7.     font-size: 13pt;
  8.     background-color: #efefef;
  9.     padding: 10px;
  10.     margin: 0;
  11. }
  12. h1 {
  13.     font-size: 15pt;
  14.     color: #20bcd5;
  15.     text-align: center;
  16.     padding: 18px 0 18px 0;
  17.     margin: 0 0 10px 0;
  18. }
  19. h1 span {
  20.     border: 4px dashed #20bcd5;
  21.     padding: 10px;
  22. }
  23. p {
  24.     padding: 0;
  25.     margin: 0;
  26. }
  27. .img-circle {
  28.     border: 3px solid white;
  29.     border-radius: 50%;
  30. }
  31. .section {
  32.     background-color: #fff;
  33.     padding: 15px;
  34.     margin-bottom: 10px;
  35.     border-radius: 10px;
  36. }
  37. #header {
  38.     background-image: url("https://www.sololearn.com/Uploads/header.jpg");
  39.     background-size: cover;
  40. }
  41. #header img {
  42.     display: block;
  43.     width: 80px;
  44.     height: 80px;
  45.     margin: auto;
  46. }
  47. #header p {
  48.     font-size: 25pt;
  49.     color: #3b464c;
  50.     padding-top: 5px;
  51.     margin: 0;
  52.     font-weight: bold;
  53.     text-align: center;
  54. }
  55. .quote {
  56.     font-size: 12pt;
  57.     text-align: right;
  58.     margin-top: 10px;
  59. }
  60. table {
  61.     width: 100%;
  62.     font-size: 11pt;
  63. }
  64. table, th, td {
  65.     border: 2px solid #cecece;
  66.     border-collapse: collapse;
  67.     text-align: left;
  68.     table-layout: fixed;
  69. }
  70. .selected {
  71.     background-color: #f36f48;
  72.     font-weight: bold;
  73.     color: white;
  74. }
  75. li {
  76.     margin-bottom: 15px;
  77.     font-weight: bold;
  78. }
  79. progress {
  80.     width: 70%;
  81.     height: 20px;
  82.     color: #3fb6b2;
  83.     background: #efefef;
  84. }
  85. progress::-webkit-progress-bar {
  86.     background: #efefef;
  87. }
  88. progress::-webkit-progress-value {
  89.     background: #3fb6b2;
  90. }
  91. progress::-moz-progress-bar {
  92.     color: #3fb6b2;
  93.     background: #efefef;
  94. }
  95. iframe, audio {
  96.     display: block;
  97.     margin: 0 auto;
  98.     border: 3px solid #3fb6b2;
  99. }
  100. hr {
  101.     border: 0;
  102.     height: 1px;
  103.     background: #f36f48;
  104. }
  105. form {
  106.     text-align: center;
  107.     margin-top: 0;
  108. }
  109. .submit {
  110.     background-color: #3fb6b2;
  111.     padding: 12px 45px;
  112.     border-radius: 5px;
  113.     cursor: pointer;
  114.     color: #ffffff;
  115.     border: none;
  116.     outline: none;
  117.     margin: 0;
  118.     font-weight: bold;
  119. }
  120. .submit:hover {
  121.     background-color: #43a09d;
  122. }
  123. textarea {
  124.     height: 100px;
  125. }
  126. input, textarea {
  127.     margin-bottom: 10px;
  128.     font-size: 11pt;
  129.     padding: 15px 10px 10px;
  130.     border: 1px solid #cecece;
  131.     background-color: #efefef;
  132.     color: #787575;
  133.     border-radius: 5px;
  134.     width: 70%;
  135.     outline: none;
  136. }
  137. .face {
  138.     transform: scale(0.4);
  139.     margin: 0 auto;
  140.     display: block;
  141.     margin-top: -35px;
  142.     margin-bottom: -25px;
  143. }
  144. #contacts img {
  145.     height: 50px;
  146.     width: 50px;
  147.     margin-left: 7px;
  148.     margin-right: 7px;
  149. }
  150. #contacts a {
  151.     text-decoration: none;
  152. }
  153. #contacts img:hover {
  154.     opacity: 0.8;
  155. }
  156. #contacts {
  157.     text-align: center;
  158. }
  159. .copyright {
  160.     font-size: 11pt;
  161.     text-align: center;
  162.     padding-bottom: 10px;
  163.     color: grey;
  164. }
RAW Paste Data Copied