Advertisement
Guest User

Hacker News Mobile CSS v0.1

a guest
Apr 4th, 2014
272
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.67 KB | None | 0 0
  1.  
  2. /*!
  3.  * Hacker News Mobile CSS v0.1
  4.  *
  5.  * Copyright 2014 Filip Mandaric (and anyone else who wants to add)
  6.  * Licensed under the Apache License v2.0
  7.  * http://www.apache.org/licenses/LICENSE-2.0
  8.  */
  9.  
  10. @media (max-width: 767px) {
  11.  
  12.     body {
  13.         margin: 0;
  14.     }
  15.     br {
  16.         display: none;
  17.     }
  18.     table, tbody, tr, td {
  19.         width: auto;
  20.         white-space: break-word;
  21.     }
  22.     input[type="text"], textarea {
  23.         width: 100%;
  24.     }
  25.     pre, code {
  26.         white-space: normal;
  27.     }
  28.     span.comment {
  29.         display: block;
  30.         margin: 5px 0 0;
  31.     }
  32.     td img[src="s.gif"] {
  33.         height: 2px;
  34.         width: 0px;
  35.     }
  36.     td img[src="s.gif"][width="40"] {
  37.         width: 13px;
  38.     }
  39.     td img[src="s.gif"][width="80"] {
  40.         width: 25px;
  41.     }
  42.     td img[src="s.gif"][width="120"] {
  43.         width: 36px;
  44.     }
  45.     td img[src="s.gif"][width="160"] {
  46.         width: 46px;
  47.     }
  48.     td img[src="s.gif"][width="200"] {
  49.         width: 55px;
  50.     }
  51.     td.subtext {
  52.         padding: 0 0 0 5px;
  53.     }
  54.     td.title {
  55.         padding: 0 0 0 5px;
  56.     }
  57.     td.default div {
  58.         margin: 0 !important;
  59.     }
  60.     span.pagetop {
  61.         font-size: 0;
  62.         line-height: 1.5;
  63.     }
  64.     span.pagetop b {
  65.         font-size: 12px;
  66.     }
  67.     span.pagetop a {
  68.         font-size: 12px;
  69.         display: inline-block;
  70.         margin: 0px 4px;
  71.     }
  72.     a[href^="http"] {
  73.         display: inline-block;
  74.         max-width: 230px;
  75.         overflow: hidden;
  76.         text-overflow: break;
  77.         vertical-align: bottom;
  78.     }
  79.     td.title > a {
  80.         max-width: inherit;
  81.         white-space: normal;
  82.     }
  83.  
  84. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement