API tools faq
paste
Advertisement
itskrystalized

Theme 01# - Welcome to the dark side

itskrystalized
Feb 28th, 2015
560
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.57 KB | None | 0 0
raw download clone embed print report
  1. <div class="sidebar">
  2.     <p style="text-align: justify;">
  3.         <blogtitle><a href="http://hiver.gportal.hu/"> ≡ welcome to the dark side </a></blogtitle> <img src="https://41.media.tumblr.com/9811f14d80c60d9e93b15291f2db0900/tumblr_ngsbii9zbb1sgbpgao1_250.png" style="width: 245px; height: 170px;" />Hello Stranger! - avagy üdvözlök mindenkit a krystalized.gp oldalán, ami <strong>grafikákkal</strong>, <em>kódokkal </em>és a <u>photoshop </u>világával foglalkozik! Minden saját készítés~ és saját ötlet. Ha <u>talán </u>mégsem az lenne, akkor feltüntetem a forrást.</p>
  4. </div>
  5. <div class="navigation">
  6.     <div class="links">
  7.         <div class="link">
  8.             <a href="link">link 1</a></div>
  9.         <div class="link">
  10.             <a href="link">link 2</a></div>
  11.         <div class="link">
  12.             <a href="link">link 3</a></div>
  13.         <div class="link">
  14.             <a href="link">link 4</a></div>
  15.         <div class="link">
  16.             <a href="link">link 5</a></div>
  17.         <div class="link">
  18.             <a href="link">link 6</a></div>
  19.         <div class="link">
  20.             <a href="http://krystalized.gportal.hu/">© theme by</a></div>
  21.     </div>
  22. </div>
  23. <style type="text/css">
  24. /* SIDEBAR */
  25. .sidebar { /* jobb oldali fix modul */
  26.    LEFT: 800px;
  27.    WIDTH: 250px;
  28.    POSITION: fixed;
  29.    TOP: 170px;
  30.    HEIGHT: 275px; /* doboz magassága */
  31.    background-color: #ffffff;
  32.    padding: 5px;
  33.    border-bottom: 0px solid #dddddd;
  34.    border-right: 0px solid #dddddd;
  35. }
  36. .sidebar_head { /* jobb oldali fix modul feje */
  37.    font-family: century gothic;
  38.    font-size: 8pt;
  39.    color: #ffffff;
  40.    background-color: #ffffff;
  41.    background-repeat: repeat-x;
  42.    padding-top: 0px; /* modul széle és a szöveg közti távolság */
  43.    padding-bottom: 0px; /* modul széle és a szöveg közti távolság */
  44.    border: 0px;
  45.    text-transform: uppercase;
  46.    font-style: normal;
  47.    font-weight: normal;
  48. }
  49.  
  50. blogtitle a:link, blogtitle a:active { /* oldal cím linkjének a kinézete */
  51.     color: #000000;
  52.     background-color: transparent;
  53.     text-decoration: none;
  54.     font-weight: normal;
  55.     font-style: normal;
  56.     font-size: 11px;
  57.     font-family: arial;
  58.     text-transform: uppercase;
  59.     padding-bottom: 10px;
  60.     -webkit-transition: .5s ease-in;
  61.     -moz-transition: .5s ease-in;
  62.     -o-transition: .5s ease-in;}
  63. blogtitle a:hover, blogtitle a:active { /* oldal cím linkjének a kinézete */
  64.     color: #dddddd;
  65.     background-color: transparent;
  66.     text-decoration: none;
  67.     font-weight: normal;
  68.     font-style: normal;
  69.     font-size: 11px;
  70.     font-family: arial;
  71.     text-transform: uppercase;
  72.     padding-bottom: 10px;
  73.     -webkit-transition: .5s ease-in;
  74.     -moz-transition: .5s ease-in;
  75.     -o-transition: .5s ease-in;}
  76.  
  77.  
  78. /* NAVIGÁCIÓS MENÜ */
  79.  
  80.  
  81. .navigation {
  82.         height: 40px;
  83.         background: rgb(255,255,255);
  84.         background: rgba(255,255,255,.4);
  85.         width: 100%;
  86.         position: fixed;
  87.         bottom: 0px;
  88.         z-index: 999999999999999999999999999999999999999999999999999999999;
  89.         text-align: center;}
  90.  
  91. .links {margin-top: 14px;}
  92.    
  93. .link {
  94.         display: inline;
  95.         text-transform: uppercase;
  96.         font-family: arial!important;
  97.         font-size: 11px;
  98.         font-style: normal!important;
  99.         padding: 5px 10px;
  100.         background-color: #000000;
  101.         color: #ffffff!important;
  102.         margin-left: 6px;
  103.         transition-duration: 0.4s;  
  104.         -moz-transition-duration: 0.4s;
  105.         -webkit-transition-duration: 0.4s;  
  106.         -o-transition-duration: 0.4s;}    
  107.    
  108. .link:hover {
  109.         background: transparent;
  110.         transition-duration: 0.8s;  
  111.         -moz-transition-duration: 0.8s;
  112.         -webkit-transition-duration: 0.8s;  
  113.         -o-transition-duration: 0.8s;}
  114.    
  115. .link a {
  116.         color: #ffffff!important;
  117.         transition-duration: 0.8s;  
  118.         -moz-transition-duration: 0.8s;
  119.         -webkit-transition-duration: 0.8s;  
  120.         -o-transition-duration: 0.8s;}
  121.    
  122. .link a:hover {
  123.         text-shadow: 0px;
  124.         transition-duration: 0.8s;  
  125.         -moz-transition-duration: 0.8s;
  126.         -webkit-transition-duration: 0.8s;  
  127.         -o-transition-duration: 0.8s;}
  128.  
  129.  
  130. /* GPORTÁL */
  131.  
  132. .site { /* oldalszélesség, mennyire tolja el jobbra a tartalmat */
  133.     width: 550px;
  134.     margin-left: 200px;}
  135.  
  136. body { /* oldalháttér */
  137.     baekground-color: #ffffff;
  138.     overflow: -moz-scrollbars-vertical;
  139.     overflow-x: hidden;}
  140.  
  141. td.sitecol { /* modulok mögötti háttér */
  142.     background-image: transparent;}
  143.  
  144. td.modtitle {  /* modulcímek */
  145.     font-family: 'florenceregular';
  146.     color: #000000;
  147.     font-size: 21px;
  148.     font-style: normal;
  149.     font-weight: normal;
  150.     text-transform: lowercase;
  151.     text-align: center;
  152.     text-shadow: 0px 0px 0px;
  153.     letter-spacing: 2px;
  154.     padding-top: 4px;
  155.     border-top: 2px solid #000000;}
  156.  
  157. td.modbody {  /* modultartalom */
  158.     font-family: century gothic;
  159.     font-size: 8pt;
  160.     font-weight: normal;
  161.     font-style: normal;
  162.     color: #141414;
  163.     background-color: #ffffff;
  164.     text-align: justify;
  165.     text-shadow: 1px #f4f4f4;
  166.     line-height: 14px;
  167.     padding: 5px;
  168.     border-bottom: 2px solid #000000;}
  169.  
  170. td.listheader, td.listheader3 { /* még nincs hozzászólás szöveg kinézete */
  171.     background-color: transparent;
  172.     font-family: courier new;
  173.     font-weight: normal;
  174.     font-style: normal;
  175.     font-size: 16px;
  176.     color: #000000;
  177.     text-shadow: 0px;
  178.     letter-spacing: 2px;}
  179.  
  180. .blogback2blog { /* vissza a bloghoz */
  181. background-color: #000000!important;
  182. width: 40% !important;
  183. padding: 5px;
  184. font-size: 10pt!important;
  185. padding-bottom: 5px;
  186. margin: 0 auto;  
  187. border: 0px solid;
  188. font-size: 10px;
  189. text-transform: normal;
  190. font-style: italic!important;
  191. text-align: center !important;
  192. }
  193.  
  194. .blogback2blog a:link, .blogback2blog a:visited { /* vissza a bloghoz link */
  195. color: #ffffff!important;
  196. font-weight: solid;
  197. font-style: normal!important;
  198. }
  199.  
  200. .blogback2blog a:hover { /* vissza a bloghoz link ha ráviszed az egeret */
  201. color: #9b9b9b!important;
  202. }
  203.  
  204. td.list1 { /* mit szólsz hozzá kinézete */
  205.     background-color: #000000;
  206.     font-family: times new roman
  207.     font-size: 7pt;
  208.     text-align: center;
  209.     text-transform: lowercase;
  210.     text-shadow: 0px 0px 0px #ffffff;
  211.     color: #ffffff;
  212.     letter-spacing: 2px;
  213.     filter: alpha(opacity=90);
  214.     opacity: 0.9;}
  215.  
  216. td.list1 a:link, td.list1 a:visited { /* mit szólsz hozzá link kinézete */
  217.     background-color: transparent;
  218.     font-family: times new roman;
  219.     font-size: 8pt;
  220.     text-align: center;
  221.     text-transform: lowercase;
  222.     text-shadow: 0px 0px 0px #ffffff;
  223.     color: #ffffff;
  224.     letter-spacing: 2px;
  225.     width: 25%;}
  226.  
  227. td.list1 a:hover, td.list1 a:active { /* mit szólsz hozzá link kinézete */
  228.     background-color: transparent;
  229.     font-family: times new roman;
  230.     font-size: 8pt;
  231.     text-align: center;
  232.     text-transform: lowercase;
  233.     text-shadow: 0px 0px 0px #ffffff;
  234.     color: #f4f4f4;
  235.     letter-spacing: 2px;
  236.     width: 25%;}
  237.  
  238. td.list2 { /* hozzászólásnál  a dátum */
  239.     background-color: transparent;
  240.     color: #000000;
  241.     font-family: georgia;
  242.     font-size: 8pt;
  243.     text-align: justify;}
  244.  
  245. .txtnormal {
  246.     font-family: century gothic;
  247.     font-size: 8pt;
  248.     font-weight: normal;
  249.     font-style: normal;
  250.     color: #000000;
  251.     background-color: transparent;
  252.     text-align: justify;
  253.     text-shadow: 0px;
  254.     padding: 5px;}
  255.  
  256. .txtmini { /* felül a szerző és a dátum */
  257. font-family: century gothic !important;
  258. font-size: 7pt;
  259. background-color: #ffffff;
  260. color: #000000;
  261. text-align: right;
  262. text-transform: normal;
  263. margin-top: -4px !important;
  264. font-weight: normal !important;
  265. font-style: normal !important;
  266. padding: -2px;}
  267.  
  268. .txtbold { /* alcím kinézete */
  269.     color: #000000;
  270.     font-family: Georgia;
  271.     font-size: 7pt;
  272.     font-style: italic;
  273.     font-weight: normal!important;
  274.     letter-spacing: 1px;
  275.     padding-bottom: -10px;
  276.     padding-top: -10px;
  277.     text-align: right!important;}
  278.  
  279. h2 { /* bejegyzés címe blogban */
  280.     font-family: Arial;
  281.     color: #000000;
  282.     font-size: 11px!important;
  283.     font-style: normal;
  284.     font-weight: normal;
  285.     text-transform: uppercase;
  286.     text-align: center;
  287.     text-shadow: 0px 0px 0px;
  288.     letter-spacing: 2px;
  289.     padding: 2px;
  290.     -webkit-transition: .5s ease-in;
  291.     -moz-transition: .5s ease-in;
  292.     -o-transition: .5s ease-in;}
  293. a:hover h2 { /* bejegyzés címe ha ráviszed az egeret */
  294.     color: #dadada;
  295.     background-color: #ffffff;
  296.     font-size: 11px !important;
  297.     font-family: Arial;
  298.     padding: 2px;
  299.     font-weight: normal;
  300.     text-align: center;
  301.     text-transform: uppercase;
  302.     letter-spacing: 2px;
  303.     box-shadow:inset 550px 0px 0px #000000;
  304.     cursor: normal;}
  305.  
  306. .blogmorelink { /* bővebben link */
  307.      font-family: times new roman;
  308.      background: transparent;
  309.      padding: 5px;
  310.      padding-bottom: 5px;
  311.      margin: 0 auto;
  312.      width: 20%;
  313.      font-size: 9pt;
  314.      text-transform: normal;
  315.      text-align: right;
  316. }
  317.  
  318. .blogmorelink a:link, .blogmorelink a:visited { /* bővebben link linkjének a kinézete */
  319.      color: #000000!important;
  320.      font-weight: normal;
  321.      font-style: solid!important;
  322.      letter-spacing: 2px;
  323. }
  324.  
  325. .blogmorelink a:hover { /* bővebben link linkje ha ráviszed az egeret */
  326.      color: #ffffff!important;
  327.      box-shadow:inset 250px 0px 0px #000000;
  328. }
  329.  
  330. input { /* beviteli mezők, oké gomb */
  331.     font-family: tahoma;
  332.     font-size: 8pt;
  333.     color: #ffffff;
  334.     border: 0px;
  335.     background-color: #8a8a8a;
  336.     text-shadow: 0px
  337.     contour: 1px;
  338.     padding: 2px;}
  339.  
  340. ::selection{ /* kijelölés színe */
  341. background-color: #ffffff;
  342. color: #000000;}
  343. ::-moz-selection{ /* kijelölés színe mozillában */
  344. background-color: #ffffff;
  345. color: #000000;}
  346.  
  347. a:link img, a:visited img { /* linkelt kép */
  348.     background: transparent;
  349.     padding: 0px;
  350.     border: 0px;
  351.     filter: alpha(opacity=100);
  352.     opacity: 10;
  353.         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 */
  354.         filter: gray; /* IE6-9 */
  355.         -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  356.    -webkit-transition: .5s ease-in;
  357.    -moz-transition: .5s ease-in;
  358.    -o-transition: .5s ease-in;
  359. }
  360. a:hover img { /* linkelt kép ha ráviszed az egeret */
  361.     background: transparent;
  362.     padding: 0px;
  363.     border: 0px;
  364.     filter: alpha(opacity=100);
  365.     opacity: 1;
  366.         filter: none;
  367.         -webkit-filter: none; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  368.    -webkit-transition: .5s ease-in;
  369.    -moz-transition: .5s ease-in;
  370.    -o-transition: .5s ease-in;
  371. }
  372.  
  373. img { /* egyszerű kép */
  374.     padding: 0px;
  375.     border: 0px solid #f24b76;    
  376.     filter:alpha(opacity=100);
  377.     opacity: 1;
  378.     background-color: transparent;}
  379. img:hover { /* egyszerű kép ha ráviszed az egeret */
  380.     padding: 0px;
  381.     border: 0px solid #1ccaa9;
  382.     filter:alpha(opacity=100);
  383.     opacity: 1;
  384.     background-color: transparent;
  385.     cursor: default;}
  386.  
  387. a:link, a:visited { /* link */
  388.     color: #2a2a2a;
  389.     background-color: transparent;
  390.     text-decoration: none;
  391.     font-weight: normal;
  392.     font-style: italic;
  393.     font-size: 13px;
  394.     font-family: times new roman;
  395.     text-transform: none;
  396.     -webkit-transition: .5s ease-in;
  397.     -moz-transition: .5s ease-in;
  398.     -o-transition: .5s ease-in;}
  399. a:hover { /* link ha ráviszed az egeret */
  400.     color: #e6e6e6;
  401.     background-color: transparent;
  402.     font-family: times new roman;
  403.     font-style: italic;
  404.     font-size: 13px;
  405.     text-decoration: none;
  406.     text-shadow: 0px;
  407.     cursor: normal;
  408.     text-transform: none;
  409.     }
  410.  
  411. .blogtags { /* címkék */
  412.     background-color: transparent;
  413.     color: #ffffff;
  414.     font-family: Georgia;
  415.     font-size: 8pt;
  416.     font-weight: normal;
  417.     font-style: italic !important;
  418.     text-align: right;
  419.     padding: 1px;}
  420.  
  421. .blogtags a:link, .blogtags a:visited { /* címkék link */
  422.     background-image: url(https://41.media.tumblr.com/9f6d3bd59330b38fdd574383be0d0992/tumblr_nkhijh2iNX1sgbpgao1_400.png);
  423.     color: #000000;
  424.     padding-left: 9px!important;
  425.     border-bottom: 0px solid #e1e1e1;
  426.     border-right: 0px solid #e1e1e1;
  427.     font-family: Tahoma;
  428.     font-size: 7pt;
  429.     font-weight: normal;
  430.     font-style: normal;
  431.     text-transform: uppercase;
  432.     letter-spacing: 1px;}
  433.  
  434. .blogtags a:hover { /* címkék link ha ráviszed az egeret */
  435.     background-color: #ffffff;
  436.     padding-left: 9px!important;
  437.     color: #ffffff;
  438.     border-bottom: 0px solid #d4e5e2;
  439.     border-right: 0px solid #d4e5e2;
  440.     font-family: Tahoma;
  441.     font-size: 7pt;
  442.     font-weight: normal;
  443.     font-style: normal;
  444.     text-transform: uppercase;
  445.     letter-spacing: 1px;}
  446.  
  447. blockquote { /* idézetblokk */
  448.      font-family: century gothic;
  449.      font-style: normal;
  450.      font-weight: normal;
  451.      font-size: 8pt;
  452.      color: #000000;
  453.      text-shadow: #ffffff 0px 0px 0px;
  454.      line-height: 13px;
  455.      padding: 5px;
  456.      text-align: center;
  457.      background-color: #f2f2f2;
  458.      border-bottom: 0px;
  459.      border-left: 2px solid #000000;
  460.      border-right: 2px solid #000000;
  461.      box-shadow: #000000 0px 0px 0px;}
  462.  
  463. /* BETŰSTÍLUSOK */
  464.  
  465. strong { /* félkövér */
  466.     color: #000000;
  467.     font-family: tahoma;
  468.     font-weight: bold;
  469.     font-size: 9px;
  470.     text-transform: uppercase;}
  471.  
  472. u { /* aláhúzott */
  473.     color: #6f6f6f;
  474.     font-family: tahoma;
  475.     font-size: 8.5pt;
  476.     text-decoration: none;
  477.     border-bottom: 1px solid #000000;}
  478.  
  479. em { /* dőlt */
  480.     color: #575757;
  481.     font-family: georgia;
  482.     font-size: 8pt;
  483.     font-style: italic;}
  484.  
  485. @font-face {
  486.     font-family: 'florenceregular';
  487.     src: url('http://hiver.gportal.hu/portal/hiver/upload/760226_1436097326_04326.eot');
  488.     src: url('http://hiver.gportal.hu/portal/hiver/upload/760226_1436097326_04326.eot?#iefix') format('embedded-opentype'),
  489.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1436097323_00772.woff2') format('woff2'),
  490.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1436097323_04439.woff') format('woff'),
  491.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1436097324_03760.ttf') format('truetype'),
  492.          url('http://hiver.gportal.hu/portal/hiver/upload/760226_1436097326_06164.svg#florenceregular') format('svg');
  493.     font-weight: normal;
  494.     font-style: normal;
  495. }</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!