Advertisement
Guest User

Linux.org.ru (echo_ css)

a guest
Dec 1st, 2016
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.55 KB | None | 0 0
  1. #fountainTextG{
  2.     width:650px;
  3.     margin:auto;
  4. }
  5. .fountainTextG{
  6.     margin: 0 auto;
  7.     padding-left: 10px;
  8.     padding-bottom: 10px;
  9.     color:rgb(0,0,0);
  10.     font-size:60px;
  11.     text-decoration:none;
  12.     font-weight:normal;
  13.     font-style:normal;
  14.     font-family: 'Orbitron', sans-serif;
  15.     float:left;
  16.        animation-name:bounce_fountainTextG;
  17.        -o-animation-name:bounce_fountainTextG;
  18.        -ms-animation-name:bounce_fountainTextG;
  19.        -webkit-animation-name:bounce_fountainTextG;
  20.        -moz-animation-name:bounce_fountainTextG;
  21.        animation-duration:3.19s;
  22.        -o-animation-duration:3.19s;
  23.        -ms-animation-duration:3.19s;
  24.        -webkit-animation-duration:3.19s;
  25.        -moz-animation-duration:3.19s;
  26.        animation-iteration-count:infinite;
  27.        -o-animation-iteration-count:infinite;
  28.        -ms-animation-iteration-count:infinite;
  29.        -webkit-animation-iteration-count:infinite;
  30.        -moz-animation-iteration-count:infinite;
  31.        animation-direction:normal;
  32.        -o-animation-direction:normal;
  33.        -ms-animation-direction:normal;
  34.        -webkit-animation-direction:normal;
  35.        -moz-animation-direction:normal;
  36.        transform:scale(.5);
  37.        -o-transform:scale(.5);
  38.        -ms-transform:scale(.5);
  39.        -webkit-transform:scale(.5);
  40.        -moz-transform:scale(.5);
  41. }
  42. #fountainTextG_1{
  43.     animation-delay:1.14s;
  44.     -o-animation-delay:1.14s;
  45.     -ms-animation-delay:1.14s;
  46.     -webkit-animation-delay:1.14s;
  47.     -moz-animation-delay:1.14s;
  48. }
  49. #fountainTextG_2{
  50.     animation-delay:1.37s;
  51.     -o-animation-delay:1.37s;
  52.     -ms-animation-delay:1.37s;
  53.     -webkit-animation-delay:1.37s;
  54.     -moz-animation-delay:1.37s;
  55. }
  56. #fountainTextG_3{
  57.     animation-delay:1.59s;
  58.     -o-animation-delay:1.59s;
  59.     -ms-animation-delay:1.59s;
  60.     -webkit-animation-delay:1.59s;
  61.     -moz-animation-delay:1.59s;
  62. }
  63. #fountainTextG_4{
  64.     animation-delay:1.82s;
  65.     -o-animation-delay:1.82s;
  66.     -ms-animation-delay:1.82s;
  67.     -webkit-animation-delay:1.82s;
  68.     -moz-animation-delay:1.82s;
  69. }
  70. #fountainTextG_5{
  71.     animation-delay:2.05s;
  72.     -o-animation-delay:2.05s;
  73.     -ms-animation-delay:2.05s;
  74.     -webkit-animation-delay:2.05s;
  75.     -moz-animation-delay:2.05s;
  76. }
  77. #fountainTextG_6{
  78.     animation-delay:2.28s;
  79.     -o-animation-delay:2.28s;
  80.     -ms-animation-delay:2.28s;
  81.     -webkit-animation-delay:2.28s;
  82.     -moz-animation-delay:2.28s;
  83. }
  84. #fountainTextG_7{
  85.     animation-delay:2.5s;
  86.     -o-animation-delay:2.5s;
  87.     -ms-animation-delay:2.5s;
  88.     -webkit-animation-delay:2.5s;
  89.     -moz-animation-delay:2.5s;
  90. }
  91. #fountainTextG_8{
  92.     animation-delay:2.73s;
  93.     -o-animation-delay:2.73s;
  94.     -ms-animation-delay:2.73s;
  95.     -webkit-animation-delay:2.73s;
  96.     -moz-animation-delay:2.73s;
  97. }
  98. @keyframes bounce_fountainTextG{
  99.   0%{
  100.     transform:scale(1);
  101.     color:rgba(255,255,255,0.98);
  102.   }
  103.   100%{
  104.     transform:scale(.5);
  105.     color:rgb(255,255,255);
  106.   }
  107. }
  108.  
  109. @-o-keyframes bounce_fountainTextG{
  110.   0%{
  111.     -o-transform:scale(1);
  112.     color:rgba(255,255,255,0.98);
  113.   }
  114.   100%{
  115.     -o-transform:scale(.5);
  116.     color:rgb(255,255,255);
  117.   }
  118. }
  119. @-ms-keyframes bounce_fountainTextG{
  120.   0%{
  121.     -ms-transform:scale(1);
  122.     color:rgba(255,255,255,0.98);
  123.   }
  124.   100%{
  125.     -ms-transform:scale(.5);
  126.     color:rgb(255,255,255);
  127.   }
  128. }
  129. @-webkit-keyframes bounce_fountainTextG{
  130.   0%{
  131.     -webkit-transform:scale(1);
  132.     color:rgba(255,255,255,0.98);
  133.   }
  134.   100%{
  135.     -webkit-transform:scale(.5);
  136.     color:rgb(255,255,255);
  137.   }
  138. }
  139. @-moz-keyframes bounce_fountainTextG{
  140.   0%{
  141.     -moz-transform:scale(1);
  142.     color:rgba(255,255,255,0.98);
  143.   }
  144.   100%{
  145.     -moz-transform:scale(.5);
  146.     color:rgb(255,255,255);
  147.   }
  148. }
  149. @media screen and (max-width: 768px) {
  150.     .ls{ display: none;
  151. }
  152. .l{ border-radius: 10px; }
  153. .content{
  154.     background-image: url(«img/1.jpg»);
  155.     height: 500px;
  156. }
  157. .navbar-nav{
  158.     float: none;
  159.     text-align: center;
  160.     background-color: black;
  161. }
  162. .navbar-nav li {
  163.     float: none;
  164.     display: inline-block;
  165.     background-color: black;
  166. }
  167. .clas{
  168.     position: relative;
  169.     text-align: center;
  170.     border-width: 5px;
  171.     border-style: solid;
  172.     border-color: red;
  173.     padding-left: 30px;
  174.     text-align: center;
  175.     height: 30px;
  176. }
  177. .center{
  178.     width: 400px;
  179.     margin: 0 auto;
  180.     padding: 10px;
  181.     text-align: left;
  182. }
  183. .navbar-inverse{
  184.     background-color: black;
  185.     border-width: 1px;
  186.     border-style: solid;
  187.     border-color: #CCC;
  188. }
  189. @thumbnail-padding: 1px;
  190. @thumbnail-border: #c9c9c9;
  191. .img{
  192.     width: 200px;
  193.     height: 200px;
  194. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement