CSS   69

socialmedia css

Guest on 23rd July 2022 03:28:48 AM

  1. /*twitter, yahoo mail, Gmail*/
  2.  
  3. body{
  4.         margin:10px 0;
  5.         padding:0;
  6.         background-color:#ffffff;
  7.         font-family:"Lucida Grande","Lucida Sans Unicode", Arial, san-serif;
  8.         font-size:14px;
  9.         line-height:21px;
  10.         color: #2791b4;
  11. }
  12.  
  13. p#twitter{
  14.         background:url(https://zzusis-utilities.wsu.edu/psportal/port-img/twitter-sm.png) #f2f2f2 no-repeat left;
  15.         padding:20px 20px 20px 60px;
  16.         margin: 20px 0 5px;
  17.         display:block;
  18. }
  19. #twitter_update{
  20.         border:1px solid #b6bcbf;
  21.         border-bottom:1px solid #ebebeb;
  22.         border-right:1px solid #ebebeb;
  23. }
  24. textarea{
  25.         border:none;
  26.         color:#5e6a71;
  27.         display:block;
  28.         height: 50px;
  29.         margin:0 !important;
  30.         padding:0 !important;
  31.         text-align:left;
  32.         font-size:12px;
  33.         line-height:12px;
  34.         background:#fff;
  35.         width:100%;
  36. }
  37. input.twtrsignin{
  38.         background:#33ccff;
  39.         padding:8px 25px;
  40.         float:left;
  41.         font-family:"Lucida Grande","Lucida Sans Unicode", Arial, san-serif;
  42.         border:none;
  43.         color:#fff;
  44.         text-transform:uppercase;
  45.         font-size:12px;
  46.         line-height:12px;
  47.         margin:8px 20px 16px 0;
  48. }
  49. input.twtrsignin:hover{
  50.         cursor:pointer;
  51.         background:#2fbae8;
  52. }
  53.  
  54. #twitter_mentions ul {
  55.         list-style-type:square;
  56.         list-style-image:url(/psportal/port-img/twitter-tiny.png);
  57.         margin-left:5px;
  58.         padding:0px 0px 24px 0px;
  59.         color:#464646;
  60. }
  61. #twitter_mentions li {
  62.         font-size:11px;
  63.         line-height:14px;
  64.         margin:0;
  65.         padding-bottom:12px;
  66. }
  67. .tweet{
  68.         list-style-type:square;
  69.         list-style-image:url(/psportal/port-img/twitter-tiny.png);
  70.         margin-left:20px;
  71.         padding:5px 10px 4px 10px;
  72.         color:#464646;
  73.         background-color: #f4f5f6;
  74. }
  75. /*yahoo mail and Gmail*/
  76. #yahoo_pglt{
  77.         border-top:1px solid #e7e9ea;
  78.         padding:4px 0 0;
  79. }
  80. p.title{
  81.         font-size:11px;
  82.         line-height:16px;
  83.         margin:0;
  84.         overflow:hidden;
  85.         padding:4px 0 1px;
  86.         white-space:nowrap;
  87. }
  88.         p.title a{
  89.                 background:#f7f7f7;
  90.                 color:#262a2d;
  91.                 padding:1px 4px;
  92.                 text-decoration:none;
  93.         }
  94.         p.title a:hover{
  95.                 background:#ddd;
  96.         }
  97. p.from{
  98.         border-bottom:1px solid #e7e9ea;
  99.         color:#5e6a71;
  100.         font-size:10px;
  101.         line-height:12px;
  102.         margin:0 0 4px;
  103.         padding:0 8px 4px;
  104.         overflow:hidden;
  105.         white-space:nowrap;
  106. }
  107. a.logout_yahoo{
  108.         font-size: 10px;
  109.         text-decoration: none;
  110.         padding: 2px 8px;
  111.         background: #7b0099;
  112.         color: #fff;
  113. }
  114. a.logout_yahoo:hover{
  115.         background:#5f1973;
  116. }
  117.  
  118. #yahoo-mail p{
  119.         background:url(/psportal/port-img/yahoo-sm.png) #eaeaea no-repeat left;
  120.         padding:20px 20px 20px 60px;
  121.         margin: 20px 0 5px;
  122.         display:block;
  123.         color: #7b0099;
  124.         font-size: 14px;
  125. }
  126. #yahoo-mail p#ymailerror{
  127.         background:none;
  128.         border:none;
  129.         color:#262a2d;
  130.         padding:0;
  131.         margin:0;
  132. }
  133. .ymloginbutton{
  134.         background:#7b0099;
  135.         padding:8px 25px;
  136.         float:left;
  137.         border:none;
  138.         color:#fff;
  139.         text-decoration:none;
  140.         text-transform:uppercase;
  141.         font-size:12px;
  142.         line-height:12px;
  143.         margin-top:8px;
  144. }
  145. .ymloginbutton:hover{
  146.         cursor:pointer;
  147.         background:#5f1973;
  148. }
  149.  
  150. /*gmail*/
  151. #gmail{
  152.         background:url(/psportal/port-img/gmail.png) #fff no-repeat;
  153.         text-transform:uppercase;
  154.         color:#5e6a71;
  155.         font-size:10px;
  156.         padding:45px 0 0;
  157. }
  158. #gmail .inputs{
  159.         background:#e7e9ea;
  160.         width:100%;
  161.         border:none;
  162.         color:#5e6a71;
  163.         font-size:11px;
  164.         line-height:18px;
  165.         margin:0;
  166. }
  167. .gloginLink{
  168.         background:#426bde;
  169.         padding:8px 25px;
  170.         float:left;
  171.         border:none;
  172.         color:#fff;
  173.         text-decoration:none;
  174.         text-transform:uppercase;
  175.         font-size:12px;
  176.         line-height:12px;
  177.         margin-top:8px;
  178. }
  179. .gloginLink:hover{
  180.         cursor:pointer;
  181.         background:#2e4a9a;
  182. }

Raw Paste


Login or Register to edit or fork this paste. It's free.