Advertisement
dimti

Untitled

Jan 31st, 2016
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.25 KB | None | 0 0
  1.  
  2. .page.default.head,
  3. .page.index.head > .head:first-child {
  4.  
  5. }
  6. .page.default.head > .head:first-child > .content > .ui.grid > .row,
  7. .page.index.head > .head:first-child > .content > .ui.grid > .row {
  8.     height: 102px;
  9. }
  10. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1),
  11. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) {
  12.     /*background-color: red;*/
  13.     /*position: relative;*/
  14. }
  15. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) .container,
  16. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) .container {
  17.     /*background-color: red;*/
  18.     position: relative;
  19.     cursor: pointer;
  20. }
  21. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) .content,
  22. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) .content {
  23.     font-style: italic;
  24.     font-size: 0.875rem;
  25.     position: absolute;
  26.     top: 57px;
  27.     left: 84px;
  28. }
  29. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) .content h1,
  30. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(1) .content h1 {
  31.     display: inline;
  32. }
  33. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(2),
  34. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(2) {
  35.     /*background-color: green;*/
  36. }
  37. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(2) .ui.header,
  38. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(2) .ui.header,
  39. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.header,
  40. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.header {
  41.     text-transform: none;
  42.     padding: 0rem;
  43. }
  44. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(2) .ui.grid >.row,
  45. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(2) .ui.grid >.row {
  46.     height: 66px;
  47. }
  48. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3),
  49. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) {
  50.     /*background-color: blue;*/
  51.     padding-right: 0rem;
  52. }
  53. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.grid > .row > .column:nth-child(1),
  54. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.grid > .row > .column:nth-child(1) {
  55.     width:22%;
  56. }
  57. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.grid > .row > .column:nth-child(2),
  58. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.grid > .row > .column:nth-child(2) {
  59.     padding-right: 0rem;
  60. }
  61. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.header,
  62. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.header {
  63.     font-size: 1.1875rem;
  64. }
  65. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.header span,
  66. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) .ui.header span {
  67.     color: #a2a19d;
  68. }
  69. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) p,
  70. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) p {
  71.     font-size: 0.75rem;
  72.     opacity: 0.6;
  73. }
  74. .page.default.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) a,
  75. .page.index.head > .head:first-child > .content > .ui.grid > .row > .column:nth-child(3) a {
  76.     font-size: 0.75rem;
  77.     z-index: 3;
  78.     position: relative;
  79. }
  80.  
  81. .page.menu {
  82.     position: relative;
  83. }
  84.  
  85. .page.menu > div.background:nth-child(1) {
  86.     position: absolute;
  87.     opacity: 0.67;
  88.     height: 46px;
  89.     width: 100%;
  90.     z-index: 2;
  91. }
  92.  
  93. .page.menu > hr.background:nth-child(2) {
  94.     position: absolute;
  95.     top: 0px;
  96.     z-index: 1;
  97.     width: 100%;
  98. }
  99.  
  100. .page.menu > .content {
  101.     position: relative;
  102.     z-index: 3;
  103. }
  104.  
  105. .page.menu > .content .ui.header{
  106.     padding: 0rem;
  107.     display: inline-block;
  108. }
  109.  
  110. .page.menu .ui.grid {
  111.     height: 46px;
  112.     line-height: 0rem;
  113. }
  114.  
  115. .page.menu > .content > .ui.grid .column {
  116.     text-align: center;
  117.     line-height: 46px;
  118.     width: auto;
  119. }
  120.  
  121. .page.menu > .content > .ui.grid .column:first-child {
  122.     /*text-align: left;
  123.     padding-left: 0rem;*/
  124. }
  125.  
  126. .page.menu > .content > .ui.grid .column:last-child {
  127.     /*text-align: right;
  128.     padding-right: 0rem;*/
  129. }
  130.  
  131. .page.menu > .content#page_menu > .ui.grid .column.active {
  132.  
  133.     background: #45423a; /* Old browsers */
  134.     background: -moz-linear-gradient(bottom, #45423a 0%, #35322c 100%); /* FF3.6+ */
  135.     background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #45423a), color-stop(100%, #35322c)); /* Chrome,Safari4+ */
  136.     background: -webkit-linear-gradient(bottom, #45423a 0%, #35322c 100%); /* Chrome10+,Safari5.1+ */
  137.     background: -o-linear-gradient(bottom, #45423a 0%, #35322c 100%); /* Opera11.10+ */
  138.     background: -ms-linear-gradient(bottom, #45423a 0%, #35322c 100%); /* IE10+ */
  139.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45423a', endColorstr='#35322c', GradientType=0); /* IE6-9 */
  140.     background: linear-gradient(bottom, #45423a 0%, #35322c 100%); /* W3C */
  141. }
  142.  
  143. .page.menu > .content#page_menu_sub {
  144.     border-bottom: 1px solid #625e55;
  145.  
  146.     background: #565349; /* Old browsers */
  147.     background: -moz-linear-gradient(bottom, #565349 0%, #45423a 100%); /* FF3.6+ */
  148.     background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #565349), color-stop(100%, #45423a)); /* Chrome,Safari4+ */
  149.     background: -webkit-linear-gradient(bottom, #565349 0%, #45423a 100%); /* Chrome10+,Safari5.1+ */
  150.     background: -o-linear-gradient(bottom, #565349 0%, #45423a 100%); /* Opera11.10+ */
  151.     background: -ms-linear-gradient(bottom, #565349 0%, #45423a 100%); /* IE10+ */
  152.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565349', endColorstr='#45423a', GradientType=0); /* IE6-9 */
  153.     background: linear-gradient(bottom, #565349 0%, #45423a 100%); /* W3C */
  154. }
  155.  
  156. .page.menu > .content#page_menu_sub .ui.grid {
  157.     width: auto;
  158. }
  159.  
  160. .page.menu > .content#page_menu_sub > .ui.grid .column {
  161.     padding-right: 0.275rem;
  162.     padding-left: 1.5%;
  163. }
  164.  
  165. .page.menu > .content#page_menu_sub > .ui.grid .column > .container {
  166.     position: relative;
  167. }
  168.  
  169. .page.menu > .content#page_menu_sub > .ui.grid .column:last-child {
  170.     padding-right: inherit;
  171. }
  172.  
  173. .page.menu > .content#page_menu_sub > .ui.grid .column i.behaviour {
  174.     position: absolute;
  175.     bottom: -1px;
  176.     left: 50%;
  177.     -webkit-transform: translate(-50%);
  178.     -moz-transform: translate(-50%); /* Для Firefox */
  179.     -ms-transform: translate(-50%); /* Для IE */
  180.     -webkit-transform: translate(-50%); /* Для Safari, Chrome, iOS */
  181.     -o-transform: translate(-50%); /* Для Opera */
  182.     transform: translate(-50%);
  183. }
  184. .page.menu > .content#page_menu_sub > .ui.grid .column:first-child i.behaviour {
  185.     /*margin-left: -0.875rem;*/
  186. }
  187. .page.menu > .content#page_menu_sub > .ui.grid .column i.behaviour {
  188.     /*margin-left: -0.4rem;*/
  189. }
  190. .page.menu > .content#page_menu_sub > .ui.grid .column i.behaviour {
  191.     margin-left: 0.3rem;
  192. }
  193.  
  194. .page.index.head > .page.menu {
  195.     position: absolute;
  196.     z-index: 3;
  197.     top: 102px;
  198.     left: 0px;
  199.     width: 100%;
  200. }
  201.  
  202. .page > .footer .content {
  203.     position: relative;
  204.     height: 132px;
  205.  
  206.     background: #57544a; /* Old browsers */
  207.     background: -moz-linear-gradient(bottom, #57544a 0%, #34322c 100%); /* FF3.6+ */
  208.     background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #57544a), color-stop(100%, #34322c)); /* Chrome,Safari4+ */
  209.     background: -webkit-linear-gradient(bottom, #57544a 0%, #34322c 100%); /* Chrome10+,Safari5.1+ */
  210.     background: -o-linear-gradient(bottom, #57544a 0%, #34322c 100%); /* Opera11.10+ */
  211.     background: -ms-linear-gradient(bottom, #57544a 0%, #34322c 100%); /* IE10+ */
  212.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57544a', endColorstr='#34322c', GradientType=0); /* IE6-9 */
  213.     background: linear-gradient(bottom, #57544a 0%, #34322c 100%); /* W3C */
  214. }
  215.  
  216. .page > .footer .custom.image.background {
  217.     height: 132px;
  218.     background-image: url('img/web/bottom-bg.png');
  219. }
  220.  
  221. .page > .footer .content .ui.header
  222. {
  223.     /*line-height: 0rem;*/
  224. }
  225.  
  226. .page > .footer .content .ui.header:first-child
  227. {
  228.     padding-bottom: 0rem;
  229. }
  230.  
  231. .page > .footer .content a,
  232. .page > .footer .content p
  233. {
  234.     opacity: 0.8;
  235.     z-index: 1;
  236. }
  237. .page > .footer .content > .ui.grid > .row > .column:nth-child(1) a,
  238. .page > .footer .content > .ui.grid > .row > .column:nth-child(2) a {
  239.     line-height: 1.25rem;
  240. }
  241.  
  242.  
  243. .page > .footer .content > .ui.grid
  244. {
  245.     padding-top: 1.125rem;
  246. }
  247.  
  248. .page > .footer .content > .ui.grid > .row > .column:nth-child(1) .column,
  249. .page > .footer .content > .ui.grid > .row > .column:nth-child(2) .column,
  250. .page > .footer .content > .ui.grid > .row > .column:nth-child(3) .column:nth-child(2) p
  251. {
  252.     padding-top: 0.5rem;
  253.     padding-left: 0.25rem;
  254. }
  255.  
  256. .page > .footer .content > .ui.grid > .row > .column:nth-child(1) .column a,
  257. .page > .footer .content > .ui.grid > .row > .column:nth-child(2) .column a
  258. {
  259.     display: block;
  260. }
  261.  
  262. .page > .footer .content > .ui.grid > .row > .column:nth-child(1)
  263. {
  264.     /*width: 34.5%;*/
  265.     padding-left: 0rem;
  266.     padding-right: 0rem;
  267.     /*background-color: red;*/
  268. }
  269.  
  270. .page > .footer .content > .ui.grid > .row > .column:nth-child(2)
  271. {
  272.     /*width: 32.8%;*/
  273.     padding-left: 1.5rem;
  274.     padding-right: 0rem;
  275.     /*padding-right: 0rem;*/
  276.     /*background-color: green;*/
  277. }
  278.  
  279. .page > .footer .content > .ui.grid > .row > .column:nth-child(2) .ui.grid .column:nth-child(1)
  280. {
  281.     width: 32.5%;
  282. }
  283.  
  284. .page > .footer .content > .ui.grid > .row > .column:nth-child(3)
  285. {
  286.     /*padding-left: 4%;*/
  287.     padding-right: 0rem;
  288.     /*background-color: blue;*/
  289. }
  290.  
  291. .page > .footer .content > .ui.grid > .row > .column:nth-child(3) .image-map
  292. {
  293.     position: relative;
  294. }
  295.  
  296. .page > .footer .content > .ui.grid > .row > .column:nth-child(3) .ui.grid .column
  297. {
  298.     height: 79px;
  299. }
  300.  
  301. .page > .footer .content > .ui.grid > .row > .column:nth-child(3) .ui.grid .column:nth-child(2)
  302. {
  303.     /*padding-top: 0.125rem;*/
  304.     vertical-align: top;
  305.     padding-right: 0.75rem;
  306. }
  307.  
  308. .page > .footer .content > .ui.grid > .row > .column:nth-child(3) .ui.grid .column:nth-child(2) a:first-child
  309. {
  310.     vertical-align: top;
  311. }
  312.  
  313. .page > .copyright .content {
  314.     height: 117px;
  315. }
  316. .page > .copyright .content > .ui.grid
  317. {
  318.     padding-top: 32px;
  319. }
  320.  
  321. .page > .copyright .content > .ui.grid > .row > .column:nth-child(1)
  322. {
  323.     /*width: 34.5%;*/
  324.     padding-left: 0rem;
  325.     padding-right: 0rem;
  326.     /*background-color: red;*/
  327. }
  328.  
  329. .page > .copyright .content > .ui.grid > .row > .column:nth-child(1) .corner {
  330.     position: absolute;
  331.     margin-left: -1rem;
  332. }
  333.  
  334. .page > .copyright .content > .ui.grid > .row > .column:nth-child(2)
  335. {
  336.     padding-left: 1.5rem;
  337.     padding-right: 0rem;
  338.     /*background-color: green;*/
  339. }
  340.  
  341. .page > .copyright .content > .ui.grid > .row > .column:nth-child(3)
  342. {
  343.     /*padding-left: 1.5%;*/
  344.     padding-right: 0rem;
  345.     /*background-color: blue;*/
  346. }
  347.  
  348. .page > .copyright .content > .ui.grid > .row > .column:nth-child(3) input
  349. {
  350.     padding-top: 0rem;
  351.     padding-bottom: 0rem;
  352. }
  353.  
  354. .page > .copyright .content > .ui.grid > .row >  .column:nth-child(3) .ui.labeled.input i.icon.search
  355. {
  356.     position: absolute;
  357.     right: 0.875rem;
  358.     top: 0.4rem;
  359. }
  360.  
  361. .page > .copyright .content > .ui.grid > .row > .column:nth-child(3) i.image-map.webexpert,
  362. .page > .copyright .content > .ui.grid > .row > .column:nth-child(3) p
  363. {
  364.     position: relative;
  365.     top: -0.875rem;
  366. }
  367.  
  368. .page > .copyright .content > .ui.grid > .row > .column:nth-child(3) p
  369. {
  370.     color: #403e38;
  371.     /*padding-left: 1.875rem;*/
  372.     text-align: left;
  373.     display: inline-block;
  374. }
  375.  
  376. .big-header-wrapper {
  377.     display: none;
  378.     font-size: 0.875rem;
  379.     line-height: 0.875rem;
  380. }
  381.  
  382. .big-header-wrapper .column {
  383.     font-size: 0.875rem!important;
  384.     line-height: 1rem!important;
  385. }
  386.  
  387. .big-header-wrapper a {
  388.     font-size: 0.875rem;
  389.     line-height: 1rem;
  390. }
  391.  
  392. .big-header-wrapper p + p {
  393.     margin-top: 0.5rem;
  394. }
  395.  
  396. .big-header-wrapper span {
  397.     color: #46433b;
  398. }
  399.  
  400. .big-header-wrapper.scrolled {
  401.     display: block;
  402.     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
  403.     border-bottom: 0 none;
  404.     box-shadow: 1px 1px 1px #f6f6f6;
  405.     left: 0;
  406.     margin-left: 0 !important;
  407.     margin-right: 0 !important;
  408.     padding: 0;
  409.     position: fixed;
  410.     top: 0;
  411.     width: 100%;
  412.     z-index: 900 !important;
  413. }
  414.  
  415. .big-header-wrapper.scrolled {
  416.     background-color: white;
  417.     box-shadow: 1px 0 7px black;
  418. }
  419.  
  420. .wrapper {
  421.     margin: 0 auto;
  422.     max-width: 1087px;
  423. }
  424.  
  425. .big-header-wrapper .wrapper {
  426.     position: relative;
  427. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement