Konark

BlogTemplate CSS

Oct 7th, 2016
155
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url(reset.css);
  2.  
  3. @font-face {
  4.     font-family: Helvetica; /* Имя шрифта */
  5.     src: url(../font/HelveticaNeue-Light.ttf); /* Путь к файлу со шрифтом */
  6.    }
  7.  
  8.  @font-face {
  9.     font-family: Lucida; /* Имя шрифта */
  10.     src: url(../font/Lucida.ttf); /* Путь к файлу со шрифтом */
  11.  }
  12.  
  13. body {
  14.     background-color: #2d3844;
  15. }
  16.  
  17. #header{
  18.     width: 100%;
  19.     height: 177px;
  20.     background-color: #222a33;
  21.     margin-top: 10px;
  22. }
  23.  
  24. #mainheader{
  25.     width: 900px;
  26.     margin: 0 auto;
  27. }
  28.  
  29. #wrapper{
  30.     width: 900px;
  31.     margin: 0 auto;
  32.     overflow: hidden;
  33.     zoom: 1; /* for IE */
  34.     position: relative;
  35.     padding-bottom: 20px;
  36. }
  37.  
  38. #logo {
  39.     font-family: Helvetica;
  40.     font-size: 30px;
  41.     color: #ffffff;
  42.     padding-top: 68px;
  43.     margin-left: 15px;
  44.     float:left;
  45. }
  46.  
  47. footer{
  48.     max-width: 960px;
  49.     margin: auto;
  50.     padding: 10px 0;
  51.     height: 90px;
  52. }
  53.  
  54. #topmenu {
  55.     float: right;
  56.     padding-top: 35px;
  57. }
  58.  
  59. #topmenu li{
  60.     background: url(../images/fon-menu2.png) no-repeat;
  61.     width: 280px;
  62.     height: 25px;
  63.     padding-top: 1px;
  64. }
  65.  
  66. #topmenu a{
  67.     font-family: Lucida;
  68.     color: #50555a;
  69.     text-decoration: none;
  70.     font-size: 14px;
  71.     float:left;
  72.     margin: 4px 10px;
  73. }
  74.  
  75. #topmenu a:hover{
  76.     color: #ede9dc;
  77.     text-decoration: underline;
  78.  
  79. }
  80.  
  81. #topmenu li:hover{
  82.         background: url(../images/fon-menu.png) no-repeat;
  83. }
  84.  
  85. #content{
  86.     width: 600px;
  87.     height: 930px;
  88.     background-color: #ede9dc;
  89.     border-radius: 8px;
  90.     margin-top:17px;
  91.     float:left;
  92.     position: relative;
  93.     padding-bottom: 20px;
  94. }
  95.  
  96. #sidebar {
  97.     height: 930px;
  98.     width: 280px;
  99.     margin-top: 37px;
  100.     float:right;
  101. }
  102.  
  103. #sidebar h2{
  104.     font-family: Lucida;
  105.     font-size: 17px;
  106.     color: #ede9dc;
  107. }
  108.  
  109. .sidebar-line{
  110.     background-color:#414a53;
  111.     width: 280px;
  112.     height: 1px;
  113.     margin-top: 2px;
  114.     margin-bottom: 2px;
  115. }
  116.  
  117. .author{
  118.     margin-top: 9px;
  119.     background: url(../images/author.jpg) no-repeat;
  120.     width: 87px;
  121.     height: 104px;
  122.     float:left;
  123.     padding-right: 9px;
  124.     margin-bottom: 9px;
  125. }
  126.  
  127. #sidebar p{
  128.     font-family: Lucida;
  129.     font-size: 11px;
  130.     line-height: 1.4;
  131.     color: #ede9dc;
  132.     margin-top: 9px;
  133.     margin-bottom: 9px;
  134.  
  135. }
  136.  
  137. #subscribe{
  138.     margin: 0 auto;
  139.     padding-top: 35px;
  140. }
  141.  
  142. #categor{
  143.     margin: 0 auto;
  144.     padding-top: 35px;
  145. }
  146.  
  147. #sidebar a{
  148.     text-decoration: none;
  149.     font-size: 11px;
  150.     font-family: Lucida;
  151.     color: #ede9dc;
  152. }
  153.  
  154. #sidebar a:hover{
  155.     text-decoration: underline;
  156. }
  157.  
  158.  
  159. #subscribe li{
  160.     text-align: left;
  161.     padding-left: 20px;
  162.     padding-bottom: 3px;
  163. }
  164. .rss{
  165.     margin-left: 10px;
  166.     background: url(../images/rss.png) no-repeat;
  167. }
  168.  
  169. #categor ul{
  170.  
  171. }
  172.  
  173. .cat{
  174.     list-style-type: disc;
  175.     color: #ede9dc;
  176.     margin-left: 30px;
  177. }
  178.  
  179. #categor li{
  180. }
  181.  
  182. #categor span{
  183.     margin-top: 2px;
  184.     font-size: 11px;
  185.     font-style: italic;
  186.     font-family: Lucida;
  187.     color: #ede9dc;
  188.     overflow: hidden;
  189.     float:right;
  190. }
  191.  
  192. .title{
  193.     margin-top: 20px;
  194.     margin-left: 20px;
  195.     width: 560px;
  196.     height: 42px;
  197. }
  198.  
  199. .date{
  200.     width: 42px;
  201.     height: 42px;
  202.     background: url(../images/date.png) no-repeat;
  203.     float:left;
  204. }
  205.  
  206. .day{
  207.     font-family: Lucida;
  208.     font-size: 15px;
  209.     color: #ede9dc;
  210.     padding-left: 16px;
  211.     padding-top: 5px;
  212. }
  213.  
  214. .month{
  215.     font-family: Lucida;
  216.     font-size: 11px;
  217.     color: #707270;
  218.     padding-top: 7px;
  219.     padding-left: 14px;
  220. }
  221.  
  222. .text-title{
  223.     padding-left: 62px;
  224.     padding-top: 6px;
  225.     font-family: Lucida;
  226.     font-size: 20px;
  227.     color: #2d3844;
  228. }
  229.  
  230. .text-title p, a{
  231.     padding-top: 2px;
  232.     font-family: Lucida;
  233.     font-size: 11px;
  234.     color: #b9b6ac;
  235. }
  236.  
  237. .post{
  238.     width: 560px;
  239.     padding-top: 20px;
  240.     font-family: Lucida;
  241.     font-size: 12px;
  242.     color: #3b3a37;
  243.     line-height: 1.6;
  244. }
  245.  
  246. .post p{
  247.     padding-bottom: 20px;
  248. }
  249.  
  250. .contin, .contin a{
  251.     font-family: Lucida;
  252.     font-size: 12px;
  253.     color: #222a33;
  254.     font-style: italic;
  255.     text-align: right;
  256.     padding-bottom: 15px;
  257. }
  258.  
  259. .prev{
  260.     background: url(../images/next-prev.png) no-repeat;
  261.     width: 200px;
  262.     height: 37px;
  263.     position:absolute;
  264.     bottom: 0;
  265.     left: 50%;
  266.     transform: translateX(-50%);
  267. }
  268.  
  269. .lpage{
  270.     float:left;
  271.     margin-left: 10px;
  272.     margin-top: 8px;
  273. }
  274.  
  275. .rpage{
  276.     float:right;
  277.     margin-right: 10px;
  278.     margin-top: 8px;
  279. }
  280.  
  281. .prev a{
  282.     size: 11px;
  283.     font-family: Lucida;
  284.     color: #ede9dc;
  285. }
RAW Paste Data