Guest User

css

a guest
Jun 15th, 2013
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.13 KB | None | 0 0
  1. .searchresult {
  2.    margin: 0;
  3.    padding: 0;
  4. }
  5.  
  6. #articles article {
  7.     display: block;
  8.     font-family: Arial, sans-serif;
  9.     position: relative;
  10.     z-index: 100;
  11.     margin: 5px 0;
  12.     animation: menu 4s;
  13.     animation-fill-mode: both;
  14.     opacity: 1;
  15.     padding: 8px;
  16.     width: 60%;
  17.     margin: 8px; /*auto;*/
  18.     border: solid 1px #000;
  19.     border-radius: 5px;
  20.     transition: 2s ease;
  21.    
  22.     box-shadow: 0px 0px 3px 1px #0D1030;
  23.  
  24.    /* background: #feffff; *//* Old browsers */
  25.     background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 100%, #a0d8ef 0%); /* FF3.6+ */
  26.    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+
  27.     background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Chrome10+,Safari5.1+
  28.     background: -o-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* Opera 11.10+
  29.     background: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* IE10+
  30.     background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#a0d8ef 100%); /* W3C */
  31.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
  32. }
  33.  
  34. #articles article:nth-child(2) {
  35.    animation-delay: 0.2s;
  36. }
  37. #articles article:nth-child(3) {
  38.    animation-delay: 0.4s;
  39. }
  40. #articles article:nth-child(4) {
  41.    animation-delay: 0.6s;
  42. }
  43. #articles article:nth-child(5) {
  44.    animation-delay: 0.8s;
  45. }
  46.  
  47. #articles article h1 {
  48.    text-shadow: 0px 0px 1px #fff;
  49.    font-size: 1.5em;
  50.    line-height: 0.9em;
  51.    margin-bottom: 10px;
  52. }
  53.  
  54. @keyframes menu {
  55.   0%   {opacity: 0; background: #fff;}  
  56.   100% {opacity: 1;}
  57. }
  58.  
  59. #articles article:nth-child(2) {
  60.    animation-delay: 0.2s;
  61. }
  62. #articles article:nth-child(3) {
  63.    animation-delay: 0.4s;
  64. }
  65. #articles article:nth-child(4) {
  66.    animation-delay: 0.6s;
  67. }
  68. #articles article:nth-child(5) {
  69.    animation-delay: 0.8s;
  70. }
  71.  
  72. #articles article p {
  73.    margin: 5px 0;
  74.    font-size: 15px;
  75. }
  76.  
  77. #articles article p:first-of-type {
  78.    margin-top: 0;
  79. }
  80.  
  81. #articles article p:last-of-type {
  82.    margin-bottom: 0;
  83. }
  84.  
  85. /*********** List Items styling ***********/
  86. #articles #row1 ul li {
  87.   display: inline;
  88.   margin: 0;
  89.   padding: 0;
  90. }
  91.  
  92. #articles #row1 ul li:nth-child(1) {
  93.   margin-left: 0;
  94.   margin-right: 15px;
  95.   padding: 0;
  96. }
  97.  
  98. #articles #row1 ul li:nth-child(2) {
  99.   margin-left: 15px;
  100.   padding: 0;
  101. }
  102.  
  103. #articles #row2 ul li {
  104.   display: inline;
  105.   margin: 0;
  106.   padding: 0;
  107. }
  108.  
  109. #articles #row2 ul li:nth-child(1) {
  110.   margin-left: 0;
  111.   margin-right: 15px;
  112.   padding: 0;
  113. }
  114. #articles #row2 ul li:nth-child(2) {
  115.   margin-left: 15px;
  116.   margin-right: 0;
  117.   padding: 0;
  118. }
  119.  
  120. #articles #row3 ul li {
  121.   display: inline;
  122.   margin: 0;
  123.   padding: 0;
  124. }
  125.  
  126. #articles #row3 ul li:nth-child(1) {
  127.   padding: 0;
  128.   margin-left: 0px;
  129.   margin-right: 15px;
  130. }
  131.  
  132. #articles #row3 ul li:nth-child(2) {
  133.   padding: 0;
  134.   margin-left: 15px;
  135.   margin-right: 15px;
  136. }
  137.  
  138. #articles #row3 ul li:nth-child(3) {
  139.   padding: 0;
  140.   margin-right: 15px;
  141.   margin-left: 15px;
  142. }
Advertisement
Add Comment
Please, Sign In to add comment