API tools faq
paste
Advertisement
itskrystalized

Theme 03# - Breathe v2

itskrystalized
Jun 15th, 2015
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.77 KB | None | 0 0
raw download clone embed print report
  1. <div style="left: 0px; width: 300px; position: fixed; top: 450px; height: 25px">
  2. <div id="rotate">
  3. oldal neve.</div>
  4. </div>
  5. <div style="left: 15px; width: 200px; position: fixed; top: 390px;">
  6. <div id="hellotxt">
  7. Rövid üdvözlő üzenet helye. Tartsd röviden, akár írj egy idézetet, de ne legyen túl hosszú max. 3 sor.</div>
  8. </div>
  9. <div class="sidebar" style="text-align: center;">
  10. <img class="circleicon" src="https://40.media.tumblr.com/20f9800698c4f51bb1f19c51b6978721/tumblr_npzsp0rKWe1sgbpgao1_100.png" style="width: 100px; height: 100px;" />
  11. <table align="center" cellspacing="20" class="style1" style="width: 200px">
  12. <tbody>
  13. <tr>
  14. <td class="style2" style="width: 100px height: 30px">
  15. <nlinks><a href="#">Home</a></nlinks></td>
  16. <td class="style2" style="width: 100px height: 30px">
  17. <nlinks><a href="http://link1">Link 1</a></nlinks></td>
  18. </tr>
  19. <tr>
  20. <td class="style2" style="width: 100px height: 30px">
  21. <nlinks><a href="http://link2">Link 2</a></nlinks></td>
  22. <td class="style2" style="width: 100px height: 30px">
  23. <nlinks><a href="http://link3">Link 3</a></nlinks></td>
  24. </tr>
  25. </tbody>
  26. </table>
  27. </div>
  28. <style type="text/css">
  29. /* OLDAL NEVE ÉS LEÍRÁSA */
  30. #rotate { /* oldal neve bal oldalt */
  31. font-family: arial;
  32. font-size: 40px;
  33. font-weight: bold;
  34. font-style: normal;
  35. color: #333333;
  36. background-color: transparent;
  37. -webkit-transform: rotate(90deg);
  38. -moz-transform: rotate(90deg);
  39. -ms-transform: rotate(90deg);
  40. -o-transform: rotate(90deg);
  41. transform: rotate(90deg);
  42. transition: all .4s ease-in-out;
  43. -o-transition: all .4s ease-in-out;
  44. -webkit-transition: all .4s ease-in-out;
  45. -moz-transition: all .4s ease-in-out;
  46. }
  47.  
  48. #rotate:hover { /* oldal neve bal oldalt ha ráviszed az egeret */
  49. font-family: arial;
  50. font-size: 40px;
  51. font-weight: bold;
  52. font-style: normal;
  53. color: #111111;
  54. background-color: transparent;
  55. -webkit-transform: rotate(-270deg);
  56. -moz-transform: rotate(-270deg);
  57. -ms-transform: rotate(-270deg);
  58. -o-transform: rotate(-270deg);
  59. transform: rotate(-270deg);
  60. }
  61.  
  62. #hellotxt { /* üdvözlő szöveg */
  63. font-family: trebuchet ms;
  64. font-size: 8pt;
  65. font-style: italic;
  66. color: #333333;
  67. background-color: transparent;
  68. text-align: center;
  69. text-transform: lowercase;
  70. opacity: 0.9;
  71. -webkit-transform: rotate(-270deg);
  72. -moz-transform: rotate(-270deg);
  73. -ms-transform: rotate(-270deg);
  74. -o-transform: rotate(-270deg);
  75. transform: rotate(-270deg);
  76. transition: all .4s ease-in-out;
  77. -o-transition: all .4s ease-in-out;
  78. -webkit-transition: all .4s ease-in-out;
  79. -moz-transition: all .4s ease-in-out;
  80. }
  81.  
  82. #hellotxt:hover { /* üdvözlő szöveg */
  83. font-family: trebuchet ms;
  84. font-size: 8pt;
  85. font-style: italic;
  86. color: #7f7f7f;
  87. background-color: transparent;
  88. text-align: center;
  89. text-transform: lowercase;
  90. opacity: 0.9;
  91. -webkit-transform: rotate(-270deg);
  92. -moz-transform: rotate(-270deg);
  93. -ms-transform: rotate(-270deg);
  94. -o-transform: rotate(-270deg);
  95. transform: rotate(-270deg);
  96. }
  97.  
  98. /* MENÜ ÉS IKON */
  99. .sidebar { /* menü és kiskép */
  100. left: 800px;
  101. width: 210px;
  102. position: fixed;
  103. top: 400px;
  104. height: px; /* doboz magassága */
  105. background-color: transparent;
  106. border: 0px;
  107. color: #3d3d3d;
  108. padding: 5px;
  109. border: 0px;
  110. }
  111. .sidebar_head { /* menü és kiskép */
  112. font-family: Tahoma;
  113. font-size: 12px;
  114. color: #3d3d3d;
  115. background-color: transparent;
  116. border: 0px;
  117. padding-top: 0px;
  118. padding-bottom: 0px;
  119. border: 0px;
  120. text-transform: normal;
  121. font-style: normal;
  122. font-weight: normal;
  123. }
  124.  
  125. .circleicon { /* kör alakú ikon */
  126. opacity: 1;
  127. border-radius: 100px;
  128. -moz-border-radius: 100px;
  129. -webkit-border-radius: 100px;
  130. border-top: 4px solid #111111;
  131. border-bottom: 4px solid #111111;
  132. border-left: 4px solid #333333;
  133. border-right: 4px solid #333333;
  134. }
  135.  
  136. .style1 { /* navigáció táblázatának stílusa */
  137. background-color: #000000;
  138. border-collapse: collapse;
  139. }
  140. .style2 { /* cellák stílusa */
  141. text-align: center;
  142. border: 2px solid #111111;
  143. padding: 2px;
  144. height: 30px;
  145. }
  146.  
  147. nlinks a:link, nlinks a:visited { /* menü linkek */
  148. color: #333333;
  149. background-color: transparent;
  150. font-family: georgia;
  151. font-size: 8pt;
  152. font-weight: bold;
  153. text-transform: lowercase;
  154. letter-spacing: 1px;
  155. }
  156.  
  157. nlinks a:hover { /* aktív menü linkek */
  158. color: #111111;
  159. background-color: transparent;
  160. font-family: georgia;
  161. font-size: 8pt;
  162. font-weight: bold;
  163. text-transform: lowercase;
  164. letter-spacing: 1px;
  165. }
  166.  
  167. /* G-PORTÁL */
  168.  
  169. .site { /* oldalszélesség */
  170. width: 550px;
  171. margin-left: 200px;}
  172.  
  173. ::-webkit-scrollbar { /* görgetősáv */
  174. width: 9px;
  175. height: 0px;
  176. background: #333333;
  177. border: 4px solid #000000;}
  178. ::-webkit-scrollbar-thumb { /* csúszka */
  179. background-color: #333333;
  180. border: 2px solid #000000;}
  181.  
  182. ::selection{ /* kijelölés színe */
  183. background-color: #000000;
  184. color: #333333;}
  185. ::-moz-selection{
  186. background-color: #000000;
  187. color: #333333;}
  188.  
  189. body { /* oldalháttér */
  190. background-color: #000000;}
  191.  
  192. td.modtitle { /* modulcím */
  193. font-family: Georgia;
  194. font-size: 21px;
  195. font-weight: bold;
  196. font-style: italic;
  197. color: #ffffff;
  198. background-color: #080808;
  199. text-align: right;
  200. letter-spacing: 0px;
  201. text-decoration: overline;
  202. text-shadow: #151515 2px 0px 0px;
  203. text-transform: lowercase;
  204. padding: 10px;
  205. border-top: 5px double #000000;
  206. border-left: 5px double #000000;
  207. border-right: 5px double #000000;}
  208.  
  209. td.modbody { /* modultartalom */
  210. background-color: #080808;
  211. font-size: 12px;
  212. font-family: Arial;
  213. color: #949494;
  214. line-height: 15px;
  215. padding: 10px;
  216. text-shadow: #000000 0px 0px 0px;
  217. text-align: justify;
  218. border-bottom: 5px double #000000;
  219. border-left: 5px double #000000;
  220. border-right: 5px double #000000;}
  221.  
  222. td.sitecol { /* modulok mögötti háttér */
  223. background: transparent;}
  224.  
  225. /* BLOGMODUL */
  226.  
  227. div[id*="post"] { /* a blog modul bejegyzései */
  228. padding: 5px !important;
  229. margin-bottom: 25px !important;
  230. margin-top: 0px !important;
  231. color: #949494;
  232. font-size: 12px;
  233. font-family: arial;
  234. line-height: 15px;
  235. text-align: justify;
  236. background-color: #080808;
  237. border: 5px double #000000;
  238. }
  239. table[module_id*="36554663"] /* ezt a számot kell kicserélni a saját oldalad blogának a kódjára */
  240. .modtitle {
  241. display:none;
  242. }
  243. table[module_id*="36554663"] /* ezt a számot kell kicserélni a saját oldalad blogának a kódjára */
  244. .modbody {
  245. background-color: transparent;
  246. }
  247.  
  248. h2 { /* bejegyzés címe blogban */
  249. font-family: Georgia;
  250. color: #ffffff;
  251. font-size: 21px!important;
  252. font-style: italic;
  253. font-weight: normal;
  254. text-transform: lowercase;
  255. text-decoration: overline;
  256. text-align: right;
  257. text-shadow: 2px 0px 0px #151515;
  258. letter-spacing: 0px;
  259. padding: 2px;
  260. -webkit-transition: .4s ease-in;
  261. -moz-transition: .4s ease-in;
  262. -o-transition: .4s ease-in;}
  263. a:hover h2 { /* bejegyzés címe ha ráviszed az egeret */
  264. font-family: Georgia;
  265. color: #151515;
  266. font-size: 21px!important;
  267. font-style: italic;
  268. font-weight: normal;
  269. text-transform: lowercase;
  270. text-decoration: overline;
  271. text-align: right;
  272. text-shadow: 2px 0px 0px #ffffff;
  273. letter-spacing: 0px;
  274. padding: 2px;
  275. -webkit-transition: .4s ease-in;
  276. -moz-transition: .4s ease-in;
  277. -o-transition: .4s ease-in;}
  278.  
  279. td.listheader, td.listheader3 { /* még nincs hozzászólás szöveg kinézete */
  280. background-color: transparent;
  281. font-family: Georgia;
  282. font-weight: normal;
  283. font-style: italic;
  284. font-size: 16px;
  285. color: #e5e5e5;
  286. text-shadow: 0px;
  287. letter-spacing: 0px;}
  288.  
  289. td.list1 { /* mit szólsz hozzá kinézete */
  290. background-color: transparent;
  291. font-family: courier new;
  292. font-size: 8pt;
  293. text-align: right;
  294. text-transform: lowercase;
  295. text-shadow: 0px 0px 0px #ffffff;
  296. color: #000000;
  297. letter-spacing: 0px;
  298. width: 50%;}
  299.  
  300. td.list2 { /* hozzászólásnál a dátum */
  301. background-color: transparent;
  302. color: #ffffff;
  303. font-family: georgia;
  304. font-size: 8pt;
  305. text-align: justify;}
  306.  
  307. .txtnormal {
  308. font-family: Arial;
  309. font-size: 8pt;
  310. font-weight: normal;
  311. font-style: normal;
  312. color: #949494;
  313. background-color: transparent;
  314. text-align: justify;
  315. text-shadow: 0px;
  316. padding: 5px;}
  317.  
  318. .txtmini { /* felül a szerző és a dátum */
  319. font-family: trebuchet ms !important;
  320. font-size: 8pt;
  321. background-color: transparent;
  322. color: #ffffff;
  323. text-align: right;
  324. text-transform: normal;
  325. margin-top: -4px !important;
  326. font-weight: normal !important;
  327. font-style: italic !important;
  328. border-bottom: 1px solid #111111;
  329. border-top: 1px solid #111111;
  330. padding: -2px;}
  331.  
  332. .txtbold { /* alcím kinézete */
  333. color: #ffffff;
  334. font-family: Trebuchet MS;
  335. font-size: 8pt;
  336. font-style: italic;
  337. font-weight: normal!important;
  338. letter-spacing: 0px;
  339. padding-bottom: -10px;
  340. padding-top: -10px;
  341. text-align: right!important;}
  342.  
  343. .blogmorelink { /* bővebben link */
  344. font-family: georgia;
  345. background: transparent;
  346. padding: 5px;
  347. padding-bottom: 5px;
  348. margin-left: 400;
  349. width: 20%;
  350. font-size: 9pt;
  351. text-transform: lowercase;
  352. font-weight: bold;
  353. text-align: right;
  354. }
  355.  
  356. .blogmorelink a:link, .blogmorelink a:visited { /* bővebben link linkjének a kinézete */
  357. color: #333333!important;
  358. font-weight: normal;
  359. font-style: solid!important;
  360. letter-spacing: 0px;
  361. }
  362.  
  363. .blogmorelink a:hover { /* bővebben link linkje ha ráviszed az egeret */
  364. color: #111111!important;
  365. }
  366.  
  367. .blogtags { /* címkék */
  368. background-color: transparent;
  369. color: #333333;
  370. font-family: Georgia;
  371. font-size: 8pt;
  372. font-weight: normal;
  373. font-style: italic !important;
  374. text-align: right;
  375. padding: 1px;}
  376.  
  377. .blogtags a:link, .blogtags a:visited { /* címkék link */
  378. background-color: #333333;
  379. color: #111111;
  380. padding: 2px!important;
  381. font-family: Tahoma;
  382. font-size: 7pt;
  383. font-weight: normal;
  384. font-style: normal;
  385. text-transform: uppercase;
  386. letter-spacing: 1px;}
  387.  
  388. .blogtags a:hover { /* címkék link ha ráviszed az egeret */
  389. background-color: #111111;
  390. padding: 2px!important;
  391. color: #333333;
  392. font-family: Tahoma;
  393. font-size: 7pt;
  394. font-weight: normal;
  395. font-style: normal;
  396. text-transform: uppercase;
  397. letter-spacing: 1px;}
  398.  
  399. /* GOMBOK */
  400.  
  401. input { /* beviteli mezők, oké gomb */
  402. font-family: tahoma;
  403. font-size: 8pt;
  404. color: #ffffff;
  405. border: 0px;
  406. background-color: #333333;
  407. text-shadow: 0px
  408. contour: 1px;
  409. padding: 2px;}
  410.  
  411. /* HOZZÁSZÓLÁS */
  412.  
  413. .column_main td.list1 {
  414. background-color: #080808;
  415. color: #646464;
  416. font-family: Arial!important;
  417. font-size: 12px;
  418. text-shadow: 0px;
  419. font-weight: normal !important;}
  420.  
  421. .column_main td.list2 {
  422. background-color: #080808;
  423. color: #646464;
  424. font-family: Arial!important;
  425. font-size: 12px;
  426. text-shadow: 0px;
  427. letter-spacing: 0px!important;
  428. font-weight: normal !important;
  429. opacity: 1!important;}
  430.  
  431. /* LINK EFFEKTEK */
  432.  
  433. a:link, a:visited { /* link kinézete */
  434. font-size: 12px;
  435. color: #ffffff;
  436. background-color: transparent;
  437. text-decoration: none;
  438. font-family: Arial;
  439. font-weight: normal;
  440. font-style: normal;
  441. text-transform: normal;
  442. padding: 0px;
  443. transition: all .5s ease-in-out;
  444. -o-transition: all .5s ease-in-out;
  445. -webkit-transition: all .5s ease-in-out;
  446. -moz-transition: all .5s ease-in-out;}
  447. a:hover { /* link kinézete aktívan */
  448. font-size: 12px;
  449. color: #646464;
  450. background-color: transparent;
  451. font-family: Arial;
  452. font-weight: normal;
  453. font-style: normal;
  454. text-decoration: line-through;
  455. text-transform: normal;
  456. text-shadow: 0px;
  457. padding: 0px;}
  458.  
  459. /* KÉPEFFEKTEK */
  460.  
  461. img {
  462. background-color: transparent;
  463. padding: 0px;
  464. 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");
  465. filter: gray;
  466. -webkit-filter: grayscale(100%);
  467. transition: all .4s ease-in-out;
  468. -o-transition: all .4s ease-in-out;
  469. -webkit-transition: all .4s ease-in-out;
  470. -moz-transition: all .4s ease-in-out;
  471. }
  472. img:hover {
  473. background-color: transparent;
  474. padding: 0px;
  475. filter: none;
  476. -webkit-filter: none;
  477. }
  478.  
  479. /* IDÉZETBLOKK */
  480.  
  481. blockquote {
  482. background-color: transparent;
  483. color: #454545;
  484. font-family: Trebuchet MS;
  485. font-size: 12px;
  486. font-style: italic;
  487. font-weight: normal;
  488. text-shadow: 0px;
  489. text transform: normal;
  490. text-align: justify;
  491. border-left: 4px solid #454545;
  492. box-shadow: 0px;
  493. padding-left: 10px;}
  494.  
  495. /* BETŰSTÍLUSOK */
  496.  
  497. strong { /* félkövér */
  498. background: transparent;
  499. color: #828282;
  500. padding: 1px;
  501. font-family: Arial;
  502. font-size: 12px;
  503. font-style: normal;
  504. font-weight: bold;
  505. -webkit-transition: .7s ease-in;
  506. -moz-transition: .7s ease-in;
  507. -o-transition: .7s ease-in;}
  508.  
  509. u { /* aláhúzott */
  510. background: transparent;
  511. color: #cecece;
  512. font-family: Arial;
  513. font-size: 12px;
  514. font-style: normal;
  515. font-weight: normal;
  516. text-transform: normal;
  517. text-decoration: overline;
  518. letter-spacing: 0px;
  519. -webkit-transition: .7s ease-in;
  520. -moz-transition: .7s ease-in;
  521. -o-transition: .7s ease-in;}
  522.  
  523. em { /* dőlt */
  524. background: transparent;
  525. color: #353535;
  526. font-family: Georgia;
  527. font-size: 12px;
  528. font-style: italic;
  529. font-weight: normal;
  530. -webkit-transition: .7s ease-in;
  531. -moz-transition: .7s ease-in;
  532. -o-transition: .7s ease-in;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!