yomomma56

Startpage Css

Sep 10th, 2016
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.59 KB | None | 0 0
  1. html, body{ /**Main styling**/
  2.     text-align: center;
  3.     background-image: url("file:///home/abradolf/Documents/1473054519697.jpg");
  4.     -webkit-background-size: cover;
  5.     -moz-background-size: cover;
  6.     -o-background-size: cover;
  7.   background-size: cover;
  8.     padding: 0px;
  9.     margin: 0;
  10.     height: 100%;
  11.     font-family: 'Roboto', sans-serif;
  12.     font-size: 18px;
  13. }
  14.  
  15. a:link
  16. {
  17.     text-decoration: none;
  18.     color: #ffffff;
  19.     margin: 2px;
  20.     font-size: 17px;
  21.     font-weight: normal;
  22. }
  23.  
  24. a:hover {
  25.   color: #333333;
  26.   background-color: #ffffff;
  27.   border-radius: 1px;
  28.   padding: 10px;
  29.   transition: 0.08s;
  30.  
  31. }
  32.  
  33. a:visited:hover {
  34.   color: #333333;
  35.   background-color: #ffffff;
  36.   border-radius: 0px;
  37.   padding: 10px;
  38.   transition: 0.08s;
  39. }
  40.  
  41. a:visited
  42. {
  43.   text-decoration: none;
  44.     color: #ffffff;
  45.     margin: 2px;
  46.     font-size: 17px;
  47.     font-weight: normal;
  48. }
  49. #main {
  50.   text-align: center;
  51.   padding: 10px;
  52. }
  53.  
  54. .search {
  55.   background-color: rgba(51, 51, 51, 0.9);
  56.   color: #ffffff;
  57.   width: 500px;
  58.   height: 40px;
  59.   border: none !important;
  60.   box-shadow: 5px 5px 12px #000;
  61.   text-align: center;
  62.   font-size: 18px;
  63. }
  64.  
  65. /*.search:hover {
  66.   background-color: rgba(51, 51, 51, 0.9);
  67.   color: white;
  68.   transition: .25s;
  69. }
  70.  
  71. .search:focus {
  72.   background-color: rgba(51, 51, 51, 0.9);
  73.   color: white;
  74.  
  75. }
  76. */
  77.  
  78. .spcr {
  79.   padding: 10px;
  80. }
  81.  
  82. .link_spcr {
  83.   padding: 5px;
  84. }
  85.  
  86. ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  87.     color: white;
  88.     font-size: 15px;
  89.     padding-left: 5px;
  90.     text-align: center;
  91. }
  92. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  93.    color: white;
  94.    opacity:  0.9;
  95.    font-size: 18px;
  96.    padding-left: 5px;
  97.    text-align: center;
  98. }
  99.  
  100. input {
  101.     line-height: 1.5em;
  102. }
  103.  
  104. #reddit {
  105.   width: 150px;
  106.   height: 310px;
  107.   background-color: rgba(51, 51, 51, 0.90);
  108.   color: #ffffff;
  109.   box-shadow: 5px 5px 12px #000000;
  110.   padding: 20px;
  111.   float: right;
  112.   margin-right: 425px;
  113.   margin-top: 50px;
  114.   border-radius: 0px;
  115.   font-weight: bold;
  116. }
  117.  
  118. #google {
  119.   width: 150px;
  120.   height: 310px;
  121.   background-color: rgba(51, 51, 51, 0.9);
  122.   box-shadow: 5px 5px 12px #000000;
  123.   color: #ffffff;
  124.   padding: 20px;
  125.   margin-left: 425px;
  126.   float: left;
  127.   margin-top: 50px;
  128.   border-radius: 0px;
  129.   font-weight: bold;
  130. }
  131.  
  132. #coding {
  133.   width: 150px;
  134.   height: 310px;
  135.   background-color: #000000;
  136.   color: #ffffff;
  137.   padding: 20px;
  138.   float: left;
  139.   /**margin-right: 100px;**/
  140.   margin-top: 50px;
  141.   border-radius: 2px;
  142.   font-weight: bold;
  143. }
  144.  
  145. #header:hover {
  146.   text-decoration: underline;
  147.   transition: .25s;
  148. }
Add Comment
Please, Sign In to add comment