Advertisement
b0rn-to-be-wild

UPDATES TAB CSS

Jun 22nd, 2018
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.28 KB | None | 0 0
  1. /*-- UPDATES TAB --*/
  2.  
  3. #updates-tab {
  4. position:fixed;
  5. margin-top:{text:Updates tab top margin};
  6. left:{text:Updates tab left margin};
  7. border-left:2px solid {color:Updates tab border};
  8. width:200px;
  9. height:42px;
  10. overflow:hidden;
  11. z-index:10000;
  12. transition:0.6s ease;
  13. -o-transition:0.6s ease;
  14. -moz-transition:0.6s ease;
  15. -webkit-transition:0.6s ease;
  16. }
  17.  
  18. #updates-tab:hover {
  19. height:auto;
  20. }
  21.  
  22. .ut-title h1 {
  23. margin-top:0px;
  24. margin-left:0px;
  25. width:calc(100% - 5px);
  26. height:30px;
  27. padding:5px 15px;
  28. padding-right:0;
  29. letter-spacing:2px;
  30. font-size:20px;
  31. line-height:30px;
  32. text-align:left;
  33. color:{color:Updates tab title};
  34. }
  35.  
  36. .ut-title img {
  37. float:right;
  38. margin-top:-52px;
  39. margin-right:0px;
  40. width:40px;
  41. height:40px;
  42. border:1px solid transparent;
  43. border-radius:100%;
  44. }
  45.  
  46. .update {
  47. margin-top:10px;
  48. margin-bottom:15px;
  49. margin-left:17px;
  50. font-size:12px;
  51. text-align:left;
  52. color:{color:Updates tab text};
  53. }
  54.  
  55. .update h2 {
  56. color:{color:Updates tab title};
  57. margin-top:5px;
  58. margin-bottom:0px;
  59. margin-left:0px;
  60. padding:5px 0;
  61. font-size:15px;
  62. text-align:left;
  63. letter-spacing:1px;
  64. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement