Advertisement
Guest User

Untitled

a guest
Oct 21st, 2014
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.46 KB | None | 0 0
  1. /* GLOBAL STYLES
  2. ==================================================================*/
  3.  
  4. body {
  5. overflow-x: hidden;
  6. font-size:16px;
  7. }
  8.  
  9. h2 {
  10. margin: 80px 0 0;
  11. }
  12.  
  13. h4 {
  14. color: #807154;
  15. margin: 0;
  16. }
  17.  
  18. p {
  19. margin: 0 0 1em;
  20. }
  21.  
  22. a,
  23. aside i,
  24. button,
  25. .navbar,
  26. .models li a img {
  27. transition: all .5s ease;
  28. -moz-transition: all .5s ease;
  29. -webkit-transition: all .5s ease;
  30. -o-transition: all .5s ease;
  31. }
  32.  
  33. a:hover {
  34. text-decoration: none;
  35. }
  36.  
  37. blockquote {
  38. border: 0;
  39. color: #fff;
  40. font-family: 'PT Serif', serif;
  41. font-size: 16px;
  42. font-style: italic;
  43. padding: 0 20px 20px;
  44. }
  45.  
  46. blockquote small {
  47. font-family: 'PT Sans', sans-serif;
  48. font-size: 13px;
  49. font-style: normal;
  50. margin-top: 5px;
  51. }
  52.  
  53. section,
  54. footer {
  55. background: #181818;
  56. position: relative;
  57. z-index: 100;
  58. -webkit-transform: translate3d(0,0,0);
  59. }
  60.  
  61. section {
  62. padding: 0 0 60px;
  63. overflow: hidden;
  64. }
  65.  
  66. .clear {
  67. clear: both;
  68. display: table;
  69. height: 0;
  70. overflow: hidden;
  71. width: 100%;
  72. }
  73.  
  74. .row {
  75. position: relative;
  76. }
  77.  
  78. .divider {
  79. border-bottom: 1px solid #333;
  80. color: #807154;
  81. font-size: 30px;
  82. line-height: 1em;
  83. margin-bottom: 1.5em;
  84. }
  85.  
  86. .divider i {
  87. position: relative;
  88. top: 0.5em;
  89. }
  90.  
  91. .parallax {
  92. background-repeat: no-repeat;
  93. background-position: center center;
  94. height: 200%;
  95. left: 0;
  96. opacity: .25;
  97. overflow: hidden;
  98. position: absolute;
  99. top: 0;
  100. width: 100%;
  101. }
  102.  
  103. /* TOP NAV
  104. ==================================================================*/
  105.  
  106. .navbar {
  107. background: #000;
  108. top: -66px;
  109. }
  110.  
  111. .navbar-brand {
  112. height: auto;
  113. padding: 20px 15px;
  114. }
  115.  
  116. .navbar-nav .active a {
  117. color: #807154;
  118. }
  119.  
  120. .blog-nav {
  121. top: 0 !important;
  122. }
  123.  
  124. /* BANNER
  125. ==================================================================*/
  126.  
  127. #banner {
  128. height: 100%;
  129. left: 0;
  130. position: fixed;
  131. top: 0;
  132. width: 100%;
  133. z-index: 1;
  134. }
  135.  
  136. #bgvid {
  137. background: url(../images/cover.jpg) no-repeat;
  138. background-size: cover;
  139. bottom: 0;
  140. height: auto;
  141. min-height: 100%;
  142. min-width: 100%;
  143. pointer-events: none;
  144. position: fixed;
  145. right: 0;
  146. width: auto;
  147. z-index: 1;
  148. }
  149.  
  150. #cover {
  151. background: url(../images/cover.jpg) no-repeat;
  152. background-size: cover;
  153. bottom: 0;
  154. display: none;
  155. height: 100%;
  156. width: 100%;
  157. position: fixed;
  158. right: 0;
  159. z-index: 1;
  160. }
  161.  
  162. .tint {
  163. background: url(../images/texture.png);
  164. height: 100%;
  165. left: 0;
  166. position: absolute;
  167. top: 0;
  168. width: 100%;
  169. }
  170.  
  171. #banner .tint {
  172. z-index: 100;
  173. }
  174.  
  175. .welcome {
  176. color: #fff;
  177. display: block;
  178. margin: 0 auto;
  179. position: absolute;
  180. top: 50%;
  181. width: 100%;
  182. -webkit-transform: translateY(-50%);
  183. -moz-transform: translateY(-50%);
  184. -ms-transform: translateY(-50%);
  185. -o-transform: translateY(-50%);
  186. transform: translateY(-50%);
  187. }
  188.  
  189. .welcome h1 {
  190. line-height: 1em;
  191. margin: 0;
  192. }
  193.  
  194. .welcome span {
  195. display: block;
  196. font-size: 30px;
  197. line-height: 1em;
  198. margin: 0;
  199. }
  200.  
  201. .welcome h3 {
  202. line-height: 1em;
  203. margin: 0;
  204. }
  205.  
  206. .welcome a {
  207. letter-spacing: 10px;
  208. margin-top: 30px;
  209. padding: 10px 20px 10px 30px;
  210. }
  211.  
  212. /* BUTTONS
  213. ==================================================================*/
  214.  
  215. .btn-default {
  216. border: 1px solid #807154;
  217. letter-spacing: 0.2em;
  218. padding: 0.7em 1.3em 0.7em 1.5em;
  219. }
  220.  
  221. .btn-default:hover,
  222. .btn-default.active {
  223. border: 1px solid #fff;
  224. }
  225.  
  226. .btn-primary {
  227. font-weight: bold;
  228. padding: 0.7em 1.5em;
  229. }
  230.  
  231. /* ABOUT US
  232. ==================================================================*/
  233.  
  234. #about .owl-carousel {
  235. margin: 30px 0;
  236. }
  237.  
  238. #about .owl-carousel .item div {
  239. margin: 0 30px;
  240. position: relative;
  241. }
  242.  
  243. #about .owl-carousel img {
  244. width: 100%;
  245. }
  246.  
  247. #about .owl-carousel h5 {
  248. font-family: "PT Sans", Arial, sans-serif;
  249. margin: 20px 0 0;
  250. text-transform: uppercase;
  251. }
  252.  
  253. #about .owl-carousel .mask {
  254. left: 0;
  255. position: absolute;
  256. top: 0;
  257. }
  258.  
  259. /* MODELS
  260. ==================================================================*/
  261.  
  262. .filter-menu {
  263. margin: 30px;
  264. padding: 0;
  265. }
  266.  
  267. .filter-menu li {
  268. margin: 5px;
  269. }
  270.  
  271. .models {
  272. list-style: none;
  273. margin: 0;
  274. padding: 0;
  275. }
  276.  
  277. .models li {
  278. background: #807154;
  279. display: none;
  280. opacity: 0;
  281. overflow: hidden;
  282. padding: 0;
  283. width: 16.3%;
  284. }
  285.  
  286. .models li a {
  287. cursor: url(../images/cursor.png), pointer;
  288. }
  289.  
  290. .models li a img {
  291. width: 100%;
  292. }
  293.  
  294. .models li a:hover img {
  295. opacity: 0.2;
  296. }
  297.  
  298. .profile {
  299. list-style: none;
  300. margin: 0;
  301. padding: 0;
  302. }
  303.  
  304. .profile li,
  305. .gallery li {
  306. margin: 0 0 5px;
  307. padding: 0;
  308. }
  309.  
  310. .profile strong {
  311. color: #fff;
  312. font-weight: normal;
  313. }
  314.  
  315. #model .gallery {
  316. list-style: none;
  317. }
  318.  
  319. #model .gallery li {
  320. background: #807154;
  321. float: left;
  322. margin: 0 3% 3% 0;
  323. width: 30%;
  324. }
  325.  
  326. #model .gallery li a img {
  327. width: 100%;
  328. }
  329.  
  330. #model .gallery li a:hover img {
  331. opacity: 0.2;
  332. }
  333.  
  334. /* BLOG
  335. ==================================================================*/
  336.  
  337. #blog h3 {
  338. font-family: "PT Sans", sans-serif;
  339. font-size: 100%;
  340. font-weight: normal;
  341. line-height: 1.4em;
  342. margin: 0;
  343. text-transform: uppercase;
  344. }
  345.  
  346. #blog .entry-meta {
  347. color: #807154;
  348. margin-bottom: 1em;
  349. }
  350.  
  351. .entry-comments,
  352. .entry-categories,
  353. .entry-tags {
  354. border-left: 1px solid #333;
  355. margin-left: 10px;
  356. padding-left: 10px;
  357. }
  358.  
  359. #blog .post-thumb {
  360. margin-bottom: 20px;
  361. }
  362.  
  363. #blog aside h5 {
  364. color: #807154;
  365. }
  366.  
  367. #blog aside ul,
  368. #blog .paging {
  369. list-style: none;
  370. margin: 0;
  371. padding: 0;
  372. }
  373.  
  374. #blog aside ul a {
  375. border-top: 1px solid #222;
  376. color: #888;
  377. display: block;
  378. padding: 10px 40px 10px 20px;
  379. position: relative;
  380. text-transform: uppercase;
  381. }
  382.  
  383. #blog aside ul a:hover {
  384. color: #fff;
  385. background: #111;
  386. }
  387.  
  388. #blog aside ul a i {
  389. right: 20px;
  390. position: absolute;
  391. top: 12px;
  392. }
  393.  
  394. #blog aside ul a:hover i {
  395. right: 10px;
  396. }
  397.  
  398. .entry-title {
  399. color: #fff;
  400. margin-top: 0;
  401. text-transform: uppercase;
  402. }
  403.  
  404. h1.entry-title {
  405. font-size: 3em;
  406. }
  407.  
  408. img.pull-left {
  409. margin: 5px 20px 0 0;
  410. }
  411.  
  412. img.pull-right {
  413. margin: 5px 0 0 20px;
  414. }
  415.  
  416. .comments {
  417. margin-top: 30px;
  418. }
  419.  
  420. .media {
  421. border-top: 1px solid #333;
  422. margin-top: 30px !important;
  423. padding-top: 30px;
  424. }
  425.  
  426. .media-heading small {
  427. color: #807154;
  428. }
  429.  
  430. #blog form {
  431. margin-top: 30px;
  432. }
  433.  
  434. /* PRICE TABLES
  435. ==================================================================*/
  436.  
  437. .prices .col-sm-4 {
  438. padding: 0;
  439. }
  440.  
  441. .price-table {
  442. background: #fff;
  443. box-shadow: 0 0 15px rgba(0,0,0,0.1);
  444. list-style: none;
  445. margin: 40px 0;
  446. padding: 0;
  447. position: relative;
  448. z-index: 2;
  449. }
  450.  
  451. .price-table.first,
  452. .price-table.last {
  453. box-shadow: none;
  454. margin: 80px 0;
  455. z-index: 1;
  456. }
  457.  
  458. .price-table.first {
  459. margin-left: 30px;
  460. }
  461.  
  462. .price-table.last {
  463. margin-right: 30px;
  464. }
  465.  
  466. .price-table li {
  467. border-bottom: 1px solid #ddd;
  468. padding: 10px 30px;
  469. }
  470.  
  471. .price-table .price-title {
  472. background: #807154;
  473. border-bottom: 1px solid #73654b;
  474. color: #fff;
  475. font-size: 30px;
  476. font-weight: bold;
  477. padding: 20px 30px;
  478. text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  479. text-transform: uppercase;
  480. }
  481.  
  482. .price-table.first .price-title,
  483. .price-table.last .price-title {
  484. padding: 15px 30px;
  485. }
  486.  
  487. .price-table .price-title span {
  488. color: #181818;
  489. display: block;
  490. font-size: 13px;
  491. font-weight: normal;
  492. text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  493. }
  494.  
  495. .price-table .price-number {
  496. background: #77694e;
  497. border-top: 1px solid #8d7f65;
  498. color: #fff;
  499. font-family: "Oranienbaum", Georgia, "Times New Roman";
  500. font-size: 80px;
  501. line-height: 1em;
  502. padding: 30px;
  503. text-transform: uppercase;
  504. }
  505.  
  506. .price-table.first .price-number,
  507. .price-table.last .price-number {
  508. padding: 15px 30px;
  509. }
  510.  
  511. .price-table .price-number span {
  512. display: block;
  513. font-family: "PT Sans", Arial;
  514. font-size: 13px;
  515. line-height: 1em;
  516. }
  517.  
  518. .price-table .price-button {
  519. padding: 30px;
  520. }
  521.  
  522. .price-table.first .price-button,
  523. .price-table.last .price-button {
  524. padding: 15px 30px;
  525. }
  526.  
  527. /* CONTACT
  528. ==================================================================*/
  529.  
  530. #contact a {
  531. background: #807154;
  532. border-radius: 50%;
  533. display: inline-block;
  534. font-size: 30px;
  535. height: 70px;
  536. line-height: 70px;
  537. margin: 10px;
  538. width: 70px;
  539. }
  540.  
  541. #contact a:hover {
  542. background: #fff;
  543. color: #807154;
  544. }
  545.  
  546. #contact form .row {
  547. margin-bottom: 30px;
  548. }
  549.  
  550. .form-control {
  551. height: auto;
  552. padding: 12px;
  553. }
  554.  
  555. /* FOOTER
  556. ==================================================================*/
  557.  
  558. footer {
  559. background: #000;
  560. padding: 20px 0 0;
  561. }
  562.  
  563. footer span {
  564. color: #fff;
  565. padding: 0 20px;
  566. }
  567.  
  568. footer i {
  569. color: #807154;
  570. margin-right: 3px;
  571. }
  572.  
  573. /* MOBILE STYLES
  574. ==================================================================*/
  575.  
  576. @media (max-width: 767px) {
  577.  
  578. h1 {
  579. font-size: 85px;
  580. }
  581.  
  582. #bgvid {
  583. display: none;
  584. }
  585.  
  586. #cover {
  587. display: block;
  588. }
  589.  
  590. .welcome span,
  591. .welcome h3 {
  592. font-size: 20px;
  593. }
  594.  
  595. .models li {
  596. width: 32%;
  597. }
  598.  
  599. .prices .col-sm-4 {
  600. padding: 0 15px;
  601. }
  602.  
  603. .price-table,
  604. .price-table.first,
  605. .price-table.last {
  606. margin: 15px 0;
  607. }
  608.  
  609. .price-table .price-title,
  610. .price-table .price-number,
  611. .price-table .price-button {
  612. padding: 15px 30px;
  613. }
  614.  
  615. #contact form {
  616. margin-bottom: 30px;
  617. }
  618.  
  619. #contact form .col-md-6,
  620. #contact form .col-md-12 {
  621. margin-bottom: 10px;
  622. }
  623.  
  624. #contact form .row {
  625. margin: 0;
  626. }
  627.  
  628. footer span {
  629. display: block;
  630. }
  631.  
  632. }
  633.  
  634. /* CUSTOM STYLES
  635. ==================================================================*/
  636. .uppercase {
  637. text-transform: uppercase;
  638. }
  639. #habla_middle_div + div {
  640. display: none !important;
  641. }
  642. @media(max-width: 320px) {
  643. .navbar-brand{padding:20px 10px;}
  644. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement