Advertisement
Guest User

twitter-feed-css-v2

a guest
Apr 12th, 2020
212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.85 KB | None | 0 0
  1. /*Original CSS by u/chaos_8, slight modifications by u/1998CR*/
  2.  
  3. /*---COLOR CONFIG---*/
  4.  
  5. h1 {
  6.   color: #ffffff; /*Change title text color*/
  7.   background-color:#0079D3 /*Change the title header background color*/
  8. }
  9. blockquote>blockquote{ /* retweets */
  10.   background-color:#00000026;
  11.   border-left-color: #67bef5!important; /*Change the left border of an embedded retweet*/
  12. }
  13.  
  14. p>em>a{
  15.     color: #1da1f2 !important; /*Color of the tweeter's name*/
  16. }
  17. a:link{
  18.   color:#1da1f2; /*A link*/
  19. }
  20. a:visited{
  21.   color: #862adb /*A link you already clicked on and visited*/
  22. }
  23.  
  24. /*---*/
  25.  
  26. blockquote {
  27.   font-size: 13.8px;
  28.   line-height: 16px;
  29.   margin: 10px 10px;
  30.   position: relative;
  31.   top: -18px;
  32. }
  33. blockquote>blockquote{
  34.   top: 10px;
  35.   left: -11px;
  36.   border-left: 2px solid;
  37.   border-bottom-color: currentcolor;
  38.   border-top: 1px solid;
  39.   border-top-color: transparent!important;
  40.   width: 100%;
  41. }
  42. blockquote>blockquote>p {
  43.   left: 9px;
  44.   position: relative;
  45.   width: ;
  46.   top: -8px;
  47.   padding-right: 18px;
  48. }
  49. blockquote>blockquote>p>strong>a {
  50.     font-size: 14px;
  51.     top: -2px;
  52.     position: relative;
  53. }
  54. blockquote>p:first-child {
  55.     margin-top: 16px;
  56. }
  57. blockquote>p:not(:first-child) {
  58.     margin-top: 8px;
  59. }
  60.  
  61. .md>p>a:link{
  62.   left: 43px;
  63.   top: -9px;
  64.   position: relative;
  65.   font-size: 14px;
  66.   text-decoration: none;
  67.   font-family: IBMPlexSans, sans-serif;
  68. }
  69. html{
  70.   overflow: scroll;
  71.   overflow-x: hidden;
  72. }
  73. ::-webkit-scrollbar {
  74.     display: none;
  75. }
  76. body {
  77.   font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  78.   margin: 0px;
  79. }
  80. div>p>strong>a{
  81.   display: block;
  82.   text-align: center;
  83.   padding-top: 5px;
  84.   padding-bottom: 5px;
  85.   position: relative;
  86.   bottom: 7px;
  87.   border: 1px solid;
  88.   text-decoration: none;
  89.   color: #1DA1F2 !important;
  90. }
  91. strong>a{
  92.   text-decoration: none;
  93. }
  94. em {
  95.   font-style: normal;
  96.   font-weight: normal;
  97. }
  98. p>em>a{
  99.   font-style: normal;
  100.   text-decoration: none;
  101. }
  102. p>del {
  103.     position: relative;
  104.     top: -9px;
  105.     font-size: 10px;
  106.     font-style: italic;
  107.     text-decoration: none;
  108.     font-family: "Courier New", Courier, monospace;
  109.     text-align: center;
  110.     display: block;
  111.     height: 3px;
  112. }
  113. del:first-child {
  114.     top: -20px;
  115. }
  116. p{
  117.   margin-bottom:0;
  118. }
  119. a{
  120.   overflow-wrap:break-word;
  121. }
  122. h1 {
  123.   text-indent: 5px;
  124.   padding: 10px 0px 10px 5px;
  125.   margin: 0;
  126.   font-size: 14px;
  127.   font-family: IBMPlexSans,sans-serif;
  128.   letter-spacing: 0.5px;
  129.   background-size: 45px;
  130.   /*background-image: url(%%logo%%);*/
  131.   background-repeat: no-repeat;
  132.   background-position: right;
  133.   border-top-left-radius: 3px;
  134.   border-top-right-radius: 3px;
  135. }
  136.  
  137.   html{
  138.     background-color:transparent;
  139.     color: #7d7d7d;
  140.   }
  141.  
  142.   blockquote{
  143.     background-color:transparent;
  144.     color: #7d7d7d;
  145.   }
  146.   em{
  147.       color: #7d7d7d;
  148.   }
  149.   hr {
  150.     border-color: #00000026;
  151.   }
  152.   h2::before, h3::before, h4::before, h5::before, h6::before{
  153.     background-color: #00000026;
  154.   }
  155.  
  156. /*If you want to customize colors based on the DEVICE's scheme (not reddit's night mode feature)*/
  157. /*@media (prefers-color-scheme: dark) {}*/
  158. /*@media (prefers-color-scheme: light) {}*/
  159.  
  160.  
  161. hr {
  162.   border-style: solid;
  163.   border-width: 0.6px;
  164.   margin: 0;
  165. }
  166. h2, h3, h4, h5, h6{
  167.   top: -9px;
  168.   height: 20px;
  169.   position: relative;
  170.   margin: 0px;
  171.   font-size: 14px;
  172.   font-family: IBMPlexSans,sans-serif;
  173.   font-weight: bold;
  174. }
  175. h2>strong, h3>strong, h4>strong, h5>strong, h6>strong{
  176.   left: 10px;
  177.   position: relative;
  178. }
  179. h2::before, h3::before, h4::before, h5::before, h6::before{
  180.   display: inline-block;
  181.   width: 33px;
  182.   height: 33px;
  183.   position: relative;
  184.   top: 21px;
  185.   left: 6px;
  186.   background-size: 33px;
  187.   content: "";
  188.   background-color: #FFFFFF;
  189.   border-radius: 100%;
  190. }
  191. /* MODIFY THIS FOR PROFILE PICTURES */
  192. h2::before{background-image: url(%%profile1%%);} /* 1 */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement