daily pastebin goal
44%
SHARE
TWEET

Styles.css

0utlawActual Mar 22nd, 2019 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2.   body{
  3.     color:white;
  4.     font-size: 17px;
  5.     padding:0;
  6.     margin:0;
  7.     text-shadow: 2px 2px rgba(0,0,0,0);
  8.   }
  9.   .container{
  10.     width: 100%;
  11.     height: 100%;
  12.   }
  13.   .container div{
  14.     margin-top: 60px;
  15.     /*left: 17px;*/
  16.     position:absolute;
  17.     /*left: 20px;
  18.     float:left;*/
  19.     font-family: 'GReg';
  20.     letter-spacing: -1px;
  21.   }
  22.   #good{
  23.     top:47px;
  24.     width: 100%;
  25.     left: 16.5px;
  26.     font-size: 30px;
  27.     text-align: left;
  28.     font-family: 'SFbold';
  29.     letter-spacing: 1px;
  30.   }
  31.   #time{
  32.     top:85px;
  33.     width: 100%;
  34.     left: 14px;
  35.     font-size: 65px;
  36.     text-align: left;
  37.     font-family: 'SFBold';
  38.     letter-spacing: 1px;
  39.  
  40.   }
  41.   #date{
  42.     top:149px;
  43.     width: 100%;
  44.     font-size: 32px;
  45.     left: 16.5px;
  46.     text-align: left;
  47.     font-family: 'SFSemibold';
  48.     letter-spacing: -2px;
  49.  
  50.   }
  51.   #weather{
  52.     top:200px;
  53.     width: 100%;
  54.     font-family: 'SFLight';
  55.     /*transform:rotate(-90deg);*/
  56.     font-size: 20px;
  57.     left:16.5px;
  58.     text-align: left;
  59.     display:inline-block
  60.     letter-spacing: -1px;
  61.  
  62.   }
  63.   #icon{
  64.     top:405px;
  65.     position: fixed;
  66.     width:130px;
  67.     left: -5px;
  68.     /*font-size: 20px;
  69.     display:inline-block
  70.     text-align: left;*/
  71.  
  72.   }
  73.  
  74.   #battery{
  75.     top:222px;
  76.     width: 100%;
  77.     left: 16.5px;
  78.     text-align: left;
  79.     font-family: 'SFLight';
  80.     /*text-transform: uppercase;*/
  81.     font-size: 20px;
  82.     letter-spacing: -1px;
  83.  
  84.   }
  85.  
  86. @font-face{
  87.     font-family:GrBold;
  88.     src:url(fonts/GrBold.otf);
  89. }
  90. @font-face{
  91.     font-family:GrMed;
  92.     src:url(fonts/GrMed.otf);
  93. }
  94. @font-face{
  95.     font-family:GBold;
  96.     src:url(fonts/GBold.otf);
  97. }
  98. @font-face{
  99.     font-family:GMed;
  100.     src:url(fonts/GMed.otf);
  101. }
  102. @font-face{
  103.     font-family:GReg;
  104.     src:url(fonts/GReg.otf);
  105. }
  106. @font-face{
  107.     font-family:QSBold;
  108.     src:url(fonts/QSBold.otf);
  109. }
  110. @font-face{
  111.     font-family:QSLight;
  112.     src:url(fonts/QSLight.otf);
  113. }
  114. @font-face{
  115.     font-family:SFBold;
  116.     src:url(fonts/SFBold.otf);
  117. }
  118. @font-face{
  119.     font-family:SFLight;
  120.     src:url(fonts/SFLight.otf);
  121. }
  122. @font-face{
  123.     font-family:SFRegular;
  124.     src:url(fonts/SFRegular.otf);
  125. }
  126. @font-face{
  127.     font-family:SFSemibold;
  128.     src:url(fonts/SFSemibold.otf);
  129. }
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