You are here

Home » API reference » Twitter 7.6

twitter.css in Twitter 7.6

Same filename and directory in other branches
  1. 7.5 twitter.css
/**
 * Styles to render a tweet as it is shown at Twitter.com.
 *
 * Thanks @makangus.
 */
div.view-tweets ul{
  list-style-type: none;
  padding: 0px;
}

.twitter-status{
  background: #ffffff;
  color: #333333;
  padding: 10px 10px 0;
  margin-bottom: 2px;
  font-size: 1.077em;
  line-height: 1.42857142857143em;
}

.twitter-status .timestamp{
  float: right;
  color: #999999;
  font-size: 0.85714285714286em;
}

.twitter-status .name-handle{
  margin-left: 60px;
}

.twitter-status .text{
  margin-left: 60px;
}

.twitter-status .name-handle .name, .twitter-status .name-handle .handle{
  display: inline;
}

.twitter-status .name-handle .name a{
  font-weight: bold;
  margin-right: 5px;
  color: #333333;
}

.twitter-status .name-handle .handle a{
  color: #999999;
  font-size: 0.85714285714286em;
}

.twitter-status .avatar{
  float: left;
}

.twitter-status .avatar img{
  border-radius: 3px;
}

.twitter-status a {
  color: #30a9ff;
}

.twitter-status a:hover {
  text-decoration: underline;
}

.twitter-status .actions{
  text-align: right;
  font-size: 0.85714285714286em;
  padding: 0;
  margin: 0;
  visibility: hidden;
}

.twitter-status:hover .actions{
  visibility: visible;
}

.twitter-status .actions li{
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.twitter-status .actions a{
  display: inline-block;
  line-height: 16px;
  margin-left: 10px;
  vertical-align: top;
  color: #999999;
}

File

twitter.css
View source 
  1. /**

  2.  * Styles to render a tweet as it is shown at Twitter.com.

  3.  *

  4.  * Thanks @makangus.

  5.  */

  6. div.view-tweets ul{

  7.   list-style-type: none;

  8.   padding: 0px;

  9. }

  10. 

  11. .twitter-status{

  12.   background: #ffffff;

  13.   color: #333333;

  14.   padding: 10px 10px 0;

  15.   margin-bottom: 2px;

  16.   font-size: 1.077em;

  17.   line-height: 1.42857142857143em;

  18. }

  19. 

  20. .twitter-status .timestamp{

  21.   float: right;

  22.   color: #999999;

  23.   font-size: 0.85714285714286em;

  24. }

  25. 

  26. .twitter-status .name-handle{

  27.   margin-left: 60px;

  28. }

  29. 

  30. .twitter-status .text{

  31.   margin-left: 60px;

  32. }

  33. 

  34. .twitter-status .name-handle .name, .twitter-status .name-handle .handle{

  35.   display: inline;

  36. }

  37. 

  38. .twitter-status .name-handle .name a{

  39.   font-weight: bold;

  40.   margin-right: 5px;

  41.   color: #333333;

  42. }

  43. 

  44. .twitter-status .name-handle .handle a{

  45.   color: #999999;

  46.   font-size: 0.85714285714286em;

  47. }

  48. 

  49. .twitter-status .avatar{

  50.   float: left;

  51. }

  52. 

  53. .twitter-status .avatar img{

  54.   border-radius: 3px;

  55. }

  56. 

  57. .twitter-status a {

  58.   color: #30a9ff;

  59. }

  60. 

  61. .twitter-status a:hover {

  62.   text-decoration: underline;

  63. }

  64. 

  65. .twitter-status .actions{

  66.   text-align: right;

  67.   font-size: 0.85714285714286em;

  68.   padding: 0;

  69.   margin: 0;

  70.   visibility: hidden;

  71. }

  72. 

  73. .twitter-status:hover .actions{

  74.   visibility: visible;

  75. }

  76. 

  77. .twitter-status .actions li{

  78.   display: inline-block;

  79.   list-style: none;

  80.   padding: 0;

  81.   margin: 0;

  82. }

  83. 

  84. .twitter-status .actions a{

  85.   display: inline-block;

  86.   line-height: 16px;

  87.   margin-left: 10px;

  88.   vertical-align: top;

  89.   color: #999999;

  90. }