Advertisement
Guest User

Untitled

a guest
May 4th, 2015
274
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.46 KB | None | 0 0
  1. .pane-announces-announces-promo {
  2. width: 100%;
  3. background: #f9f9f9 !important;
  4. border-radius: 5px;
  5. border: 1px solid #777777;
  6. .view-announces .view-content {
  7. .views-row {
  8. width: 27%;
  9. float: left;
  10. margin: 1% 3% 3% 3%;
  11. }
  12.  
  13. &:after {
  14. content: " "; /* Older browser do not support empty content */
  15. visibility: hidden;
  16. display: block;
  17. height: 0;
  18. clear: both;
  19. }
  20. }
  21. }
  22.  
  23. .ds-1col:after {
  24. content: " "; /* Older browser do not support empty content */
  25. visibility: hidden;
  26. display: block;
  27. height: 0;
  28. clear: both;
  29. }
  30.  
  31. .page-detailed-search {
  32. .pane-announces-announces-promo {
  33. width: 34%;
  34. float: right;
  35. margin-bottom: 40px;
  36.  
  37. .view-announces .view-content {
  38. .views-row {
  39. width: auto;
  40. float: none;
  41. }
  42. }
  43. }
  44. .pane-announces-panel-announces-search {
  45. width: 65%;
  46. float: left;
  47. }
  48. }
  49.  
  50. .page-search {
  51. .pane-announces-announces-promo {
  52. width: 100%;
  53. float: right;
  54.  
  55. .view-announces .view-content {
  56. .views-row {
  57. width: auto;
  58. float: none;
  59. }
  60. }
  61. }
  62. .pane-announces-panel-announces-search {
  63. width: 65%;
  64. float: left;
  65. }
  66. }
  67.  
  68. body:not([class*="page-node"]) {
  69. .field-type-image {
  70. .field-item {
  71.  
  72. border-radius: 50%;
  73. overflow: hidden;
  74. width: 140px;
  75. height: 140px;
  76. position: relative;
  77. left: 50%;
  78. margin-left: -70px;
  79. margin-top: 15px;
  80. margin-bottom: 15px;
  81. box-shadow: 0 -2px 5px;
  82.  
  83. a {
  84. display: block;
  85. max-width: 100%;
  86. max-height: 100%;
  87.  
  88. img {
  89. max-width: 100%;
  90. max-height: 100%;
  91. height: 100%;
  92. }
  93. }
  94.  
  95. &:before {
  96. position: absolute;
  97. content: '';
  98. width: 140px;
  99. height: 140px;
  100. border-radius: 50%;
  101. background: rgba(228, 142, 0, 0.5);
  102. left: 0;
  103. top: 0;
  104. opacity: 0;
  105. }
  106. }
  107. }
  108. }
  109.  
  110. body:not(.page-blog), body:not([class*="page-node-add-"]) {
  111. .panel-pane {
  112. h2 {
  113. text-align: center;
  114. font-family: 'pacificoregular';
  115. color: #767676;
  116. font-size: 30px;
  117. margin: 25px 0;
  118. }
  119. .view-content {
  120. .views-row {
  121. border-radius: 5px;
  122. border: 1px solid #d0d0d0;
  123. width: 90%;
  124. margin: 4% 5%;
  125. background: rgba(0, 0, 0, 0);
  126.  
  127. &:hover {
  128. background: #fff;
  129. .field-type-image {
  130. .field-item {
  131. &:before {
  132. opacity: 1;
  133. }
  134. }
  135. }
  136. .field-type-list-boolean {
  137. &:after {
  138. opacity: 1;
  139. }
  140. }
  141. }
  142. }
  143. }
  144. .field {
  145. text-align: center;
  146.  
  147. .field-label, .field-items {
  148. float: none !important;
  149. }
  150. }
  151. .field-name-full-name {
  152. color: #fdb636;
  153. font-size: 26px;
  154. font-weight: bold;
  155. }
  156. .addressfield-container-inline {
  157. color: #aaaaaa;
  158. font-size: 16px;
  159. margin: 7px 0 15px;
  160. }
  161. .field-type-list-boolean, .field-name-field-billingual-text, .field-name-field-specific-particularity, .field-name-field-announce-type {
  162. font-size: 16px;
  163. font-weight: 300;
  164. margin-bottom: 10px;
  165. div, span {
  166. font-size: 16px;
  167. color: #5F5F5F;
  168. font-weight: 300;
  169. }
  170. }
  171. .field-name-field-specific-particularity {
  172. margin-bottom: 15px;
  173. }
  174. .view-footer {
  175. text-align: center;
  176. margin-bottom: 15px;
  177.  
  178. a {
  179. display: block;
  180. width: 70%;
  181. margin-left: 15%;
  182. border-radius: 5px;
  183. background: rgb(113, 113, 113);
  184. padding: 12px 0;
  185. color: #fff;
  186. font-size: 24px;
  187. }
  188. }
  189. .field-type-list-boolean {
  190. display: block;
  191. width: 40%;
  192. margin-left: 30%;
  193. padding: 3px 10px 3px 35px;
  194. border: 1px solid gray;
  195. border-radius: 5px;
  196. font-size: 13px;
  197. min-height: 25px;
  198. position: relative;
  199. text-align: left;
  200.  
  201. div, span {
  202. font-size: 13px;
  203. }
  204.  
  205. &:after {
  206. content: '';
  207. position: absolute;
  208. height: 22px;
  209. width: 22px;
  210. background-image: url(../images/icons.png);
  211. background-repeat: no-repeat;
  212. left: 5px;
  213. top: 0;
  214. opacity: 0.4;
  215. }
  216.  
  217. &.field-name-field-vehicle:after {
  218. background-position: top right;
  219. }
  220. &.field-name-field-school-holidays:after {
  221. background-position: bottom left;
  222. }
  223. &.field-name-field-household:after {
  224. background-position: top left;
  225. }
  226. &.field-name-field-ironing:after {
  227. background-position: bottom right;
  228. }
  229. }
  230. }
  231. }
  232.  
  233. body:not(.page-blog) {
  234. .pane-announces-panel-announces-search {
  235. position: relative;
  236. margin-top: 60px;
  237. & > .pane-title {
  238. position: absolute;
  239. top: -46px;
  240. left: 0;
  241. background: #fdb636;
  242. color: #fff;
  243. margin: 0;
  244. padding: 23px 20px 23px 85px;
  245. width: 1140px;
  246. text-align: left;
  247. border-radius: 5px;
  248.  
  249. &:before {
  250. height: 62px;
  251. width: 62px;
  252. border-radius: 5px 0 0 5px;
  253. background: #fff url(../images/s_r_icon.png) no-repeat center;
  254. content: '';
  255. position: absolute;
  256. top: 1px;
  257. left: 1px;
  258. }
  259. }
  260.  
  261. .view-content {
  262. .views-row {
  263. border-radius: 0;
  264. border-top: 0;
  265. border-left: 0;
  266. border-right: 0;
  267. padding-bottom: 15px;
  268. width: 98%;
  269. margin: 4% 2% 4% 0;
  270.  
  271. .group-middle {
  272. div, h2, span, a {
  273. text-align: left !important;
  274. }
  275. }
  276. .group-right {
  277. padding-top: 15px;
  278. }
  279. .field-name-field-announce-type {
  280. line-height: 0em !important;
  281. }
  282. .field-type-list-boolean {
  283. display: block;
  284. width: 60%;
  285. margin-left: 20%;
  286. padding: 3px 10px;
  287. border: 1px solid gray;
  288. border-radius: 5px;
  289. font-size: 13px;
  290. min-height: 25px;
  291. text-align: left;
  292. padding: 3px 10px 3px 35px;
  293.  
  294. div, span {
  295. font-size: 13px;
  296. }
  297. }
  298. }
  299. }
  300. .pagination {
  301. width: 98%;
  302. margin-right: 2%;
  303. background: whitesmoke;
  304. height: 45px;
  305. border-top: 1px solid silver;
  306. border-bottom: 1px solid silver;
  307.  
  308. & > li.active > a {
  309. background-color: #FDB636;
  310. border-color: #FDB636;
  311. }
  312. & > li > a {
  313. color: #fff;
  314. background-color: #CBCBCB;
  315. border: 1px solid #CBCBCB;
  316. height: 45px;
  317. top: -1px;
  318. font-size: 21px;
  319. }
  320. & > li.last {
  321. float: right;
  322. & > a {
  323.  
  324. }
  325. }
  326. & > li:not(.active):hover {
  327. & > a {
  328. opacity: 0.7;
  329. }
  330. }
  331. }
  332. }
  333. }
  334.  
  335. .pane-announces-announces-promo {
  336. margin-top: 90px;
  337. }
  338.  
  339. .main-container.container > .row {
  340. margin: 0 0 30px 0 !important;
  341. }
  342.  
  343.  
  344. .page-node-24 .node-block .content .col-md-4:first-child p > a:before,
  345. .page-node-add .pane-node:first-of-type .node-block .content .col-md-4:first-child p > a:before,
  346. .page-detailed-search .pane-node:nth-child(0n+3) .node-block .content .col-md-4:first-child p > a:before {
  347. background-image: url(../images/search_icons_s.png);
  348. background-position: left;
  349. }
  350.  
  351. .page-node-24 .node-block .content .col-md-4:nth-child(0n+2) p > a:before,
  352. .page-node-add .pane-node:first-of-type .node-block .content .col-md-4:nth-child(0n+2) p > a:before,
  353. .page-detailed-search .pane-node:nth-child(0n+3) .node-block .content .col-md-4:nth-child(0n+2) p > a:before {
  354. background-image: url(../images/search_icons_s.png);
  355. background-position: center;
  356. }
  357.  
  358. .page-node-24 .node-block .content .col-md-4:last-child p > a:before,
  359. .page-node-add .pane-node:first-of-type .node-block .content .col-md-4:last-child p > a:before,
  360. .page-detailed-search .pane-node:nth-child(0n+3) .node-block .content .col-md-4:last-child p > a:before {
  361. background-image: url(../images/search_icons_s.png);
  362. background-position: right;
  363. }
  364.  
  365. .page-node-add-parent .pane-node:first-of-type .node-block .content .col-md-4:nth-child(0n+2) p > a:before,
  366. .page-detailed-search-parent .pane-node:nth-child(0n+3) .node-block .content .col-md-4:nth-child(0n+2) p > a:before {
  367. background-image: url(../images/search_icons.png);
  368. background-position: center;
  369. }
  370. .page-node-add-nanny .pane-node:first-of-type .node-block .content .col-md-4:first-child p > a:before,
  371. .page-detailed-search-nanny .pane-node:nth-child(0n+3) .node-block .content .col-md-4:first-child p > a:before {
  372. background-image: url(../images/search_icons.png);
  373. background-position: left;
  374. }
  375. .page-node-add-society .pane-node:first-of-type .node-block .content .col-md-4:last-child p > a:before,
  376. .page-detailed-search-society .pane-node:nth-child(0n+3) .node-block .content .col-md-4:last-child p > a:before {
  377. background-image: url(../images/search_icons.png);
  378. background-position: right;
  379. }
  380.  
  381. .page-node-24 .node-block .content .col-md-4:last-child p > a:hover:before,
  382. .page-node-add .pane-node:first-of-type .node-block .content .col-md-4:last-child p > a:hover:before,
  383. .page-detailed-search .pane-node:nth-child(0n+3) .node-block .content .col-md-4:last-child p > a:hover:before {
  384. background-image: url(../images/search_icons.png);
  385. background-position: right;
  386. }
  387.  
  388. .page-node-24 .node-block .content .col-md-4:first-child p > a:hover:before,
  389. .page-node-add .pane-node:first-of-type .node-block .content .col-md-4:first-child p > a:hover:before,
  390. .page-detailed-search .pane-node:nth-child(0n+3) .node-block .content .col-md-4:first-child p > a:hover:before {
  391. background-image: url(../images/search_icons.png);
  392. background-position: left;
  393. }
  394.  
  395. .page-node-24 .node-block .content .col-md-4:nth-child(0n+2) p > a:hover:before,
  396. .page-node-add .pane-node:first-of-type .node-block .content .col-md-4:nth-child(0n+2) p > a:hover:before,
  397. .page-detailed-search .pane-node:nth-child(0n+3) .node-block .content .col-md-4:nth-child(0n+2) p > a:hover:before {
  398. background-image: url(../images/search_icons.png);
  399. background-position: center;
  400. }
  401.  
  402. #block-menu-menu-bottom, #navbar {
  403. .menu.nav {
  404. .leaf a {
  405. position: relative;
  406. padding-left: 24px !important;
  407. font-size: 11px !important;
  408. &:before {
  409. width: 25px;
  410. height: 25px;
  411. content: '';
  412. position: absolute;
  413. top: 2px;
  414. left: 0;
  415. background: url(../images/buttons_icons.png) no-repeat top right;
  416. }
  417. &:hover:before {
  418. background: url(../images/buttons_icons.png) no-repeat bottom right;
  419. }
  420. }
  421. .leaf.active-trail a {
  422. &:before {
  423. background: url(../images/buttons_icons.png) no-repeat bottom right;
  424. }
  425. }
  426. .first.leaf a {
  427. &:before {
  428. background: url(../images/buttons_icons.png) top left no-repeat;
  429. }
  430. &:hover:before {
  431. background: url(../images/buttons_icons.png) bottom left no-repeat;
  432. }
  433. }
  434. .first.leaf.active-trail a {
  435. &:before {
  436. background: url(../images/buttons_icons.png) bottom left no-repeat;
  437. }
  438. }
  439. .last.leaf a {
  440. &:before {
  441. background: url(../images/buttons_icons.png) top center no-repeat;
  442. }
  443. &:hover:before {
  444. background: url(../images/buttons_icons.png) bottom center no-repeat;
  445. }
  446. }
  447. .last.leaf.active-trail a {
  448. &:before {
  449. background: url(../images/buttons_icons.png) bottom center no-repeat;
  450. }
  451. }
  452. }
  453. }
  454.  
  455. .page-node-add-nanny #views-exposed-form-announces-panel-announces-search #edit-type-wrapper .views-widget:before,
  456. .page-detailed-search-nanny #views-exposed-form-announces-panel-announces-search #edit-type-wrapper .views-widget:before {
  457. background-image: url(../images/titles_icons.png);
  458. background-position: top center;
  459. background-repeat: no-repeat;
  460. }
  461. .page-node-add-nanny #views-exposed-form-announces-panel-announces-search .views-exposed-widget.views-submit-button:before,
  462. .page-detailed-search-nanny #views-exposed-form-announces-panel-announces-search .views-exposed-widget.views-submit-button:before {
  463. background-image: url(../images/titles_icons.png);
  464. background-position: top left;
  465. background-repeat: no-repeat;
  466. }
  467.  
  468. .page-node-add-parent #views-exposed-form-announces-panel-announces-search #edit-type-wrapper .views-widget:before,
  469. .page-detailed-search-parent #views-exposed-form-announces-panel-announces-search #edit-type-wrapper .views-widget:before {
  470. background-image: url(../images/titles_icons.png);
  471. background-position: center;
  472. background-repeat: no-repeat;
  473. }
  474.  
  475. .page-node-add-parent #views-exposed-form-announces-panel-announces-search .views-exposed-widget.views-submit-button:before,
  476. .page-detailed-search-parent #views-exposed-form-announces-panel-announces-search .views-exposed-widget.views-submit-button:before {
  477. background-image: url(../images/titles_icons.png);
  478. background-position: center left;
  479. background-repeat: no-repeat;
  480. }
  481.  
  482. .page-node-add-society #views-exposed-form-announces-panel-announces-search #edit-type-wrapper .views-widget:before,
  483. .page-detailed-search-society #views-exposed-form-announces-panel-announces-search #edit-type-wrapper .views-widget:before {
  484. background-image: url(../images/titles_icons.png);
  485. background-position: bottom center;
  486. background-repeat: no-repeat;
  487. }
  488.  
  489. .page-node-add-society #views-exposed-form-announces-panel-announces-search .views-exposed-widget.views-submit-button:before,
  490. .page-detailed-search-society #views-exposed-form-announces-panel-announces-search .views-exposed-widget.views-submit-button:before {
  491. background-image: url(../images/titles_icons.png);
  492. background-position: bottom left;
  493. background-repeat: no-repeat;
  494. }
  495.  
  496. fieldset {
  497. fieldset {
  498. border: 0 !important;
  499. background-color: rgba(0,0,0,0) !important;
  500.  
  501. legend.panel-heading {
  502. border: 0 !important;
  503. background-color: rgba(0,0,0,0) !important;
  504. a {
  505. cursor: default;
  506. font-size: 24px;
  507. line-height: 24px;
  508. padding-left: 0 !important;
  509. }
  510. }
  511. }
  512. }
  513.  
  514. fieldset.group-criteria {
  515. width: 32%;
  516. float: left;
  517. overflow: hidden;
  518. border: 0;
  519. background-color: rgba(0,0,0,0);
  520.  
  521. .panel-body {
  522. .form-type-select.form-item-criteria-administrative-area.form-item.form-group {
  523. margin-bottom: 25px;
  524. }
  525. }
  526.  
  527. & > legend.panel-heading {
  528. border: 0;
  529. background: rgba(0,0,0,0);
  530. & > a {
  531. border-radius: 5px;
  532. color: #ffffff;
  533. font-family: 'pacificoregular';
  534. font-size: 36px;
  535. padding: 22px;
  536. padding-top: 26px;
  537. min-height: 66px;
  538. margin-bottom: 7px;
  539. background-color: #FDB636;
  540. padding-left: 70px;
  541.  
  542. }
  543. }
  544. #edit_criteria_administrative_area_chosen {
  545. width: auto !important;
  546. }
  547. label {
  548. display: none;
  549. }
  550. select, .chosen-container > a {
  551. background-color: #f9f9f9 !important;
  552. border-color: #c6c6c6 !important;
  553. color: #000000 !important;
  554. font-size: 18px !important;
  555. line-height: 24px !important;
  556. min-height: 45px !important;
  557. }
  558. .form-type-checkbox label {
  559. display: block !important;
  560. }
  561. input[type="text"] {
  562. background-color: #f9f9f9;
  563. border-color: #c6c6c6;
  564. color: #000000;
  565. font-size: 18px;
  566. line-height: 24px;
  567. min-height: 45px;
  568. }
  569. .field-type-list-boolean {
  570. width: auto !important;
  571. border: 0 !important;
  572. margin-left: 0 !important;
  573. padding-left: 0 !important;
  574.  
  575. &:after {
  576. display: none;
  577. }
  578.  
  579. input {
  580. background-color: #f9f9f9;
  581. border: 1px solid #c6c6c6;
  582. color: #000000;
  583. cursor: pointer;
  584. height: 25px;
  585. width: 25px;
  586. }
  587. label {
  588. color: #c6c6c6;
  589. cursor: pointer;
  590. font-size: 18px;
  591. font-weight: 300;
  592. line-height: 24px;
  593. padding: 5px 20px;
  594. }
  595. }
  596. }
  597.  
  598. fieldset.group-timetable {
  599. width: 65%;
  600. float: right;
  601. overflow: hidden;
  602. border: 0;
  603. background-color: rgba(0,0,0,0);
  604.  
  605. .field-add-more-submit {
  606. background-color: #f9f9f9;
  607. border: 1px solid #c6c6c6;
  608. color: transparent;
  609. clear: both;
  610. margin-top: 0;
  611. margin-bottom: 15px;
  612. position: relative;
  613. width: 45px;
  614. height: 45px;
  615.  
  616. &:after {
  617. content: "+";
  618. color: #c6c6c6;
  619. font-size: 48px;
  620. display: block;
  621. position: relative;
  622. top: -37px;
  623. left: -4px;
  624. }
  625. }
  626.  
  627. .btn-danger {
  628. display: none;
  629. }
  630.  
  631. .tabledrag-toggle-weight-wrapper {
  632. display: none;
  633. }
  634. .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
  635. background: #fff !important;
  636. }
  637. .field-multiple-drag {
  638. display: none !important;
  639. }
  640. .table > thead > tr > th {
  641. border-bottom: 0 !important;
  642. }
  643. .table thead {
  644. display: none;
  645. }
  646. .table td {
  647. & > div {
  648. float: left;
  649. width: 25%;
  650. margin-right: 3%;
  651.  
  652. .chosen-container {
  653. width: 100% !important;
  654. }
  655.  
  656. select[multiple="multiple"] {
  657. height: 30px;
  658. }
  659. }
  660. }
  661. .table tr td:nth-child(2) {
  662. border-top: 0;
  663. padding-top: 0;
  664. padding-left: 0;
  665. }
  666.  
  667. & > legend.panel-heading {
  668. border: 0;
  669. background: rgba(0,0,0,0);
  670. & > a {
  671. border-radius: 5px;
  672. color: #ffffff;
  673. font-family: 'pacificoregular';
  674. font-size: 36px;
  675. padding: 22px;
  676. padding-top: 26px;
  677. min-height: 66px;
  678. margin-bottom: 7px;
  679. background-color: #FDB636;
  680. padding-left: 70px;
  681. }
  682. }
  683. select, .chosen-container > a {
  684. background-color: #f9f9f9 !important;
  685. border-color: #c6c6c6 !important;
  686. color: #000000 !important;
  687. font-size: 18px !important;
  688. line-height: 24px !important;
  689. min-height: 45px !important;
  690. }
  691. label {
  692. display: none;
  693. }
  694. .form-type-checkbox label {
  695. display: block !important;
  696. }
  697. input[type="text"] {
  698. background-color: #f9f9f9;
  699. border-color: #c6c6c6;
  700. color: #000000;
  701. font-size: 18px;
  702. line-height: 24px;
  703. min-height: 45px;
  704. }
  705. .field-type-list-boolean {
  706. width: auto !important;
  707. border: 0 !important;
  708. margin-left: 0 !important;
  709. padding-left: 0 !important;
  710.  
  711. &:after {
  712. display: none;
  713. }
  714.  
  715. input {
  716. background-color: #f9f9f9;
  717. border: 1px solid #c6c6c6;
  718. color: #000000;
  719. cursor: pointer;
  720. height: 25px;
  721. width: 25px;
  722. }
  723. label {
  724. color: #c6c6c6;
  725. cursor: pointer;
  726. font-size: 18px;
  727. font-weight: 300;
  728. line-height: 24px;
  729. padding: 5px 20px;
  730. }
  731. }
  732. }
  733.  
  734. #panel-collapse, .panel-collpase {
  735. label {
  736. display: none;
  737. }
  738. .form-type-checkbox label {
  739. display: block !important;
  740. }
  741. }
  742.  
  743. .pane-content:after {
  744. content: " "; /* Older browser do not support empty content */
  745. visibility: hidden;
  746. display: block;
  747. height: 0;
  748. clear: both;
  749. }
  750.  
  751. fieldset {
  752. .panel-body {
  753. padding-left: 0 !important;
  754. }
  755. }
  756.  
  757. body.page-node-add {
  758. #edit-submit.btn.btn-primary.form-submit {
  759. background-color: #00a8ff;
  760. border: 0;
  761. width: 100%;
  762. font-size: 24px;
  763. font-weight: bold;
  764.  
  765. &:hover {
  766. background-color: #337ab7;
  767. }
  768. }
  769. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement