CSS   19

style css

Guest on 5th May 2022 01:52:17 AM

  1. /*
  2. Author: W3layout
  3. Author URL: http://w3layouts.com
  4. License: Creative Commons Attribution 3.0 Unported
  5. License URL: http://creativecommons.org/licenses/by/3.0/
  6. */
  7. /* reset */
  8. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  9. article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
  10. ol,ul{list-style:none;margin:0px;padding:0px;}
  11. blockquote,q{quotes:none;}
  12. blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
  13. table{border-collapse:collapse;border-spacing:0;}
  14. /* start editing from here */
  15. a{text-decoration:none;}
  16. .txt-rt{text-align:right;}/* text align right */
  17. .txt-lt{text-align:left;}/* text align left */
  18. .txt-center{text-align:center;}/* text align center */
  19. .float-rt{float:right;}/* float right */
  20. .float-lt{float:left;}/* float left */
  21. .clear{clear:both;}/* clear float */
  22. .pos-relative{position:relative;}/* Position Relative */
  23. .pos-absolute{position:absolute;}/* Position Absolute */
  24. .vertical-base{ vertical-align:baseline;}/* vertical align baseline */
  25. .vertical-top{  vertical-align:top;}/* vertical align top */
  26. .underline{     padding-bottom:5px;     border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
  27. nav.vertical ul li{     display:block;}/* vertical menu */
  28. nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
  29. img{max-width:100%;}
  30. /*end reset*/
  31. body{
  32.         font-family: "Verdana" Arial Helvetica, sans-serif;
  33.         background-size:100% 100%;
  34.         background:url('../images/bg.png') repeat-x;
  35. }
  36. .wrap{
  37.         padding: 10px;
  38. }
  39. h1{
  40.         font-size: 24px;
  41.         color: #fff;
  42.         text-transform: uppercase;
  43.         text-align:center;
  44.         font-weight:bold;
  45.         margin-bottom: 10px;
  46. }
  47. .main{
  48.         background: #ebebeb;
  49.         text-align:center;
  50.         padding:10px;
  51. }
  52. h2{
  53.         font-size: 14px;
  54.         color: #45A09B;
  55.         text-transform:capitalize;
  56. }
  57. h3{
  58.         font-size:13px;
  59.         color: rgb(184, 140, 6);
  60.         text-transform:capitalize;
  61.         text-align:left;
  62. }
  63. /*timer*/
  64. .clock-ticker {
  65.         margin:10px 0 6px;
  66.         width: 100%;
  67.         display:inline-block;
  68. }
  69. .clock-ticker .block:nth-child(4) {
  70.         margin-right: 0;
  71. }
  72. .clock-ticker .block {
  73.         width:23.33%;
  74.         position: relative;
  75.         color:#45A09B;
  76.         font-weight: bold;
  77.         float: left;
  78.         margin-right: 2%;
  79.         background: #ffffff;
  80. }
  81. .clock-ticker .block .flip-top {
  82.          font-size:18px;
  83.          text-align: center;
  84. }
  85. .label {
  86.          color:rgb(70, 175, 169);
  87.          font-weight:normal;
  88.          font-size:13px;
  89.          text-transform:capitalize;
  90.          margin-bottom:8px;
  91. }
  92. .searchbox {
  93.         position:relative;
  94.         border:2px solid #ddd;
  95.         background:#fff;
  96.         width: 96%;
  97.         padding: 4px;
  98.         overflow: hidden;
  99.         margin: 0 auto;
  100. }
  101. .search {
  102.         position:relative;
  103.         padding: 6px 9px;
  104.         height: 20px;
  105.         width: 86.33%;
  106.         border:none;
  107.         color:#555;
  108.         outline:none;
  109.         background: rgb(243, 243, 243);
  110. }
  111. .submit {
  112.         position:absolute;
  113.         right:10px;
  114.         background: #fed66e;
  115.         border:none;
  116.         height:32px;
  117.         width: 26.33%;
  118.         cursor: pointer;
  119.         font-size:12px;
  120.         color: #555;
  121. }
  122. .submit:hover {
  123.         background: rgb(248, 208, 105);
  124. }
  125. .icons{
  126.         margin: 10px 0;
  127. }
  128. .left{
  129.         float: left;
  130. }
  131. .icons ul li{
  132.         display:inline;
  133. }
  134. .icons ul li a{
  135.         display: inline-block;
  136. }
  137. .icons ul li a img:hover{
  138.         opacity: 0.8;
  139. }
  140. .icons p{
  141.         color:rgb(240, 144, 0);
  142.         line-height: 2.0em;
  143.         font-size: 13px;
  144.         margin-right:10px;
  145.         text-transform:capitalize;
  146. }
  147. .content{
  148.         margin-top: 10px;
  149. }
  150. /*footer*/
  151. .footer{
  152.         position: absolute;
  153.         right: 20px;
  154.         bottom: 20px;
  155. }
  156. .footer p{
  157.         font-size:13px;
  158.         color: rgb(240, 144, 0);
  159. }
  160. .footer a{
  161.         color:#45A09B; 
  162. }
  163. .footer a:hover{
  164.         text-decoration:underline;
  165. }

Raw Paste


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