Advertisement
itskrystalized

css kód 021#

Dec 29th, 2015
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.40 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: #00244e;
  17. color: #ffffff;
  18. text-shadow: 1px 0px 1px #001023;
  19. }
  20.  
  21. ::-moz-selection {
  22. background-color: #00244e;
  23. color: #ffffff;
  24. text-shadow: 1px 0px 1px #001023;
  25. }
  26.  
  27. ::-webkit-scrollbar-thumb {
  28. border: 2px solid #f4f4f4;
  29. background-color: #00244e;
  30. }
  31.  
  32. ::-webkit-scrollbar {
  33. width:9px;
  34. background-color: #00244e;
  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: #00244e;
  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 #00244e;
  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: #00244e;
  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: #00244e;
  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. font-size: 11px !important;
  125. font-family: 'Open Sans', sans-serif;
  126. font-style: italic;
  127. background-color: #00244e;
  128. color: #ffffff;
  129. padding: 4px;
  130. text-align: center;
  131. display: inline-block;
  132. }
  133.  
  134. .txtbold {
  135. background-color: transparent;
  136. font-size: 12px !important;
  137. font-weight: 300 !important;
  138. font-family: 'Open Sans', sans-serif;
  139. color: #1d1d1d;
  140. text-align: right;
  141. }
  142.  
  143. .blogtags {
  144. font-size: 11px !important;
  145. font-family: 'Open Sans', sans-serif;
  146. color: #acacac;
  147. font-style: normal !important;
  148. }
  149.  
  150. .blogtags a:link, .blogtags a:visited {
  151. font-family: 'Open Sans', sans-serif;
  152. font-size: 11px;
  153. font-weight: 300 !important;
  154. font-style: normal !important;
  155. text-transform: uppercase;
  156. padding: 2px;
  157. margin: 1px;
  158. background-color: #00244e;
  159. color: #ffffff;
  160. }
  161.  
  162. .blogtags a:hover, .blogtags a:active {
  163. font-family: 'Open Sans', sans-serif;
  164. font-size: 11px;
  165. font-weight: 300 !important;
  166. font-style: normal !important;
  167. text-transform: uppercase;
  168. padding: 2px;
  169. margin: 1px;
  170. background-color: #333333;
  171. color: #ffffff;
  172. }
  173.  
  174. td.listheader {
  175. font-family: 'Open Sans', sans-serif;
  176. font-style: italic;
  177. font-size: 20px;
  178. color: #3a3a3a;
  179. text-transform: uppercase;
  180. }
  181.  
  182. div[id*="commentContainer"] td.list1 {
  183. background: transparent;
  184. color: #606060;
  185. font-family: Arial;
  186. font-size: 12px;
  187. text-shadow: 0px;
  188. }
  189.  
  190. div[id*="commentContainer"] td.list2 {
  191. background: transparent;
  192. color: #606060;
  193. font-family: Arial;
  194. font-size: 12px;
  195. text-shadow: 0px;
  196. }
  197.  
  198. div[id*="commentContainer"] .txtbold {
  199. color: #00244e;
  200. font-family: 'Open Sans', sans-serif;
  201. font-size: 12px;
  202. font-style: italic;
  203. font-weight: normal;
  204. }
  205.  
  206. .commenttext {
  207. color: #606060;
  208. font-family: Arial;
  209. font-size: 12px;
  210. font-style: normal;
  211. font-weight: normal;
  212. line-height: 16px;
  213. text-align: justify;
  214. }
  215.  
  216. .commenttext p {
  217. color: #606060;
  218. font-family: Arial;
  219. font-size: 12px;
  220. font-style: normal;
  221. font-weight: normal;
  222. line-height: 16px;
  223. text-align: justify;
  224. }
  225.  
  226. .txtnormal {
  227. color: #606060;
  228. font-family: Arial;
  229. font-size: 12px;
  230. line-height: 16px;
  231. text-align: justify;
  232. }
  233.  
  234. table, tr, td {
  235. background-color: transparent;
  236. }
  237.  
  238. .blogmorelink {
  239. margin: 0 auto !important;
  240. text-align: center;
  241. }
  242.  
  243. .blogmorelink a:link, .blogmorelink a:visited {
  244. padding: 5px;
  245. color: #ffffff;
  246. font-family: 'Open Sans', sans-serif;
  247. font-style: italic;
  248. font-weight: 300 !important;
  249. font-size: 12px;
  250. background-color: #adadad;
  251. border: 2px solid #bababa;
  252. -webkit-transition: all 0.5s linear;
  253. -moz-transition: all 0.5s linear;
  254. transition: all 0.5 linear;
  255. }
  256.  
  257. .blogmorelink a:hover, .blogmorelink a:active {
  258. padding: 5px;
  259. color: #ffffff;
  260. font-family: 'Open Sans', sans-serif;
  261. font-style: italic;
  262. font-weight: 300 !important;
  263. font-size: 12px;
  264. background-color: #00244e;
  265. border: 2px solid #002a5b;
  266. }
  267.  
  268. input {
  269. contour: 0px;
  270. border: 2px solid #003068;
  271. padding: 3px;
  272. font-size: 12px;
  273. font-style: italic;
  274. background-color: #002a5b !important;
  275. color: #ffffff;
  276. text-shadow: 1px 1px #001a38;
  277. }
  278.  
  279. table {
  280. color: #606060;
  281. text-align: justify;
  282. font-family: Arial, Helvetica;
  283. font-size: 12px;
  284. line-height: 16px;
  285. }
  286.  
  287. strong, b {
  288. font-family: Arial;
  289. text-transform: uppercase;
  290. font-weight: 600;
  291. font-size: 11px;
  292. letter-spacing: 1px;
  293. color: #001a38;
  294. }
  295.  
  296. em {
  297. font-family: Arial;
  298. font-style: italic;
  299. color: #fdfdfd;
  300. background-color: #093363;
  301. padding: 2px;
  302. }
  303.  
  304. u {
  305. text-decoration: none;
  306. color: #00244e;
  307. border-bottom: 1px solid #d9d9d9;
  308. }
  309.  
  310. a:link, a:visited {
  311. text-decoration: none;
  312. color: #00244e;
  313. font-weight: bold;
  314. font-family: Arial;
  315. font-size: 8pt;
  316. text-transform: uppercase;
  317. }
  318.  
  319. a:hover, a:active {
  320. cursor: default;
  321. text-decoration: none;
  322. color: #363636;
  323. font-weight: bold;
  324. font-family: Arial;
  325. font-size: 8pt;
  326. text-transform: uppercase;
  327. }
  328.  
  329. blockquote {
  330. outline: 2px solid #f2f2f2;
  331. background-color: #ededed;
  332. color: #929095;
  333. font-style: normal;
  334. margin: 20px 75px 10px 10px;
  335. padding-right: 10px;
  336. padding: 5px;
  337. quotes: "\201C" "\201D";
  338. }
  339.  
  340. blockquote:after {
  341. font-style: normal;
  342. margin-top: -40px;
  343. margin-right: -70px;
  344. padding: 0px;
  345. content: open-quote;
  346. font-weight: bold;
  347. color: #00244e;
  348. font-size: 80px;
  349. font-family: 'Georgia';
  350. float: right;
  351. }
  352.  
  353. a:link img { /* linkelt kép */
  354. padding: 0px;
  355. border: 0px;
  356. transition: all .5s ease-in-out;
  357. -o-transition: all .5s ease-in-out;
  358. -webkit-transition: all .5s ease-in-out;
  359. -moz-transition: all .5s ease-in-out;
  360. }
  361. a img:hover { /* linkelt kép ha ráviszed az egeret */
  362. padding: 0px;
  363. border: 0px;
  364. filter: alpha(opacity=90);
  365. opacity: 0.9;
  366. 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");
  367. filter: grayscale(100%); /* mérték megadható */
  368. -moz-filter: grayscale(100%); /* mérték megadható */
  369. -ms-filter: grayscale(100%); /* mérték megadható */
  370. -o-filter: grayscale(100%); /* mérték megadható */
  371. filter: gray;
  372. -webkit-filter: grayscale(100%); /* mérték megadható */
  373. }</style>
  374.  
  375. <p>css by Efruse@glamour-factory.gportal.hu</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement