API tools faq
paste
Advertisement
andyshon

style2.css

andyshon
Oct 9th, 2017
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.08 KB | None | 0 0
raw download clone embed print report
  1. body{
  2.     /*background-image: url("res/newAssets/");*/
  3.     /*background-color: lightgray;*/
  4.      /*background-image: url("res/background.jpg")*/
  5. }
  6. ul {
  7.     list-style-type: none;
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11. ul li{
  12.     font-family: Goudy Old Style Bold;
  13. }
  14. /*li{
  15.     display: inline-block;
  16. }*/
  17.  
  18.  
  19. /* Узоры Header */
  20. .HeaderArrowLeft{
  21.     position: absolute;
  22.     z-index: 1;
  23.     width: 15px;
  24.     margin-top: -2px;
  25.     margin-left: -17px;
  26. }
  27. .HeaderArrowRight{
  28.     position: absolute;
  29.     z-index: 1;
  30.     width: 15px;
  31.     margin-top: -2px;
  32.     margin-left: 1134px;
  33. }
  34. .HeaderArrowTop1{
  35.     position: absolute;
  36.     z-index: 1;
  37.     width: 130px;
  38.     margin-top: -51px;
  39.     margin-left: -12px;
  40. }
  41. .HeaderArrowBottom1{
  42.     position: absolute;
  43.     z-index: 1;
  44.     width: 130px;
  45.     margin-top: 47px;
  46.     margin-left: -12px;
  47. }
  48. .HeaderArrowTop2{
  49.     position: absolute;
  50.     z-index: 1;
  51.     width: 130px;
  52.     margin-top: -51px;
  53.     margin-left: 113px;
  54. }
  55. .HeaderArrowBottom2{
  56.     position: absolute;
  57.     z-index: 1;
  58.     width: 130px;
  59.     margin-top: 47px;
  60.     margin-left: 113px;
  61. }
  62. .HeaderArrowTop3{
  63.     position: absolute;
  64.     z-index: 1;
  65.     width: 130px;
  66.     margin-top: -51px;
  67.     margin-left: 242px;
  68. }
  69. .HeaderArrowBottom3{
  70.     position: absolute;
  71.     z-index: 1;
  72.     width: 130px;
  73.     margin-top: 47px;
  74.     margin-left: 242px;
  75. }
  76. .HeaderArrowTop4{
  77.     position: absolute;
  78.     z-index: 1;
  79.     width: 130px;
  80.     margin-top: -51px;
  81.     margin-left: 371px;
  82. }
  83. .HeaderArrowBottom4{
  84.     position: absolute;
  85.     z-index: 1;
  86.     width: 130px;
  87.     margin-top: 47px;
  88.     margin-left: 371px;
  89. }
  90. .HeaderArrowTop5{
  91.     position: absolute;
  92.     z-index: 1;
  93.     width: 130px;
  94.     margin-top: -51px;
  95.     margin-left: 500px;
  96. }
  97. .HeaderArrowBottom5{
  98.     position: absolute;
  99.     z-index: 1;
  100.     width: 130px;
  101.     margin-top: 47px;
  102.     margin-left: 500px;
  103. }
  104. .HeaderArrowTop6{
  105.     position: absolute;
  106.     z-index: 1;
  107.     width: 130px;
  108.     margin-top: -51px;
  109.     margin-left: 629px;
  110. }
  111. .HeaderArrowBottom6{
  112.     position: absolute;
  113.     z-index: 1;
  114.     width: 130px;
  115.     margin-top: 47px;
  116.     margin-left: 629px;
  117. }
  118. .HeaderArrowTop7{
  119.     position: absolute;
  120.     z-index: 1;
  121.     width: 130px;
  122.     margin-top: -51px;
  123.     margin-left: 757px;
  124. }
  125. .HeaderArrowBottom7{
  126.     position: absolute;
  127.     z-index: 1;
  128.     width: 130px;
  129.     margin-top: 47px;
  130.     margin-left: 757px;
  131. }
  132. .HeaderArrowTop8{
  133.     position: absolute;
  134.     z-index: 1;
  135.     width: 130px;
  136.     margin-top: -51px;
  137.     margin-left: 885px;
  138. }
  139. .HeaderArrowBottom8{
  140.     position: absolute;
  141.     z-index: 1;
  142.     width: 130px;
  143.     margin-top: 47px;
  144.     margin-left: 885px;
  145. }
  146. .HeaderArrowTop9{
  147.     position: absolute;
  148.     z-index: 1;
  149.     width: 130px;
  150.     margin-top: -51px;
  151.     margin-left: 1014px;
  152. }
  153. .HeaderArrowBottom9{
  154.     position: absolute;
  155.     z-index: 1;
  156.     width: 130px;
  157.     margin-top: 47px;
  158.     margin-left: 1014px;
  159. }
  160. /* Узоры Header */
  161.  
  162.  
  163.  
  164. /* Навигационное меню */
  165. .profile-foto{
  166.     position: absolute;
  167.     width: 35px;
  168.     margin-top: 7px;
  169.     margin-left: -120px;
  170.     border: solid 1px lightgray;
  171.     border-radius: 50%;
  172. }
  173. .profile-arrow{
  174.     position:absolute;
  175.     width: 20px;
  176.     margin-top: 20px;
  177.     margin-left: -30px;
  178. }
  179. .profile-settings{
  180.     position:absolute;
  181.     width: 20px;
  182.     margin-top: 13px;
  183. }
  184. .profile-wishlist{
  185.     position:absolute;
  186.     width: 20px;
  187.     margin-top: 13px;
  188.     margin-left: 30px;
  189. }
  190. .profile-cart{
  191.     position:absolute;
  192.     width: 20px;
  193.     margin-top: 13px;
  194.     margin-left: 60px;
  195. }
  196. .nav-buttons{
  197.     position:relative;
  198.     float: left;
  199.     margin-left: 340px;
  200. }
  201. .profile-name{
  202.     position: absolute;
  203.     margin-left: -80px;
  204.     margin-top: 9px;
  205.     font-size: 19px;
  206. }
  207. .profile-name > span{
  208.     font-family: Goudy Old Style Bold;
  209. }
  210. .navbar_top{
  211.     position:relative;
  212.     margin-top: 80px;
  213.     margin-bottom: 70px;
  214. }
  215. /* Навигационное меню */
  216.  
  217. /* Фрэйм 1 */
  218. .fr1-img-back{
  219.     width: 100%;
  220.     background-image: url("res/newAssets/Frame 1/Frame-1-1.png");
  221.     background-repeat: round;
  222. }
  223. .fr1-text{
  224.     position: absolute;
  225.     margin-top: -70%;
  226.     width: 100%;
  227.     line-height: 80%;
  228.     font-size: 350%;
  229.     font-family: Goudy Old Style;
  230. }
  231. .fr1-img1{
  232.     width: 75%;
  233.     margin-top: -57%;
  234.     margin-left: 12.5%;
  235.     border: solid 3px black;
  236. }
  237. .fr1-img2{
  238.     width: 43%;
  239.     margin-top: -43.5%;
  240.     margin-left: 28.5%;
  241.     opacity: 0.8;
  242. }
  243. /* Фрэйм 1 */
  244.  
  245.  
  246.  
  247. /* Фрэйм 2 */
  248. .fr2-img-back{
  249.     width: 100%;
  250.     background-image: url("res/newAssets/Frame 2/Frame-2.png");
  251.     background-repeat: round;
  252. }
  253. /*.fr2-text1{
  254.     position: absolute;
  255.     margin-top: -70%;
  256.     width: 100%;
  257.     line-height: 80%;
  258.     font-size: 350%;
  259.     font-family: Goudy Old Style;
  260. }
  261. .fr2-text2{
  262.     position: absolute;
  263.     margin-top: -70%;
  264.     width: 100%;
  265.     line-height: 80%;
  266.     font-size: 350%;
  267.     font-family: Goudy Old Style;
  268. }*/
  269. .fr2-img1{
  270.     position: absolute;
  271.     width: 60%;
  272.     margin-top: -65%;
  273.     margin-left: 19.5%;
  274. }
  275. .fr2-img2{
  276.     position: absolute;
  277.     width: 65%;
  278.     margin-top: -22.5%;
  279.     margin-left: 16.5%;
  280. }
  281. .fr2-arrowTop{
  282.     position: absolute;
  283.     width: 15%;
  284.     margin-top: -46%;
  285.     margin-left: 40%;
  286. }
  287. .fr2-arrowBottom{
  288.     position:absolute;
  289.     width: 15%;
  290.     margin-top: -31.5%;
  291.     margin-left: 40%;
  292. }
  293. .fr2-begin{
  294.     position: absolute;
  295.     width: 25%;
  296.     margin-top: -41%;
  297.     margin-left: 35%;
  298.     border: solid;
  299.     padding-bottom: 1%;
  300.     padding-top: 1%;
  301. }
  302. .fr2-block{
  303.     margin-top: -1%;
  304. }
  305. /* Фрэйм 2 */
  306.  
  307.  
  308. /* Фрэйм 3 */
  309. .fr3-img-back{
  310.     width: 100%;
  311.     background-image: url("res/newAssets/Frame 3/Frame-3.png");
  312.     background-repeat: round;
  313. }
  314. .fr3-text-top{
  315.     position: absolute;
  316.     margin-top: 17%;
  317.     width: 100%;
  318.     line-height: 80%;
  319.     font-size: 350%;
  320.     font-family: Goudy Old Style;
  321. }
  322. .fr3-text1{
  323.     margin-top: -7%;
  324.     /*line-height: 80%;*/
  325. }
  326. .fr3-block{
  327.     position: relative;
  328.     margin-top: -40%;
  329.     padding-left: 14%;
  330.     padding-right: 15%;
  331. }
  332. .fr3-text11{
  333.     position:absolute;
  334.     font-size: 205%;
  335.     line-height: 70%;
  336.     margin-left: 8%;
  337.     text-align: center;
  338.     font-family: Goudy Old Style;
  339. }
  340. .fr3-text33{
  341.     position:absolute;
  342.     font-size: 205%;
  343.     line-height: 70%;
  344.     margin-left: 3%;
  345.     text-align: center;
  346.     font-family: Goudy Old Style;
  347. }
  348. .fr3-box{
  349.     position: absolute;
  350.     width: 95%;
  351.     /* margin-left: 44%; */
  352.     margin-top: -6%;
  353.     border: solid;
  354. }
  355. .fr3-block-all{
  356.     /*border: solid;*/
  357. }
  358. .fr3-arrowTop1{
  359.     position: absolute;
  360.     width: 45%;
  361.     margin-top: -21%;
  362.     margin-left: 25.5%;
  363.     z-index: 1;
  364. }
  365. .fr3-arrowBottom1{
  366.     position: absolute;
  367.     width: 46%;
  368.     margin-top: 35%;
  369.     margin-left: 25.5%;
  370.     z-index: 1;
  371. }
  372. /* Фрэйм 3 */
  373.  
  374.  
  375.  
  376. /* Фрэйм 4 */
  377. .fr4-img-back{
  378.     width: 100%;
  379.     background-image: url("res/newAssets/Frame 4/Frame-4.png");
  380.     background-repeat: round;
  381. }
  382. .fr4-text1{
  383.     position: absolute;
  384.     width: 60%;
  385.     margin-top: -70%;
  386.     margin-left: 19.5%;
  387. }
  388. .fr4-text2{
  389.     position: absolute;
  390.     width: 60%;
  391.     margin-top: -25%;
  392.     margin-left: 19.5%;
  393. }
  394. .fr4-box{
  395.     width:100%;
  396.     margin-top: -61%;
  397.     border: solid;
  398. }
  399. .fr4-box-new{
  400.     position:relative;
  401. }
  402. .fr4-block{
  403.     margin-top: -1%;
  404.     padding-left: 15%;
  405.     padding-right: 15%;
  406. }
  407. .fr4-arrowTop{
  408.     position: absolute;
  409.     width: 20%;
  410.     margin-top: -7%;
  411.     margin-left: 24%;
  412.     z-index: 1;
  413. }
  414. .fr4-arrowBottom{
  415.     position: absolute;
  416.     width: 20%;
  417.     margin-top: 10.5%;
  418.     margin-left: 24%;
  419.     z-index: 1;
  420. }
  421. .frame4-img1{
  422.     position: absolute;
  423.     width: 7%;
  424.     margin-top: -9%;
  425.     margin-left:2%;
  426. }
  427. .frame4-img2{
  428.     position: absolute;
  429.     width: 7%;
  430.     margin-top: -9%;
  431.     margin-left: 6%;
  432. }
  433. .frame4-img3{
  434.     position: absolute;
  435.     width: 7%;
  436.     margin-top: -9%;
  437.     margin-left: 10%;
  438. }
  439.  
  440. .frame4-img4{
  441.     position: absolute;
  442.     width: 7%;
  443.     margin-top: -9%;
  444.     margin-left: 21%;
  445. }
  446. .frame4-img5{
  447.     position: absolute;
  448.     width: 7%;
  449.     margin-top: -9%;
  450.     margin-left: 17%;
  451. }
  452. .frame4-img6{
  453.     position: absolute;
  454.     width: 7%;
  455.     margin-top: -9%;
  456.     margin-left: 25%;
  457. }
  458.  
  459. .frame4-img7{
  460.     position: absolute;
  461.     width: 7%;
  462.     margin-top: -9%;
  463.     margin-left: 32%;
  464. }
  465. .frame4-img8{
  466.     position: absolute;
  467.     width: 7%;
  468.     margin-top: -9%;
  469.     margin-left: 36%;
  470. }
  471.  
  472. .frame4-img9{
  473.     position: absolute;
  474.     width: 7%;
  475.     margin-top: -9%;
  476.     margin-left: 43%;
  477. }
  478. .frame4-img10{
  479.     position: absolute;
  480.     width: 7%;
  481.     margin-top: -9%;
  482.     margin-left: 47%;
  483. }
  484. .frame4-img11{
  485.     position: absolute;
  486.     width: 7%;
  487.     margin-top: -9%;
  488.     margin-left: 51%;
  489. }
  490. .frame4-img12{
  491.     position: absolute;
  492.     width: 7%;
  493.     margin-top: -9%;
  494.     margin-left: 55%;
  495. }
  496. .frame4-img13{
  497.     position: absolute;
  498.     width: 7%;
  499.     margin-top: -9%;
  500.     margin-left: 59%;
  501. }
  502. /* Фрэйм 4 */
  503.  
  504. /* Фрэйм 5 */
  505. .fr5-img-back{
  506.     width: 100%;
  507.     background-image: url("res/newAssets/Frame 5/Frame-5.png");
  508.     background-repeat: round;
  509. }
  510. .fr5-text1{
  511.     position: absolute;
  512.     width: 75%;
  513.     margin-top: -71%;
  514.     margin-left: 11.5%;
  515. }
  516. .fr5-text2{
  517.     position: absolute;
  518.     width: 75%;
  519.     margin-top: -29%;
  520.     margin-left: 11%;
  521. }
  522. .fr5-box{
  523.     width:100%;
  524.     margin-top: -61%;
  525.     border: solid;
  526. }
  527. .fr5-box-new{
  528.     position:relative;
  529.     margin-top:5%;
  530. }
  531. .fr5-block{
  532.     margin-top: -1%;
  533.     padding-left: 10%;
  534.     padding-right: 10%;
  535. }
  536. .fr5-arrowTop{
  537.     position: absolute;
  538.     width: 20%;
  539.     margin-top: -7%;
  540.     margin-left: 29%;
  541.     z-index: 1;
  542. }
  543. .fr5-arrowBottom{
  544.     position: absolute;
  545.     width: 20%;
  546.     margin-top: 12%;
  547.     margin-left: 29%;
  548.     z-index: 1;
  549. }
  550. .fr5-colors{
  551.     margin-top: -15%;
  552.     margin-left: 1.25%;
  553. }
  554. #fr-5-slide1{
  555.     position:absolute;
  556.     width: 50px;
  557.     height: 106px;
  558.     background-color: #F42448;
  559.     border: solid 1px black;
  560.     margin-top: 8px;
  561.     margin-left: 30px;
  562. }
  563. #fr-5-slide2{
  564.     position: absolute;
  565.     width: 50px;
  566.     height: 106px;
  567.     background-color: #F42424;
  568.     border: solid 1px black;
  569.     margin-top: 8px;
  570.     margin-left: 90px;
  571. }
  572. #fr-5-slide3{
  573.     position: absolute;
  574.     width: 50px;
  575.     height: 106px;
  576.     background-color: #F1F424;
  577.     border: solid 1px black;
  578.     margin-top: 8px;
  579.     margin-left: 150px;
  580. }
  581. #fr-5-slide4{
  582.     position: absolute;
  583.     width: 50px;
  584.     height: 106px;
  585.     background-color: #5F6742;
  586.     border: solid 1px black;
  587.     margin-top: 8px;
  588.     margin-left: 250px;
  589. }
  590. #fr-5-slide5{
  591.     position: absolute;
  592.     width: 50px;
  593.     height: 106px;
  594.     background-color: #436843;
  595.     border: solid 1px black;
  596.     margin-top: 8px;
  597.     margin-left: 310px;
  598. }
  599. #fr-5-slide6{
  600.     position: absolute;
  601.     width: 50px;
  602.     height: 106px;
  603.     background-color: #426751;
  604.     border: solid 1px black;
  605.     margin-top: 8px;
  606.     margin-left: 370px;
  607. }
  608. #fr-5-slide7{
  609.     position: absolute;
  610.     width: 50px;
  611.     height: 106px;
  612.     background-color: #9DF2F4;
  613.     border: solid 1px black;
  614.     margin-top: 8px;
  615.     margin-left: 470px;
  616. }
  617. #fr-5-slide8{
  618.     position: absolute;
  619.     width: 50px;
  620.     height: 106px;
  621.     background-color: #9CCFF3;
  622.     border: solid 1px black;
  623.     margin-top: 8px;
  624.     margin-left: 530px;
  625. }
  626. #fr-5-slide9{
  627.     position: absolute;
  628.     width: 50px;
  629.     height: 106px;
  630.     background-color: #9DADF3;
  631.     border: solid 1px black;
  632.     margin-top: 8px;
  633.     margin-left: 590px;
  634. }
  635. #fr-5-slide10{
  636.     position: absolute;
  637.     width: 50px;
  638.     height: 106px;
  639.     background-color: #3B1E66;
  640.     border: solid 1px black;
  641.     margin-top: 8px;
  642.     margin-left: 690px;
  643. }
  644. #fr-5-slide11{
  645.     position: absolute;
  646.     width: 50px;
  647.     height: 106px;
  648.     background-color: #661E57;
  649.     border: solid 1px black;
  650.     margin-top: 8px;
  651.     margin-left: 750px;
  652. }
  653. #fr-5-slide12{
  654.     position: absolute;
  655.     width: 50px;
  656.     height: 106px;
  657.     background-color: #661E3A;
  658.     border: solid 1px black;
  659.     margin-top: 8px;
  660.     margin-left: 810px;
  661. }
  662. /* Фрэйм 5 */
  663.  
  664.  
  665.  
  666. /* Фрэйм 6 */
  667. .fr6-img-back{
  668.     width: 100%;
  669.     background-image: url("res/newAssets/Frame 6/Frame-6.png");
  670.     background-repeat: round;
  671. }
  672. .fr6-text1{
  673.     position: absolute;
  674.     width: 75%;
  675.     margin-top: -73%;
  676.     margin-left: 11.5%;
  677. }
  678. .fr6-text2{
  679.     position: absolute;
  680.     width: 70%;
  681.     margin-top: -30%;
  682.     margin-left: 13.5%;
  683. }
  684. .fr6-box{
  685.     width: 76%;
  686.     margin-top: -61%;
  687.     border: solid;
  688.     margin-left: 11%;
  689. }
  690. .fr6-box-new{
  691.     position:relative;
  692.     margin-top: -3%;
  693. }
  694. .fr6-block{
  695.     margin-top: -1%;
  696.     padding-left: 15%;
  697.     padding-right: 15%;
  698. }
  699. .fr6-arrowTop{
  700.     position: absolute;
  701.     width: 20%;
  702.     margin-top: -7%;
  703.     margin-left: 24%;
  704.     z-index: 1;
  705. }
  706. .fr6-arrowBottom{
  707.     position: absolute;
  708.     width: 20%;
  709.     margin-top: 12%;
  710.     margin-left: 24%;
  711.     z-index: 1;
  712. }
  713. .frame6-img1{
  714.     position: absolute;
  715.     width: 7%;
  716.     margin-top: -10%;
  717.     margin-left:11%;
  718. }
  719. .frame6-img2{
  720.     position: absolute;
  721.     width: 7%;
  722.     margin-top: -10%;
  723.     margin-left: 23%;
  724. }
  725. .frame6-img3{
  726.     position: absolute;
  727.     width: 7%;
  728.     margin-top: -10%;
  729.     margin-left: 37%;
  730. }
  731.  
  732. .frame6-img4{
  733.     position: absolute;
  734.     width: 7%;
  735.     margin-top: -10%;
  736.     margin-left: 49%;
  737. }
  738. /* Фрэйм 6 */
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!