SHARE
TWEET

Untitled

a guest Jun 24th, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
  2.  
  3. *,
  4. *:before,
  5. *:after {
  6.   box-sizing: border-box;
  7.   -webkit-font-smoothing: antialiased;
  8.   -moz-osx-font-smoothing: grayscale;
  9. }
  10.  
  11. body {
  12.   margin: 0;
  13. }
  14.  
  15. #bottom-info {
  16.   justify-content: space-between;
  17.   position: absolute;
  18.   left: 74px;
  19.   top: 62px;
  20.   width: 435px;
  21.   height: 15px;
  22.   color: #C99166;
  23.   font-family: Lato;
  24.   font-size: 14px;
  25.   font-weight: 700;
  26.   text-transform: uppercase;
  27. }
  28.  
  29. .goal-cont {
  30.   color: black;
  31.   background: #E4C8AE;
  32.   position: relative;
  33.   width: 530px;
  34.   height: 90px;
  35.   border-radius: 30px;
  36.   opacity: 1.0;
  37. }
  38.  
  39. #icon {
  40.   border-radius: 1px;
  41.   position: absolute;
  42.   left: 20px;
  43.   top: 30px;
  44. }
  45.  
  46. #icon::before {
  47.   content: "";
  48.   position: absolute;
  49.   width: 200px;
  50.   height: 200px;
  51.   color: #000;
  52.   text-align: center;
  53.   line-height: 100px;
  54.   background: url(https://i.imgur.com/CpWec54.png) no-repeat;
  55. }
  56.  
  57. #title{
  58.   position: absolute;
  59.   left: 74px;
  60.   top: 22px;
  61.   width: 445px;
  62.   height: 18px;
  63.   color: white;
  64.   font-family: Lato;
  65.   font-size: 18px;
  66.   font-weight: 700;
  67. }
  68.  
  69. #goal-bar {
  70.   position: relative;
  71.   z-index: 2;
  72.   height: 15px;
  73.   box-sizing: border-box;
  74.   background: #C99166;
  75.   max-width: 435px;
  76.   top: 45px;
  77.   left: 74px;
  78. }
  79.  
  80. #goal-bar2 {
  81.   box-sizing: border-box;
  82.   z-index: 1;
  83.   position: absolute;
  84.   left: 74px;
  85.   top: 45px;
  86.   width: 435px;
  87.   height: 15px;
  88.   background-color: white;
  89.   box-shadow: 0 0 10px rgba(5, 5, 5, 0.3);
  90. }
  91.  
  92. #goal-current {
  93.     position: absolute;
  94.     z-index: 3;
  95.     left: 0;
  96.     right: 0;
  97.     font-family: "Lato";
  98.     font-style: normal;
  99.     font-weight: 600;
  100.     line-height: 28px;
  101.     font-size: 28px;
  102.     text-align: left;
  103.     color: #000000;
  104. }
  105.  
  106. #goal-total {
  107.   width: 100px;
  108.   text-align: left;
  109. }
  110.  
  111. #summary {
  112.   text-align: left;
  113.   font-family: "Lato";
  114.   text-shadow: 0.5px 0.9px 3.2px rgba(0, 0, 0, 0.2);
  115.   color: white;
  116.   font-size: 18px;
  117.   font-weight: 500;
  118. }
  119.  
  120. #end-date {
  121.   text-align: center;
  122.   font-size: 12px;
  123.   line-height: 12px;
  124.   font-weight: 800;
  125. }
  126.  
  127. #current {
  128.   float: left;
  129. }
  130.  
  131. #total {
  132.   float: right;
  133. }
  134.  
  135. #time {
  136.   text-align: center;
  137.   text-shadow: 1.3px 1.5px 9.5px rgba(0, 0, 0, 0.9);
  138.   color: white;
  139.   font-family: "Lato";
  140.   font-size: 15px;
  141.   font-weight: 500;
  142.   position: relative;
  143.   top: 130px;
  144. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top