Advertisement
itskrystalized

css kód #002

Dec 28th, 2015
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.43 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic&subset=latin,latin-ext);
  3.  
  4. body {
  5. background-color: #ededed;
  6. overflow: -moz-scrollbars-vertical;
  7. overflow-x: hidden;
  8. }
  9.  
  10. .site {
  11. width: 900px;
  12. margin: 0 auto;
  13. }
  14.  
  15. ::selection {
  16. background-color: #c5616b;
  17. color: #ffffff;
  18. text-shadow: 1px 0px 1px #8d454c;
  19. }
  20.  
  21. ::-moz-selection {
  22. background-color: #c5616b;
  23. color: #ffffff;
  24. text-shadow: 1px 0px 1px #8d454c;
  25. }
  26.  
  27. ::-webkit-scrollbar-thumb {
  28. border: 2px solid #f4f4f4;
  29. background-color:#c5616b;
  30. }
  31.  
  32. ::-webkit-scrollbar {
  33. width:9px;
  34. background-color: #c5616b;
  35. border: 4px solid #f4f4f4;
  36. }
  37.  
  38. .column_side {
  39. background-color: transparent;
  40. }
  41.  
  42. .column_side td.modtitle {
  43. background-color: transparent;
  44. color: #c5616b;
  45. font-family: 'Open Sans', sans-serif;
  46. font-style: italic;
  47. font-size: 17px;
  48. text-transform: uppercase;
  49. text-align: center;
  50. padding-bottom: 5px;
  51. border-bottom: 3px solid #c5616b;
  52. border-left: 100px solid #ededed;
  53. border-right: 100px solid #ededed;
  54. border-top: 10px solid #ededed;
  55. }
  56.  
  57. .column_side td.modbody {
  58. margin-top: 10px;
  59. background-color: #ffffff;
  60. color: #606060;
  61. padding: 10px;
  62. line-height: 16px;
  63. text-align: justify;
  64. font-family: Arial;
  65. font-size: 12px;
  66. border-bottom: 4px solid #f6f6f6;
  67. }
  68.  
  69. .column_main {
  70. background-color: transparent;
  71. }
  72.  
  73. .column_main td.modtitle {
  74. background-color: #c5616b;
  75. color: #ffffff;
  76. font-family: 'Open Sans', sans-serif;
  77. font-style: italic;
  78. font-size: 17px;
  79. text-transform: uppercase;
  80. text-align: center;
  81. padding: 5px;
  82. border: 4px solid #ffffff;
  83. }
  84.  
  85. .column_main td.modbody {
  86. margin-top: 10px;
  87. background-color: #ffffff;
  88. color: #606060;
  89. padding: 10px;
  90. line-height: 16px;
  91. text-align: justify;
  92. font-family: Arial;
  93. font-size: 12px;
  94. border-bottom: 4px solid #f6f6f6;
  95. }
  96.  
  97. h2 {
  98. color: #3a3a3a;
  99. font-family: 'Open Sans', sans-serif;
  100. text-transform: uppercase;
  101. letter-spacing: 0px;
  102. text-align: center;
  103. border: 0px;
  104. margin: 0px !important;
  105. font-size: 20px !important;
  106. font-style: normal;
  107. font-weight: normal;
  108. }
  109.  
  110. a:hover h2 {
  111. color: #c5616b;
  112. font-family: 'Open Sans', sans-serif;
  113. text-transform: uppercase;
  114. letter-spacing: 0px;
  115. text-align: center;
  116. border: 0px;
  117. margin: 0px !important;
  118. font-size: 20px !important;
  119. font-style: normal;
  120. font-weight: normal;
  121. }
  122.  
  123. .txtmini {
  124. background-color: transparent;
  125. font-size: 11px !important;
  126. font-family: 'Open Sans', sans-serif;
  127. font-style: italic;
  128. background-color: #c5616b;
  129. color: #ffffff;
  130. padding: 4px;
  131. text-align: center;
  132. display: inline-block;
  133. }
  134.  
  135. .txtbold {
  136. background-color: transparent;
  137. font-size: 12px !important;
  138. font-weight: 300 !important;
  139. font-family: 'Open Sans', sans-serif;
  140. color: #1d1d1d;
  141. text-align: right;
  142. }
  143.  
  144. .blogtags {
  145. font-size: 11px !important;
  146. font-family: 'Open Sans', sans-serif;
  147. color: #acacac;
  148. font-style: normal !important;
  149. }
  150.  
  151. .blogtags a:link, .blogtags a:visited {
  152. font-family: 'Open Sans', sans-serif;
  153. font-size: 11px;
  154. font-weight: 300 !important;
  155. font-style: normal !important;
  156. text-transform: uppercase;
  157. padding: 2px;
  158. margin: 1px;
  159. background-color: #c5616b;
  160. color: #ffffff;
  161. }
  162.  
  163. .blogtags a:hover, .blogtags a:active {
  164. font-family: 'Open Sans', sans-serif;
  165. font-size: 11px;
  166. font-weight: 300 !important;
  167. font-style: normal !important;
  168. text-transform: uppercase;
  169. padding: 2px;
  170. margin: 1px;
  171. background-color: #c4c4c4;
  172. color: #ffffff;
  173. }
  174.  
  175. td.listheader {
  176. font-family: 'Open Sans', sans-serif;
  177. font-style: italic;
  178. font-size: 20px;
  179. color: #3a3a3a;
  180. text-transform: uppercase;
  181. }
  182.  
  183. div[id*="commentContainer"] td.list1 {
  184. background: transparent;
  185. color: #606060;
  186. font-family: Arial;
  187. font-size: 12px;
  188. text-shadow: 0px;
  189. }
  190.  
  191. div[id*="commentContainer"] td.list2 {
  192. background: transparent;
  193. color: #606060;
  194. font-family: Arial;
  195. font-size: 12px;
  196. text-shadow: 0px;
  197. }
  198.  
  199. div[id*="commentContainer"] .txtbold {
  200. color: #d3848c;
  201. font-family: 'Open Sans', sans-serif;
  202. font-size: 12px;
  203. font-style: italic;
  204. font-weight: normal;
  205. }
  206.  
  207. .commenttext {
  208. color: #606060;
  209. font-family: Arial;
  210. font-size: 12px;
  211. font-style: normal;
  212. font-weight: normal;
  213. line-height: 16px;
  214. text-align: justify;
  215. }
  216.  
  217. .commenttext p {
  218. color: #606060;
  219. font-family: Arial;
  220. font-size: 12px;
  221. font-style: normal;
  222. font-weight: normal;
  223. line-height: 16px;
  224. text-align: justify;
  225. }
  226.  
  227. .txtnormal {
  228. color: #606060;
  229. font-family: Arial;
  230. font-size: 12px;
  231. line-height: 16px;
  232. text-align: justify;
  233. }
  234.  
  235. table, tr, td {
  236. background-color: transparent;
  237. }
  238.  
  239. .blogmorelink {
  240. margin: 0 auto !important;
  241. text-align: center;
  242. }
  243.  
  244. .blogmorelink a:link, .blogmorelink a:visited {
  245. padding: 5px;
  246. color: #ffffff;
  247. font-family: 'Open Sans', sans-serif;
  248. font-style: italic;
  249. font-weight: 300 !important;
  250. font-size: 12px;
  251. background-color: #adadad;
  252. border: 2px solid #bababa;
  253. -webkit-transition: all 0.5s linear;
  254. -moz-transition: all 0.5s linear;
  255. transition: all 0.5 linear;
  256. }
  257.  
  258. .blogmorelink a:hover, .blogmorelink a:active {
  259. padding: 5px;
  260. color: #ffffff;
  261. font-family: 'Open Sans', sans-serif;
  262. font-style: italic;
  263. font-weight: 300 !important;
  264. font-size: 12px;
  265. background-color: #c5535e;
  266. border: 2px solid #d05763;
  267. }
  268.  
  269. input {
  270. contour: 0px;
  271. border: 2px solid #ce6570;
  272. padding: 3px;
  273. font-size: 12px;
  274. font-style: italic;
  275. background-color: #c5616b !important;
  276. color: #ffffff;
  277. text-shadow: 1px 1px #9e4d56;
  278. }
  279.  
  280. table {
  281. color: #606060;
  282. text-align: justify;
  283. font-family: Arial, Helvetica;
  284. font-size: 12px;
  285. line-height: 16px;
  286. }
  287.  
  288. strong, b {
  289. font-family: Arial;
  290. text-transform: uppercase;
  291. font-weight: 600;
  292. font-size: 11px;
  293. letter-spacing: 1px;
  294. color: #c5616b;
  295. }
  296.  
  297. em {
  298. font-family: Arial;
  299. font-style: italic;
  300. color: #fdfdfd;
  301. background-color: #d37680;
  302. padding: 2px;
  303. }
  304.  
  305. u {
  306. text-decoration: none;
  307. color: #ac636a;
  308. border-bottom: 1px solid #d9d9d9;
  309. }
  310.  
  311. a:link, a:visited {
  312. text-decoration: none;
  313. color: #cc727b;
  314. font-weight: bold;
  315. font-family: Arial;
  316. font-size: 8pt;
  317. text-transform: uppercase;
  318. }
  319.  
  320. a:hover, a:active {
  321. cursor: default;
  322. text-decoration: none;
  323. color: #9a9a9a;
  324. font-weight: bold;
  325. font-family: Arial;
  326. font-size: 8pt;
  327. text-transform: uppercase;
  328. }
  329.  
  330. blockquote {
  331. outline: 2px solid #f2f2f2;
  332. background-color: #ededed;
  333. color: #929095;
  334. font-style: normal;
  335. margin: 20px 75px 10px 10px;
  336. padding-right: 10px;
  337. padding: 5px;
  338. quotes: "\201C" "\201D";
  339. }
  340.  
  341. blockquote:after {
  342. font-style: normal;
  343. margin-top: -40px;
  344. margin-right: -70px;
  345. padding: 0px;
  346. content: open-quote;
  347. font-weight: bold;
  348. color: #cc727b;
  349. font-size: 80px;
  350. font-family: 'Georgia';
  351. float: right;
  352. }
  353.  
  354. a:link img { /* linkelt kép */
  355. padding: 0px;
  356. border: 0px;
  357. transition: all .5s ease-in-out;
  358. -o-transition: all .5s ease-in-out;
  359. -webkit-transition: all .5s ease-in-out;
  360. -moz-transition: all .5s ease-in-out;
  361. }
  362. a img:hover { /* linkelt kép ha ráviszed az egeret */
  363. padding: 0px;
  364. border: 0px;
  365. filter: alpha(opacity=90);
  366. opacity: 0.9;
  367. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  368. filter: grayscale(100%); /* mérték megadható */
  369. -moz-filter: grayscale(100%); /* mérték megadható */
  370. -ms-filter: grayscale(100%); /* mérték megadható */
  371. -o-filter: grayscale(100%); /* mérték megadható */
  372. filter: gray;
  373. -webkit-filter: grayscale(100%); /* mérték megadható */
  374. }</style>
  375.  
  376. <p>css by Efruse@glamour-factory.gportal.hu</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement