API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 24th, 2014
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.87 KB | None | 0 0
raw download clone embed print report
  1. /* ==========================================================================
  2. MINEnEXT
  3. by BartekPob
  4. W razie pytań lub problemów:
  5. GG:768354
  6. E-Mail: bartekpob123@gmail.com
  7.  
  8.  
  9. IKONY: FontAwesome
  10. http://fortawesome.github.io/Font-Awesome/
  11. ========================================================================== */
  12.  
  13. @import url('font-awesome.css');
  14.  
  15.  
  16. @font-face {
  17. font-family: SourceSansPro-Regular;
  18. src: url("fonts/SourceSansPro-Regular.otf");
  19. }
  20. @font-face {
  21. font-family: SourceSansPro-Semibold;
  22. src: url("fonts/SourceSansPro-Semibold.otf");
  23. }
  24. @font-face {
  25. font-family: SourceSansPro-Light;
  26. src: url("fonts/SourceSansPro-Light.otf");
  27. }
  28. @font-face {
  29. font-family: SourceSansPro-Bold;
  30. src: url("fonts/SourceSansPro-Bold.otf");
  31. }
  32. @font-face {
  33. font-family: SourceSansPro-ExtraLight;
  34. src: url("fonts/SourceSansPro-ExtraLight.otf");
  35. }
  36. @font-face {
  37. font-family: BebasNeue;
  38. src: url("fonts/BebasNeue.otf");
  39. }
  40.  
  41.  
  42. html,
  43. button,
  44. input,
  45. select,
  46. textarea {
  47. color: #222;
  48. }
  49.  
  50. body {
  51. font-size: 1em;
  52. line-height: 1.4;
  53. background: #ebebeb;
  54. }
  55.  
  56.  
  57. ::-moz-selection { background: #ec8104;}
  58.  
  59.  
  60. hr {
  61. display: block;
  62. height: 1px;
  63. border: 0;
  64. border-top: 1px solid #000;
  65. margin: 1em 0;
  66. padding: 0;
  67. }
  68.  
  69.  
  70. img {
  71. vertical-align: middle;
  72. }
  73.  
  74. fieldset {
  75. border: 0;
  76. margin: 0;
  77. padding: 0;
  78. }
  79.  
  80. textarea {
  81. resize: vertical;
  82. }
  83.  
  84. .chromeframe {
  85. margin: 0.2em 0;
  86. background: #ccc;
  87. color: #000;
  88. padding: 0.2em 0;
  89. }
  90.  
  91. body {
  92. font: 16px/26px SourceSansPro-Regular, Arial;
  93. }
  94.  
  95.  
  96. .wrapper {
  97. width: 90%;
  98. margin: 0 5%;
  99. }
  100.  
  101. /* ===================
  102. Szablon
  103. =================== */
  104.  
  105. .main-container, .main-container-page {
  106. background: #fff;
  107. max-width: 960px;
  108. margin: 0 auto;
  109. padding-bottom: 20px;
  110.  
  111. }
  112.  
  113. .header-container,
  114. .footer-container {
  115. background: #252525;
  116. }
  117.  
  118. .title {
  119. background:url('img/logo.png');
  120. width:180px;
  121. height:50px;
  122. margin-top: 20px;
  123. /*TRANSFORMACJA*/
  124. -moz-transition: 0.3s ease-in-out;
  125. -webkit-transition: 0.3s ease-in-out;
  126. -o-transition: 0.3s ease-in-out;
  127. transition: 0.3s ease-in-out;
  128. }
  129.  
  130. .title:hover{
  131. background-position: left bottom;
  132. }
  133.  
  134. .padding{
  135. padding: 20px;
  136. }
  137.  
  138.  
  139. .opinion{
  140. width: 80%;
  141. text-align: center;
  142. margin: 0 auto;
  143. }
  144. .opinion h3{
  145. font-size: 20px;
  146. }
  147. .opinion p{margin-top: -10px; color: #2c2c2c; font-weight: bold;}
  148. .opinion b{color: #c9c9c9;font-family: SourceSansPro-ExtraLight; display: block; margin-top: -10px; font-size: 15px}
  149. .opinion .fa-quote-left{color:#7a7a7a;}
  150.  
  151.  
  152.  
  153. /* ===============
  154. IE Fixes
  155. =============== */
  156.  
  157. .ie7 .title { padding-top: 20px;}
  158.  
  159.  
  160. /* ==============
  161. Info box na max 768
  162. =============== */
  163. .max768{
  164. width: 90%;
  165. background: #fff;
  166. padding: 1px 10px;
  167. margin: 0 auto;
  168. margin-bottom: 10px;
  169. margin-top: 10px;
  170. border-bottom: solid 2px #d3d3d3;
  171. text-align: center;
  172. }
  173. /* =============
  174. Buttony
  175. ============== */
  176.  
  177. .button {
  178. background-color:#ec8104;
  179. border-bottom:3px solid #a65900;
  180. border-top: 1px solid #fdc17a;
  181. color:#fff;
  182. font-family: BebasNeue;
  183. letter-spacing: 1px;
  184. font-size:25px;
  185. padding:10px 15px;
  186. text-decoration:none;
  187. text-shadow:0px 2px 2px #7e4400;
  188. -moz-border-radius: 3px;
  189. -webkit-border-radius: 3px;
  190. border-radius: 3px;
  191. margin: 3px 3px;
  192. display: inline-block;
  193. /*TRANSFORMACJA*/
  194. -moz-transition: 0.5s ease-in-out;
  195. -webkit-transition: 0.5s ease-in-out;
  196. -o-transition: 0.5s ease-in-out;
  197. transition: 0.5s ease-in-out;
  198. }
  199. .button:hover { background-color:#f89306;}
  200. .button:active {position:relative; top:1px;}
  201.  
  202. .style2{
  203. background-color:#252525;
  204. border-bottom:3px solid #111111;
  205. border-top: 1px solid #000;
  206. text-shadow:0px 2px 2px #7a7a7a;
  207. }
  208. .style2:hover{background-color:#383838;}
  209.  
  210. .style3{
  211. background-color:#dbdbdb;
  212. border-bottom:3px solid #a3a3a3;
  213. border-top: 1px solid #fff;
  214. text-shadow:0px 2px 2px #7a7a7a;
  215. color: #252525;
  216. }
  217. .style3:hover{background-color:#ebebeb;}
  218.  
  219. .big-button{
  220. padding: 10px 10%;
  221. }
  222.  
  223. /* =============
  224. InfoBar
  225. ============== */
  226.  
  227. .infobar{
  228. background: #ebebeb;
  229. border-bottom: solid 1px #d3d3d3;
  230. border-top: solid 1px #d3d3d3;
  231. border-left: solid 6px #ec8104;
  232. border-right: solid 1px #d3d3d3;
  233. margin: 0 auto;
  234. width: 90%;
  235. min-height: 70px;
  236. margin-top: 20px;
  237. margin-bottom: 10px;
  238. }
  239. .infobar h1{padding-right: 10px;font-size: 26px; font-family: SourceSansPro-Bold;line-height: 0.1;}
  240. .infobar h2{font-size: 17px; font-family: SourceSansPro-Light;line-height: 1;}
  241.  
  242. .infoleft{float: left; text-align: right;}
  243. .inforight{ float: left; margin-top: 5px;}
  244.  
  245. .infowrapper{margin: 0 auto; margin-left: 12%;}
  246.  
  247. /* =============
  248. About
  249. ============== */
  250.  
  251. .about{
  252. margin-top: 30px;
  253. }
  254.  
  255. /* =============
  256. Forms
  257. ============== */
  258.  
  259. input, textarea {
  260. border: 1px solid #d0d0d0;
  261. padding: 10px;
  262. background: #ebebeb;
  263. font-family: SourceSansPro-Light;
  264. font-size: 17px;
  265. }
  266. input[type=submit],[type=reset]{
  267. font-family: SourceSansPro-ExtraLight;
  268. color: #222;
  269. height: 43px;
  270. margin-top: 3px;
  271. }
  272.  
  273. input:hover{
  274. background: #f3f3f3;
  275. }
  276.  
  277.  
  278. /* =============
  279. Social
  280. ============== */
  281.  
  282. .social h1{font-size: 20px; font-family: SourceSansPro-ExtraLight;line-height: 0.1; color: #111111; margin-bottom: 15px;}
  283. .social {text-align: center; }
  284.  
  285. .social a {text-decoration: none; color: #111111; margin: 0 2%;
  286. /*TRANSFORMACJA*/
  287. -moz-transition: 0.3s ease-in;
  288. -webkit-transition: 0.3s ease-in;
  289. -o-transition: 0.3s ease-in;
  290. transition: 0.3s ease-in;
  291. }
  292.  
  293. .skype:hover{color:#02aae8; text-shadow: 0px 1px 2px #000;}
  294. .facebook:hover{color:#3b5a9b; text-shadow: 0px 1px 2px #000;}
  295. .twitter:hover{color:#32ccfe; text-shadow: 0px 1px 2px #000;}
  296. .youtube:hover{color:#aa0f09; text-shadow: 0px 1px 2px #000;}
  297. .gugleplus:hover{color:#ececec; text-shadow: 0px 1px 2px #000;}
  298.  
  299.  
  300. /* =============
  301. Serwery
  302. ============== */
  303. .serwery{padding: 10px}
  304.  
  305. .serwery span{
  306. border-radius: 1px;
  307. background: #d7d7d7;
  308. padding: 2px 10px;
  309. color: #222;
  310. font-family: SourceSansPro-ExtraLight;
  311. clear: both;
  312. }
  313. .main2 section{
  314. width: 49%;
  315. background: #ebebeb;
  316. color: #363636;
  317. padding: 0;
  318. margin-bottom: 10px;
  319. border-bottom: solid 2px #d3d3d3;
  320. line-height: 1.2;
  321. float: left;
  322. text-align: center;
  323. }
  324. .main2 section:nth-child(even){
  325. float: right;
  326. }
  327.  
  328. .main2 section h2{
  329. font-size: 28px;
  330. text-shadow:0px 3px 0px #7a7a7a;
  331. color: #fff;
  332. margin: 0;
  333. }
  334. .main2 section h3{
  335. font-size: 20px;
  336. color: #7a7a7a;
  337. margin: 0;
  338. }
  339. .main2 hgroup{
  340. background: #252525;
  341. padding: 10px 0;
  342. margin: 0;
  343. }
  344. .main2 section p{
  345. margin: 0;
  346. padding: 10px;
  347. }
  348. .online-color{color: #ec8104;}
  349. .offline-color{color: #7a7a7a;}
  350.  
  351. .center{text-align: center;}
  352. /* =============
  353. Kontakt
  354. ============== */
  355. .contact{
  356. padding: 15px;
  357.  
  358. }
  359.  
  360. .contact ul{
  361. font-size: 25px;
  362. font-family: SourceSansPro-Light;
  363. }
  364. .contact li{
  365. margin-bottom: 10px;
  366. }
  367.  
  368. .contact i{
  369. margin-right: 2%;
  370. /*TRANSFORMACJA*/
  371. -moz-transition: 0.1s ease-in;
  372. -webkit-transition: 0.1s ease-in;
  373. -o-transition: 0.1s ease-in;
  374. transition: 0.1s ease-in;
  375. }
  376. .contact i:hover{color: #ec8104;}
  377.  
  378. .giegie{
  379. font-family: SourceSansPro-Light;
  380. background: #222;
  381. color: #fff;
  382. border-radius: 50%;
  383. font-size: 12px;
  384. padding: 6px;
  385. }
  386.  
  387.  
  388.  
  389. /* ==============
  390. Menu
  391. ============== */
  392.  
  393. nav ul {
  394. margin: 0;
  395. padding: 0;
  396. }
  397.  
  398. nav a {
  399. display: block;
  400. margin-bottom: 10px;
  401. padding: 15px 0;
  402. text-align: center;
  403. text-decoration: none;
  404. color: white;
  405. /*TRANSFORMACJA*/
  406. -moz-transition: 0.2s ease-in-out;
  407. -webkit-transition: 0.2s ease-in-out;
  408. -o-transition: 0.2s ease-in-out;
  409. transition: 0.2s ease-in-out;
  410. }
  411.  
  412. nav a:hover,
  413. nav a:visited {
  414. color: white;
  415. }
  416.  
  417. nav a:hover,
  418. .active{
  419. text-decoration: none;
  420. background: #2b2b2b;
  421. border-bottom: solid 6px #ec8104;
  422. }
  423.  
  424.  
  425.  
  426. /* ==============
  427. Main
  428. ============== */
  429.  
  430. .main, .main2 {padding: 15px 0;}
  431.  
  432. .footer-container footer {
  433. color: white;
  434. padding: 20px 0;
  435. min-height: 100%;
  436. }
  437.  
  438. .wrapper2{
  439. padding: 0 0px;
  440. }
  441.  
  442. /* =============
  443. Footer
  444. ============== */
  445.  
  446. .scrollup, .scrollup a{
  447. text-align: center;
  448. color: #252525;
  449. font-size: 30px;
  450. margin-top: -20px;
  451. }
  452.  
  453. .footer-copyright {
  454. background: #111111;
  455. color: #fff;
  456. font-family: SourceSansPro-ExtraLight;
  457. clear: both;
  458. }
  459.  
  460. .footer-copyright{ height: 60px; padding-top: 15px; color: #999999; font-size: 15px; }
  461.  
  462. .minenext a{ font-weight:bold; text-decoration: none; color: #dbdbdb;}
  463. .minenext b{ color: #ec8104; }
  464.  
  465.  
  466.  
  467.  
  468. /* ==========================================================================
  469. Media Queries
  470. ========================================================================== */
  471.  
  472. @media only screen and (min-width: 480px) {
  473.  
  474. nav a {
  475. float: left;
  476. width: 20%;
  477. padding: 30px 1%;
  478. margin-bottom: 0;
  479. }
  480.  
  481. nav li:first-child a {
  482. margin-left: 0;
  483. }
  484.  
  485. nav li:last-child a {
  486. margin-right: 0;
  487. }
  488.  
  489. /* ========================
  490. IE Fixes
  491. ======================== */
  492.  
  493. nav ul li {
  494. display: inline;
  495. }
  496.  
  497. .oldie nav a {
  498. margin: 0 0.7%;
  499. }
  500. }
  501.  
  502. @media only screen and (max-width: 768px) {
  503. .infobar{
  504. display: none !important;
  505. visibility: hidden;
  506. }
  507. .contact ul{
  508. font-size: 17px;
  509. }
  510.  
  511. .minenext, .copyright {text-align: center;}
  512. .social h1{color: #dbdbdb;}
  513. .social a{color: #555555;}
  514.  
  515. .main2 section{
  516. width: 100%;
  517.  
  518. }
  519.  
  520.  
  521.  
  522. }
  523. @media only screen and (min-width: 768px) {
  524. .minenext{text-align: center;}
  525. .copyright{text-align: center; }
  526. .copyright{float: left; }
  527. .minenext{text-align: right; }
  528. .title {float: left; }
  529.  
  530. nav {float: right; width: 50%;}
  531.  
  532. .max768{
  533. display: none !important;
  534. visibility: hidden;
  535. }
  536.  
  537.  
  538. }
  539. @media only screen and (max-width: 960px) {
  540. .slider,
  541. .kolumna,
  542. .newsimg{
  543. display: none !important;
  544. visibility: hidden;
  545. }
  546. .main, .main2{ padding: 0px 15px;}
  547.  
  548. .dodano{
  549. margin-top: -25px;
  550. margin-bottom: -10px;
  551. color: #595959;
  552. }
  553. .title2{
  554. font-family: BebasNeue;
  555. margin-top:20px;
  556. font-size: 20px;
  557. border-left: solid 3px #ec8104;
  558. }
  559. .odsun{
  560. margin-left: 15px;
  561. }
  562.  
  563. }
  564.  
  565. @media only screen and (min-width: 960px) {
  566.  
  567. .kolumna{
  568. width: 310px;
  569. float: left;
  570. }
  571. .kolumna h2{
  572. font-family: SourceSansPro-Bold;
  573. text-align: center;
  574. line-height: 0;
  575. font-size: 22px;
  576. }
  577. .kolumna p{
  578. font-size: 16px;
  579. float: left;
  580. line-height: 1.1;
  581. margin-left: 25px;
  582. margin-top: -5px;
  583. }
  584.  
  585. .kolo {
  586. max-width:100px;
  587. margin: 0 auto;
  588. }
  589. .kolo:after {
  590. content: "";
  591. display: block;
  592. width: 100%;
  593. height:0;
  594. padding-bottom: 100%;
  595. background: #363636;
  596. -moz-border-radius: 50%;
  597. -webkit-border-radius: 50%;
  598. border-radius: 50%;
  599. }
  600. .kolo div {
  601. float:left;
  602. width:100%;
  603. padding-top:25%;
  604. text-align:center;
  605. color:white;
  606. /*TRANSFORMACJA*/
  607. -moz-transition: 0.2s ease-in;
  608. -webkit-transition: 0.2s ease-in;
  609. -o-transition: 0.2s ease-in;
  610. transition: 0.2s ease-in;
  611. }
  612. .kolo div:hover{
  613. color:#ec8104;
  614. }
  615.  
  616. .slider{
  617. background-image: url('img/1.png');
  618. background-position: center;
  619. margin: 0 auto;
  620. height: 301px;
  621. min-width: 960px;
  622. max-width: 1020px;
  623. }
  624.  
  625. .main-container{
  626. margin-top:-30px;
  627. border-top: solid 6px #ec8104;
  628. margin-bottom: 20px;
  629. -webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
  630. box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
  631.  
  632. }
  633.  
  634. .main-container-page{
  635. min-height: 600px;
  636. margin-top: 10px;
  637. border-top: solid 4px #616161;
  638. margin-bottom: 20px;
  639. -webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
  640. box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
  641.  
  642. }
  643. .main-container-page p{
  644. padding: 15px;
  645. }
  646. .main-container-page h1, h2, h3, h4, h5{
  647. padding: 0 15px;
  648. }
  649.  
  650. .welcome{
  651. margin-top: 40px;
  652. text-align: center;
  653. color: #fff;
  654. }
  655. .welcome h2, h3{
  656. font-family: SourceSansPro-ExtraLight;
  657. font-size: 26px;
  658. }
  659. .welcome h1{
  660. font-family: BebasNeue;
  661. font-size: 48px;
  662. letter-spacing: 4px;
  663. }
  664. .rotator {
  665. position:relative;
  666. height:30px;
  667. }
  668.  
  669. .rotator .item {
  670. position:absolute;
  671. right:0;
  672. left:0;
  673. }
  674. .line3{
  675. border-bottom: solid 1px #d3d3d3;
  676. width: 100%;
  677. margin: 0 auto;
  678. margin-bottom: 20px;
  679. }
  680. .line2{
  681. border-bottom: solid 1px #fff;
  682. width: 220px;
  683. margin: 0 auto;
  684. margin-top: 60px;
  685. }
  686. .line1{
  687. border-bottom: solid 2px #fff;
  688. width: 280px;
  689. margin: 0 auto;
  690. }
  691. .title2{
  692. line-height: 0.1;
  693. margin-left: 15px;
  694. font-family: BebasNeue;
  695. font-size: 25px;
  696. }
  697. .main article {
  698. margin-left: 10px;
  699. }
  700.  
  701. .main section{
  702. width: 450px;
  703. background: #ebebeb;
  704. color: #363636;
  705. padding: 1px 5px 5px 10px;
  706. margin-right:10px;
  707. margin-bottom: 10px;
  708. border-bottom: solid 2px #d3d3d3;
  709. line-height: 1.2;
  710. float: left;
  711. }
  712. .main section:nth-child(even){
  713. float: right;
  714. }
  715. .main section h2{
  716. margin-left: -15px;
  717. }
  718.  
  719. .dodano{
  720. color: #b5b5b5;
  721. margin-top: -25px;
  722. margin-bottom: -10px;
  723. margin-left: 15px;
  724. }
  725.  
  726. }
  727.  
  728. @media only screen and (min-width: 1140px) {
  729.  
  730. .wrapper {
  731. width: 960px;
  732. margin: 0 auto;
  733. }
  734.  
  735. }
  736.  
  737.  
  738.  
  739. /* ==========================================================================
  740. Klasy pomocnicze
  741. ========================================================================== */
  742.  
  743. .ir {
  744. background-color: transparent;
  745. border: 0;
  746. overflow: hidden;
  747. text-indent: -9999px;
  748. }
  749.  
  750. .ir:before {
  751. content: "";
  752. display: block;
  753. width: 0;
  754. height: 150%;
  755. }
  756.  
  757. .hidden {
  758. display: none !important;
  759. visibility: hidden;
  760. }
  761.  
  762. .visuallyhidden {
  763. border: 0;
  764. clip: rect(0 0 0 0);
  765. height: 1px;
  766. margin: -1px;
  767. overflow: hidden;
  768. padding: 0;
  769. position: absolute;
  770. width: 1px;
  771. }
  772.  
  773. .visuallyhidden.focusable:active,
  774. .visuallyhidden.focusable:focus {
  775. clip: auto;
  776. height: auto;
  777. margin: 0;
  778. overflow: visible;
  779. position: static;
  780. width: auto;
  781. }
  782.  
  783. .invisible {
  784. visibility: hidden;
  785. }
  786.  
  787. .clearfix:before,
  788. .clearfix:after {
  789. content: " ";
  790. display: table;
  791. }
  792.  
  793. .clearfix:after {
  794. clear: both;
  795. }
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!