daily pastebin goal
83%
SHARE
TWEET

Untitled

a guest May 16th, 2018 105 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. div,header,ul,li,section,nav,footer,h1,h2,h3,h4 {margin:0;padding:0;}
  2. li { list-style: none; }
  3. a { text-decoration: none;}
  4.  
  5. .header,.mainArea > nav, .mainArea > .content, .newsList > ul{
  6.     padding:10px;
  7.     border: 1px solid #cccaca;
  8. }
  9.  
  10. .wrap{
  11.     width:800px;
  12.     margin: 150px auto 0px;
  13. }
  14.  
  15. .wrap,nav, .content {
  16.     height: 200px;
  17. }
  18.  
  19. .header {
  20.     overflow: auto;
  21.     border-bottom: 0;
  22. }
  23.  
  24. .header > ul{
  25.     float:left;
  26. }
  27.  
  28. .header > ul > li {
  29.     display: inline-block;
  30. }
  31.  
  32. .header > .btn {
  33.     float: right;
  34.     font-size: 1.2rem;
  35. }
  36.  
  37. .left, .right {
  38.     display: inline-block;
  39. }
  40.  
  41. .left {
  42.     margin-right: 10px;
  43. }
  44.  
  45. .mainArea {
  46.     clear:both;
  47.     overflow: auto;
  48. }
  49.  
  50. .newsList {
  51.     overflow: hidden;
  52.     clear: both;
  53. }
  54.  
  55. nav, .content , .newsList > ul{
  56.     float: left;
  57.     box-sizing: border-box;
  58. }
  59.  
  60. nav {
  61.     width:200px;
  62.     border-right: 0;
  63. }
  64.  
  65. .content {
  66.     width:600px;
  67.     overflow: auto;
  68. }
  69.  
  70. .content > h4 {
  71.     height: 26px;
  72. }
  73.  
  74. .content .logo-wrap {
  75.     float:left;
  76. }
  77.  
  78. .content .company {
  79.     max-width: 80%;
  80. }
  81.  
  82. .newsList > .img-title-wrap , .newsList > ul{
  83.     float: left;
  84. }
  85.  
  86. .newsList > .img-title-wrap {
  87.     width : 38%;
  88.     position: relative;
  89. }
  90.  
  91. .title-desc {
  92.     background-color: #4e4a4ae0;
  93.     position: absolute;
  94.     bottom: 5px;
  95.     width: 99%;
  96.     height: 45px;
  97.     color: #fff;
  98.     padding: 2%;
  99.     box-sizing: border-box;
  100.     font-size: 0.8em;
  101. }
  102.  
  103. .newsList > ul {
  104.     margin-left:2%;
  105.     width : 60%;
  106. }
  107.    
  108. .newsList  img, .newsList > ul  {
  109.     height: 150px;
  110. }
  111.  
  112. .newsList ul li {
  113.     text-overflow: ellipsis;
  114.     white-space: nowrap;
  115.     font-size: 14px;
  116.     margin: 2%;
  117. }
  118.  
  119. .news-config {
  120.     margin-top: 5%;
  121.     width: 800px;
  122. }
  123.  
  124. .news-config ul {
  125.     overflow: hidden;
  126. }
  127.  
  128. .news-config li {
  129.     float:left;
  130.     width:20%;
  131.     margin-bottom: 3%;
  132. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top