Advertisement
itskrystalized

g-portál css 001#

Jul 20th, 2015
364
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.29 KB | None | 0 0
  1. <style type="text/css">
  2. ::selection{ /* KIJELÖLÉS SZÍNE WEBKIT TÍPUSÚ BÖNGÉSZŐKBEN */
  3.     background-color: #f0dc82;
  4.     color: #ffffff;
  5.     text-shadow: 1px 0px 0px #c9b86a;}
  6. ::-moz-selection{ /* KIJELÖLÉS SZÍNE MOZILLÁBAN */
  7.     background-color: #f0dc82;
  8.     color: #ffffff;
  9.     text-shadow: 1px 0px 0px #c9b86a;}
  10.  
  11. body{ /* HÁTTÉR */
  12. background: url(https://40.media.tumblr.com/55c8c7e1e3db9d214c3bee8e5efd8f7c/tumblr_nrsauiysbl1sgbpgao2_250.png);}
  13.  
  14. .site{ /* OLDALSZÉLESSÉG */
  15. width: 800px;
  16. margin: 0 auto; /* az oldal középen helyezkedik el */
  17. }
  18.  
  19. td.sitecol { /* HÁTTÉR A MODULOK MÖGÖTT */
  20. background-color: #ffffff;
  21. }
  22.  
  23. td.sitecol:nth-child(1) {
  24. position: relative;
  25. top: 0px;}
  26.  
  27. .column_side  { /* OLDALMODUL */
  28. width: 280px; /* szélesség */
  29. padding-top: 0px;
  30. height: 100%;}
  31.  
  32. .column_side td.modtitle { /* OLDALMODULFEJLÉC */
  33. font-family: 'unnaitalic';
  34. font-weight: normal;
  35. text-align: center;
  36. font-size: 20px;
  37. color: #555555;
  38. text-transform: normal;
  39. background-color: #ffffff;
  40. padding-top: 4px;}
  41.  
  42. .column_side td.modbody { /* OLDALMODUL TARTALOM */
  43. background-color: #fffff;
  44. font-family: Arial;
  45. font-size: 12px;
  46. color: #555555;
  47. line-height: 16px;
  48. text-align: justify;
  49. border-radius: 0px 0px 2px 2px;
  50. padding: 10px;}
  51.  
  52. .column_main { /* KÖZÉPMODUL */
  53. padding-top: 0px;
  54. height: 100%;}
  55.  
  56. .column_main td.modtitle { /* KÖZÉPMODULFEJLÉC */
  57. font-family: 'unnaitalic';
  58. font-weight: normal;
  59. text-align: center;
  60. font-size: 20px;
  61. color: #555555;
  62. text-transform: normal;
  63. background: #ffffff;}
  64.  
  65. .column_main td.modbody { /* KÖZÉPMODUL TARTALOM */
  66. font-family: Arial;
  67. font-weight: normal;
  68. text-align: justify;
  69. font-size: 12px;
  70. color: #555555;
  71. text-transform: normal;
  72. background: #ffffff;
  73. line-height: 16px;
  74. padding-top: 4px;}
  75.  
  76. .txtnormal { /* SZÖVEGEK */
  77. color: #555555;
  78. font-family: Arial;
  79. font-size: 12px;
  80. font-weight: solid;
  81. font-style: normal;
  82. text-align: justify;
  83. line-height: 16px;}
  84.  
  85. h2 { /* BLOGBEJEGYZÉSCÍM */
  86. color: #474646;
  87. background: transparent;
  88. font-family: Arial;
  89. font-weight: normal;
  90. font-style: normal;
  91. font-size: 20px !important;
  92. text-align: left;
  93. text-transform: uppercase;
  94. letter-spacing: -1px;
  95. top: 27px;
  96. position: relative;
  97. }
  98. a:hover h2 {
  99. color: #818181;
  100. background: transparent;
  101. font-size: 20px !important;
  102. font-family: Arial;
  103. text-align: left;
  104. text-transform: uppercase;
  105. letter-spacing: -1px;
  106. font-weight: normal;
  107. font-style: normal;
  108. top: 27px;
  109. position: relative;
  110. }
  111.  
  112. .txtmini { /* SZERZŐ DÁTUM FELÜL */
  113. font-family: 'unnaitalic'!important;
  114. font-size: 11px;
  115. background-color: #f0dc82;
  116. color: #ffffff;
  117. text-align: center;
  118. width: 30%;
  119. text-transform: uppercase;
  120. top: 25px !important;
  121. font-weight: normal !important;
  122. font-style: normal !important;
  123. padding: 2px;
  124. position: relative;
  125. }
  126.  
  127. .txtbold { /* ALCÍM KINÉZETE */
  128. position: relative;
  129. color: #555555;
  130. font-family: Trebuchet MS;
  131. font-size: 8pt;
  132. font-style: italic;
  133. font-weight: normal!important;
  134. letter-spacing: 1px;
  135. top: 0px;
  136. bottom: -40px;
  137. position: relative;
  138. width: 30%;
  139. text-align: center!important;
  140. }
  141.  
  142. td.list1 { /* MIT SZÓLSZ HOZZÁ SÁV */
  143. background-color: transparent;
  144. color: #555555;
  145. font-family: Arial;
  146. font-size: 12px;
  147. }
  148.  
  149. td.list1 a:link { /* MIT SZÓLSZ HOZZÁ LINK */
  150. background-color: transparent;
  151. color: #555555;
  152. font-family: Arial;
  153. font-style: normal!important;
  154. font-size: 12px;
  155. text-transform: uppercase;
  156. top: 6px!important;
  157. height: 26px;
  158. }
  159. td.list1 a:hover {
  160. background-color: transparent;
  161. color: #3a3a3a;
  162. font-family: Arial;
  163. font-style: normal!important;
  164. font-size: 12px;
  165. text-transform: uppercase;
  166. top: 6px!important;
  167. height: 26px;
  168. }
  169.  
  170. .blogtags { /* CÍMKÉK FELIRAT */
  171. color: #ffffff;
  172. font-family: Century Gothic;
  173. font-size: 0px!important;
  174. font-weight: normal;
  175. font-style: normal!important;
  176. text-align: left;
  177. position: relative;
  178. top: -45px;
  179. }
  180.  
  181. .blogtags a:link, .blogtags a:visited { /* CÍMKE LINK */
  182. background-color: #ace1af;
  183. color: #ffffff;
  184. font-family: Verdana;
  185. font-size: 7pt;
  186. font-weight: normal;
  187. font-style: normal;
  188. text-transform: uppercase;
  189. letter-spacing: 0px;
  190. padding: 2px;
  191. margin: 2px;
  192. }
  193.  
  194. .blogtags a:hover {
  195. background-color: #dcdcdc;
  196. color: #ffffff;
  197. font-family: Verdana;
  198. font-size: 7pt;
  199. font-weight: normal;
  200. font-style: normal;
  201. text-transform: uppercase;
  202. letter-spacing: 0px;
  203. padding: 2px;
  204. margin: 2px;
  205. }
  206.  
  207. .blogmorelink { /* BŐVEBBEN LINK */
  208. font-family: 'unnaitalic';
  209. background-color: #dcdcdc;
  210. padding: 5px;
  211. margin: 0 auto;
  212. width: 20%;
  213. font-size: 14px;
  214. text-transform: normal;
  215. text-align: center;
  216. border-top: 2px solid #fad6a5;
  217. border-bottom: 2px solid #fad6a5;}
  218. .blogmorelink:hover { /* BŐVEBBEN LINK */
  219. font-family: 'unnaitalic';
  220. background-color: #dcdcdc;
  221. padding: 5px;
  222. margin: 0 auto;
  223. width: 20%;
  224. font-size: 14px;
  225. text-transform: normal;
  226. text-align: center;
  227. border-top: 2px solid #ace1af;
  228. border-bottom: 2px solid #ace1af;}
  229.  
  230. .blogmorelink a:link, .blogmorelink a:visited {
  231. color: #ffffff!important;
  232. font-weight: solid;
  233. font-style: normal!important;}
  234.  
  235. .blogmorelink a:hover {
  236. color: #ffffff!important;}
  237.  
  238. td.listheader { /* SZÓLJ HOZZÁ TE IS */
  239. background: transparent;
  240. color: #b9dabb;
  241. font-family: 'unnabold';
  242. font-size: 18px;
  243. font-style: normal;
  244. font-weight: normal;
  245. text-transform: normal;
  246. padding: 0px;}
  247.  
  248. .blogback2blog { /* VISSZA A BLOGHOZ LINK */
  249. background-color: #f0dc82!important;
  250. width: 40%!important;
  251. padding: 5px;
  252. margin: 0 auto;
  253. font-size: 14px;
  254. font-family: 'unnaitalic';
  255. text-transform: normal;
  256. text-align: center!important;}
  257.  
  258. .blogback2blog a:link, .blogback2blog a:visited {
  259. color: #ffffff!important;
  260. font-weight: solid;
  261. font-style: normal!important;}
  262.  
  263. .blogback2blog a:hover {
  264. color: #ffffff!important;}
  265.  
  266. /* HOZZÁSZÓLÁSOK */
  267.  
  268. div[id*="commentContainer"] td.list1 {
  269. background-color: #ffffff;
  270. color: #555555;
  271. font-family: Arial;
  272. font-size: 12px;
  273. text-shadow: 0px;}
  274.  
  275. div[id*="commentContainer"] td.list2 {
  276. background-color: #ffffff;
  277. color: #555555;
  278. font-family: Arial;
  279. font-size: 12px;
  280. text-shadow: 0px;}
  281.  
  282. div[id*="commentContainer"] .txtbold {
  283. font-family: Trebuchet MS;
  284. font-size: 12px;
  285. font-style: italic;
  286. font-weight: normal;
  287. color: #ace1af;}
  288.  
  289. div[id*="commentContainer"] .commenttext {
  290. font-family: Arial;
  291. font-size: 12px;
  292. font-style: normal;
  293. font-weight: normal;
  294. color: #555555;
  295. line-height: 16px;
  296. text-align: justify;}
  297.  
  298. input { /* GOMBOK, BEVITELI MEZŐK */
  299. font-family: Arial;
  300. font-size: 12px;
  301. color: #ffffff;
  302. border: 0px;
  303. background-color: #ace1af;
  304. text-shadow: 1px 0px 1px #88bd8b;
  305. contour: 1px;
  306. padding: 2px;}
  307.  
  308. img { /* SIMA KÉP */
  309. background-color: #f5cd76;
  310. padding: 5px;
  311. }
  312. img:hover {
  313. background-color: #b9dabb;
  314. padding: 5px;
  315. }
  316.  
  317. a:link img, a:visited img { /* LINKELT KÉP */
  318. padding-left: 0px;
  319. padding-right: 0px;
  320. filter:alpha(opacity=100);
  321. opacity: 1;}
  322. a:hover img {
  323. border: 0px solid #;
  324. filter: alpha(opacity=80);
  325. opacity: 0.8;
  326. 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"); /* Firefox 10+, Firefox on Android */
  327. filter: grayscale(100%);
  328. -moz-filter: grayscale(100%);
  329. -ms-filter: grayscale(100%);
  330. -o-filter: grayscale(100%);
  331. filter: gray; /* IE6-9 */
  332. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
  333.  
  334. a:link, a:visited { /* LINK KINÉZETE */
  335. color: #90cc93;
  336. background-color: transparent;
  337. text-decoration: none;
  338. font-family: Georgia;
  339. font-size: 12px;
  340. font-weight: normal;
  341. font-style: italic;
  342. }
  343. a:hover {
  344. color: #737373;
  345. background-color: transparent;
  346. font-family: Georgia;
  347. font-weight: normal;
  348. font-style: oblique;
  349. text-decoration: none;
  350. text-shadow: 0px;
  351. }
  352.  
  353. blockquote { /* IDÉZETBLOKK */
  354.     background-color: #f4f4f4;
  355.     color: #555555;
  356.     font-family: Trebuchet MS;
  357.     font-size: 12px;
  358.     font-style: italic;
  359.     font-weight: normal;
  360.     text transform: normal;
  361.     border-bottom: 3px solid #fad6a5;
  362.     padding-right: 10px;
  363.     padding-left: 10px;
  364.     padding-top: 10px;
  365.     padding-bottom: 10px;
  366.     -webkit-border-radius: 4px;
  367.     -moz-border-radius: 4px;
  368.     border-radius: 4px;}
  369.  
  370. strong {
  371.     background: #eeeeee;
  372.     color: #ace1af;
  373.     padding: 1px;
  374.     font-family: Arial;
  375.     font-size: 12px;
  376.     font-style: normal;
  377.     font-weight: bold;}
  378.  
  379. u {
  380.     text-decoration: none;
  381.     background: transparent;
  382.     color: #f0dc82;
  383.     font-family: Arial;
  384.     font-size: 12px;
  385.     font-style: normal;
  386.     font-weight: normal;
  387.     border-bottom: 2px solid #d7d7b4;
  388.     letter-spacing: 0px;}
  389.  
  390. em {
  391.     background: transparent;
  392.     color: #dcdcdc;
  393.     font-family: Trebuchet MS;
  394.     font-size: 12px;
  395.     font-style: oblique;
  396.     font-weight: normal;}
  397.  
  398. /* KÜLÖNLEGES BETŰTÍPUSOK */
  399.  
  400. @font-face {
  401.     font-family: 'unnaitalic';
  402.     src: url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400771_08911.eot');
  403.     src: url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400771_08911.eot?#iefix') format('embedded-opentype'),
  404.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400765_07109.woff2') format('woff2'),
  405.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400766_09566.woff') format('woff'),
  406.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400767_05835.ttf') format('truetype'),
  407.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400769_07144.svg#unnaitalic') format('svg');
  408.     font-weight: normal;
  409.     font-style: normal;
  410. }
  411.  
  412. @font-face {
  413.     font-family: 'unnabold';
  414.     src: url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400777_03604.eot');
  415.     src: url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400777_03604.eot?#iefix') format('embedded-opentype'),
  416.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400771_02925.woff2') format('woff2'),
  417.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400772_05812.woff') format('woff'),
  418.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400775_02785.ttf') format('truetype'),
  419.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1437400776_02417.svg#unnabold') format('svg');
  420.     font-weight: normal;
  421.     font-style: normal;
  422. }</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement