API tools faq
paste
Advertisement
kotvalera83

css

kotvalera83
Mar 28th, 2014
246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.29 KB | None | 0 0
raw download clone embed print report
  1. body,html{height: 100%;}
  2.  
  3.  
  4. * { font-family: nimbus-sans; }
  5. a, a:hover{color: white;text-decoration: none}
  6.  
  7.  
  8. body{
  9.     background-image: url("../img/frame_0010.png");
  10. }
  11. .logo {
  12.     background-color: #252729;
  13.     height: 50px;
  14. }
  15. .logoimg {
  16.     padding-left: 40px;
  17.     padding-top: 9px;
  18. }
  19. .logotext {
  20.     padding-left: 40px;
  21.     font-size: 14px;
  22.     color: #ffffff;
  23.     padding-top: 15px;
  24. }
  25. .newevent {
  26.     background-image: url('../img/new.fon.png');
  27.     background-repeat: no-repeat;
  28.     padding-left: 5px;
  29.     display: inline-block;
  30.     width: 16px;
  31.     margin-left: 10px;
  32.     color: #E47F08;
  33.     font-weight: bold;
  34. }
  35. .photo input[type="file"]{
  36.     -webkit-appearance:none;
  37.     position:absolute;
  38.     top:0; left:0;
  39.     opacity:0;
  40. }
  41. .menu img{
  42.     width: 20px;
  43. }
  44.  
  45. #menuChat{
  46.     display: none;
  47.     position: absolute;
  48.     margin-left: 7%;
  49.     margin-top: -7px;
  50.     font-size: 15px;
  51.     background-image: url("../img/new_small.png");
  52.     background-position-y: 26px;
  53.     background-repeat: no-repeat;
  54.     width: 20px;
  55.     text-align: center;
  56. }
  57.  
  58. .logotextnext, .logotextnext a {
  59.     font-size: 14px;
  60.     color: #ffffff;
  61.     padding-top: 25px;
  62.     text-decoration: none;
  63. }
  64.  
  65. .loginform{
  66.     background-color: #ffffff;
  67.     width: 300px;
  68.     height: 150px;
  69.     padding: 40px;
  70.     box-shadow: 0px 4px 5px -4px #949494;
  71.    
  72. }
  73.  
  74. #MySearch{
  75.     padding-top: 20px;
  76. }
  77.  
  78. .key {
  79.     padding-top: 25px;
  80.     padding-left: 98px;
  81. }
  82.  
  83. .user {
  84.     margin: -5px 0 20px 40px;
  85.     padding: 30px 0;
  86.     background-color: #2f3032;
  87.     width: 185px;
  88. }
  89.  
  90. .usertext {
  91.     margin: -5px 0 20px 40px;
  92.     width: 185px;
  93. }
  94.  
  95. .active {
  96.     width: 38px;
  97.     height: 20px;
  98.     margin-top: -20px;
  99. }
  100. .idea{
  101.     margin-left: 20px;
  102. background-color: #F2F2F2;
  103.     padding: 10px 45px 10px 15px;
  104.     background-image: url("../img/ideabutton.fw.png");
  105.     background-repeat: no-repeat;
  106.     background-position: 90%;
  107. }
  108. .add_freands{
  109.     padding: 5px 0 0 15px;
  110.     background-image: url("../img/add_freands.fw.png");
  111.     background-repeat: no-repeat;
  112.     background-position: left, right;
  113.     cursor: pointer;
  114. }
  115. .add_accept{
  116.     padding: 5px 0 0 15px;
  117.     background-image: url("../img/add_freands.fw.png");
  118.     background-repeat: no-repeat;
  119.     background-position: left, right;
  120.     cursor: pointer;
  121. }
  122. .add_message{
  123.     padding: 5px 0 0 25px;
  124.     background-image: url("../img/message.fw.png");
  125.     background-repeat: no-repeat;
  126.     background-position: left, right;
  127.     cursor: pointer;
  128. }
  129. .add_decline{
  130.     padding: 5px 0 0 15px;
  131.     background-image: url("../img/minus.fw.png");
  132.     background-repeat: no-repeat;
  133.     background-position: left, right;
  134.     cursor: pointer;
  135. }
  136. .add_follow{
  137.     padding: 7px 0 0 20px;
  138.     background-image: url("../img/follow.png");
  139.     background-repeat: no-repeat;
  140.     background-position: left, right;
  141.     cursor: pointer;
  142. }
  143. .analysis{
  144.     margin-left: 20px;
  145.     background-color: #F2F2F2;
  146.     padding: 10px 45px 10px 15px;
  147.     background-image: url("../img/analysisbutton.fw.png");
  148.     background-repeat: no-repeat;
  149.     background-position: 90%;
  150. }
  151. .userphoto{
  152.     width: 120px;
  153.     height: 120px;
  154.     -webkit-border-radius: 60px;
  155.     -moz-border-radius: 60px;
  156.     border-radius: 60px;
  157. }
  158. .allertpost{
  159.     color: #284666;
  160.     font-size: 24px;
  161.     line-height: 1.278;
  162. }
  163.  
  164. .ideapost{
  165.     color: #9a691c;
  166.     font-size: 24px;
  167.     line-height: 1.278;
  168. }
  169. .userphotofirst{
  170.     margin-top: 50px;
  171.     width: 180px;
  172.     height: 180px;
  173.     -webkit-border-radius: 90px;
  174.     -moz-border-radius: 90px;
  175.     border-radius: 90px;
  176. }
  177.  
  178. .edit {
  179.     font-size: 16px;
  180.     color: rgb( 141, 141, 141 );
  181. }
  182.  
  183. .edit2 {
  184.     font-size: 14px;
  185.     color: rgb( 141, 141, 141 );
  186. }
  187.  
  188. .browser {
  189.     border-bottom: 1px solid #c2c2c2;
  190.     border-top: 1px solid #c2c2c2;
  191.     margin-top: 20px;
  192.     font-size: 18px;
  193.     color: #000000;
  194. }
  195.  
  196. .rightbrowser {
  197.     border: 1px solid #ebebeb;
  198.     width: 50px;
  199.     margin: 10px 10px 10px 0;
  200.     height: 500px;
  201. }
  202.  
  203. .controlright {
  204.     font-size: 40px;
  205.     color: #d6d6d6;
  206.     padding: 230px 10px;
  207. }
  208. .leftbrowser :hover, .rightbrowser :hover{
  209.     background-color: #ebe9e9;
  210. }
  211. .leftbrowser {
  212.     border: 1px solid #ebebeb;
  213.     width: 50px;
  214.     margin: 10px 0 10px 10px;
  215.     height: 500px;
  216. }
  217.  
  218. .three-columns {
  219.     font-size: 0;
  220.     height: 500px;
  221.     margin-top: 10px;
  222.     height: 500px;
  223. }
  224.  
  225. .new_message_all{
  226.     background-image: url("../img/new.mess.fw.png");
  227.     background-repeat: no-repeat;
  228.     width: 25px;
  229.     background-position-y: 7px;
  230.     margin-left: 10px;
  231.     padding-left: 6px;
  232. }
  233. #count{
  234.     display: inline-block;
  235. }
  236.  
  237. .newmassege {
  238.     background-image: url("../img/new.online.fw.png");
  239.     background-repeat: no-repeat;
  240.     background-position-y: 7px;
  241.     background-position-x: 7px;
  242. }
  243.  
  244. .countmassee{
  245. display: inline-block;
  246. margin-left: 50px;
  247. position: absolute;
  248. width: 20px;
  249. background-color: white;
  250. -webkit-border-radius: 10px;
  251. -moz-border-radius: 10px;
  252. border-radius: 10px;
  253. color: #FF8A00;
  254. font-weight: bold;
  255. margin-top: 23px;
  256. padding: 2px;
  257. text-indent: 5px;
  258. }
  259.  
  260. .three-columns li {
  261.     display: inline-block;
  262.     vertical-align: top;
  263.     width: 33%;
  264.     font-size: 18px;
  265.     color: #284666;
  266. }
  267.  
  268. .freandsphoto{
  269.     width: 100px;
  270.     height: 100px;
  271.     -webkit-border-radius: 75px;
  272.     -moz-border-radius: 75px;
  273.     border-radius: 75px;
  274.     float: left;
  275.     padding: 10px;
  276. }
  277.  
  278. .freandsphotonew{
  279.     width: 100px;
  280.     height: 100px;
  281.     -webkit-border-radius: 75px;
  282.     -moz-border-radius: 75px;
  283.     border-radius: 75px;
  284.     float: left;
  285.     padding: 10px;
  286.     background-image: url("../img/newfreands.fw.png");
  287.     background-repeat: no-repeat;
  288.     background-position: 4px 6px;
  289. }
  290.  
  291. .droproff {
  292.     margin-left: 10px;
  293.     width: 80px;
  294.     border: 0 !important;
  295.     -webkit-appearance: none;
  296.     -moz-appearance: none;
  297.     background: url('../img/dropdown_arrow.png') no-repeat;
  298.     background-color: #ffffff;
  299.     background-position: 60px 13px;
  300.     padding-top: 1px;
  301. }
  302.  
  303. .droproffidea {
  304.     border: 0 !important;
  305.     -webkit-appearance: none;
  306.     -moz-appearance: none;
  307.     background: url('../img/sd.fw.png') no-repeat;
  308.     background-color: #ffffff;
  309.     background-position: 99% 50%;
  310.     padding-top: 1px;
  311. }
  312.  
  313. .post, .posthow {
  314.     background-color: #ffffff;
  315.     padding: 25px;
  316.     box-shadow: 0px 4px 5px -4px #949494;
  317. }
  318.  
  319. /*.posthow :hover{*/
  320.     /*background-color: #284666;*/
  321.     /*color: #ffffff;*/
  322.     /*padding: 25px;*/
  323. /*}*/
  324.  
  325. .message {
  326.     width: 100%;
  327.     height: 360px;
  328.     border: 1px solid #d2d2d2 ;
  329.     padding: 5px;
  330.     overflow-y:auto;
  331. }
  332. .online{
  333.     height: 360px;
  334.     overflow-y:auto;
  335. }
  336. .write {
  337.     margin-top: 10px;
  338. }
  339. .write input {
  340.     background-image: url("../img/enter.png");
  341.     background-repeat: no-repeat;
  342.     background-position: 98% 50%;
  343. width: 97%;
  344. height: 40px;
  345. padding-left: 20px;
  346. }
  347.  
  348. .writecomment textarea {
  349.     background-image: url("../img/sendcommet.fw.png");
  350.     background-repeat: no-repeat;
  351.     background-position: 98% 35px;
  352.     text-indent: 10px;
  353. }
  354.  
  355. .preview{
  356.     line-height: 1.278;
  357.     background-color: #f2f2f2;
  358.     border: none;
  359.     padding: 10px;
  360. }
  361.  
  362. .button_new {
  363.     line-height: 1.333;
  364.     text-align: left;
  365.     width: 286px;
  366.     height: 13px;
  367. }
  368.  
  369. .bullish {
  370.     background-color: #f2f2f2;
  371.     border: none;
  372.     padding: 7px;
  373. }
  374.  
  375. .bullish div{
  376.     border-bottom: 1px dashed #000000;
  377. }
  378.  
  379. .bearish{
  380.     background-color: #2c6993;
  381.     border: none;
  382.     padding: 7px;
  383.     color: #ffffff;
  384. }
  385. .publish{
  386.     line-height: 1.278;
  387.     background-color: #17a332;
  388.     color: #ffffff;
  389.     border: none;
  390.     padding: 10px;
  391.     margin-left: 10px;
  392. }
  393.  
  394. .text{
  395.     background-color: #ffffff;
  396.     padding: 25px 25px 0 25px;
  397. }
  398. .text2{
  399.     background-color: #ffffff;
  400. }
  401. .text div{
  402.     margin-top: 5px;
  403. }
  404. .usermass {
  405. float: right;
  406. text-align: right;
  407. margin-right: 10px;
  408. width: 100%;
  409. }
  410. .massege {
  411.     font-size: 18px;
  412. }
  413. .username {
  414.     color: #595959;
  415.     font-size: 14px;
  416. }
  417. .followerphoto{
  418.     width: 80px;
  419.     height: 80px;
  420.     -webkit-border-radius: 50px;
  421.     -moz-border-radius: 50px;
  422.     border-radius: 50px;
  423.     float: left;
  424.     padding: 10px;
  425. }
  426.  
  427. .messadephoto{
  428.     width: 50px;
  429.     height: 50px;
  430.     -webkit-border-radius: 50px;
  431.     -moz-border-radius: 50px;
  432.     border-radius: 50px;
  433.     float: left;
  434.     padding: 10px;
  435. }
  436.  
  437. .messadephoto_chat{
  438.     width: 50px;
  439.     height: 50px;
  440.     -webkit-border-radius: 50px;
  441.     -moz-border-radius: 50px;
  442.     border-radius: 50px;
  443.     float: right;
  444.     padding: 10px;
  445. }
  446.  
  447. .messadephotoyou{
  448.     width: 50px;
  449.     height: 50px;
  450.     -webkit-border-radius: 50px;
  451.     -moz-border-radius: 50px;
  452.     border-radius: 50px;
  453.     float: right;
  454.     padding: 10px;
  455. }
  456.  
  457. .userphotocomment {
  458.     width: 30px;
  459.     height: 30px;
  460.     -webkit-border-radius: 30px;
  461.     -moz-border-radius: 30px;
  462.     border-radius: 30px;
  463.     float: left;
  464.     padding: 5px;
  465. }
  466.  
  467. .followercompany{
  468.     width: 80px;
  469.     height: 80px;
  470.     float: left;
  471.     padding: 10px;
  472. }
  473. .company {
  474.     background-image: url("../img/starno.fw.png");
  475.     background-repeat: no-repeat;
  476.     background-position: 99% 0;
  477. }
  478. #chat{
  479.     background-color: #ffffff;
  480.     margin-left: -20px;
  481.     margin-bottom: 20px;
  482.     box-shadow: 0px 4px 5px -4px #949494;
  483. }
  484. .expert {
  485.     background-color: #EA990E;
  486.     padding: 4px;
  487.     width: 40px;
  488.     color: #ffffff;
  489. }
  490. input#inputsearchblack {
  491.     background-image: url("../img/searchblack.png");
  492.     background-repeat: no-repeat;
  493.     text-indent: 20px;
  494.     margin-left: 10px;
  495.     background-color: #3a3b3c;
  496.     border: 0;
  497.     width: 355px;
  498. }
  499. .logotextnext img{
  500.     height: 20px;
  501. }
  502. #contentuser{
  503.     padding: 20px ;
  504.     margin-left: 0;
  505. }
  506. .footer{
  507.     background-image: url("../img/homelog.png");
  508.     background-repeat: repeat-x;
  509.     height: 287px;
  510. }
  511.  
  512. .freandstext{
  513.     margin-top: 40px;
  514. }
  515.  
  516. .network a {
  517.     color: black;
  518.     text-decoration: none;
  519. }
  520.  
  521. .usertitle{
  522.     padding-left: 20px;
  523.     font-size: 20px;
  524.     color: #ffffff;
  525. }
  526. .keytext {
  527.     padding-left: 15px;
  528.     font-size: 14px;
  529.     color: #ffffff;
  530. }
  531. .copyrighttext {
  532.     padding-left: 40px;
  533.     font-size: 14px;
  534.     color: #666666;
  535.     padding-top: 30px;
  536. }
  537.  
  538. .copyrighttext a{
  539.     color: #666666;
  540. }
  541.  
  542. .copyright {
  543.     font-size: 14px;
  544.     color: #666666;
  545.     padding: 25px 0px 25px 40px;
  546. }
  547. .left{
  548.     background-color: #2f3031;
  549.     font-size: 16px;
  550.     color: rgb( 255, 255, 255 );
  551.     line-height: 1.087;
  552.     padding: 25px;
  553. }
  554. .left span{
  555.     background-color: #2f3031;
  556.     font-size: 23px;
  557.     color: rgb( 255, 255, 255 );
  558.     font-weight: bold;
  559.     line-height: 1.087;
  560. }
  561. #copyright{
  562.     background-color: #262829;
  563. }
  564. .texthome {
  565.     font-size: 23px;
  566.     color: #000000;
  567. }
  568. .content{
  569.     padding-top: 25px;
  570. }
  571. .eye {
  572.     background-color: #3b9d8b;
  573.     margin-left: 40px;
  574.     padding: 15px 0px 10px 20px;
  575.     width: 180px;
  576. }
  577. .eye span {
  578.     padding-left: 10px;
  579.     font-size: 20px;
  580.     color: #ffffff;
  581. }
  582. .eye img{
  583.     margin-top: -5px;
  584. }
  585. .textcontentlogo {
  586.   font-size: 30px;
  587.   color: rgb( 1, 1, 1 );
  588.   line-height: 1.1;
  589.   text-align: left;
  590.   position: absolute;
  591.   width: 477px;
  592.   height: 78px;
  593.   margin-left: 5%;
  594. }
  595.  
  596. .photo{
  597.     width: 150px;
  598.     height: 150px;
  599.     margin: 60px 0 0 40px;
  600.     background: #d7d5d5;
  601.     -webkit-border-radius: 75px;
  602.     -moz-border-radius: 75px;
  603.     border-radius: 75px;
  604. }
  605. .uploadphoto{
  606.     position: absolute;
  607.     margin: 45px 17px;
  608.     font-size: 13px;
  609.     color: rgba( 0, 0, 0, 0.541 );
  610.     line-height: 1.375;
  611.     text-align: center;
  612.     -moz-transform: matrix( 0.94130432700991,0,0,0.94108315473966,0,0);
  613.     -webkit-transform: matrix( 0.94130432700991,0,0,0.94108315473966,0,0);
  614.     -ms-transform: matrix( 0.94130432700991,0,0,0.94108315473966,0,0);
  615. }
  616.  
  617. .form-horizontal{
  618.     padding-top: 70px;
  619. }
  620.  
  621. .fb_iframe_widget iframe {
  622.     opacity: 0;
  623. }
  624.  
  625. .fb_iframe_widget {
  626.     width: 240px;
  627.     height: 40px;
  628.     margin-bottom: 95px;
  629.     background-image: url("../img/Large_230x36.png");
  630.     background-repeat: no-repeat;
  631. }
  632.  
  633. #logintitle {
  634.     font-size: 23px;
  635.     font-weight: bold;
  636.     text-align: left;
  637.     margin-bottom: 10px;
  638. }
  639.  
  640. #form-label { text-align: left; }
  641. #form-label-left{
  642.     text-align: left;
  643.     margin-left: 40px;
  644. }
  645. #Birthday {
  646.     width: 60px;
  647. }
  648. #Birthday_year {
  649.     width: 80px;
  650. }
  651.  
  652. .registr {
  653.     margin-left: 40px;
  654.     font-size: 18px;
  655. }
  656.  
  657. .registr_button {
  658.     background-color: #3b9d8c;
  659.     width: 124px;
  660.     height: 48px;
  661.     color: #ffffff;
  662.     margin-top: 40px;
  663.     margin-left: 200px;
  664. }
  665. .loadFBstyle
  666. {
  667.     margin-left: auto;
  668.     margin-right: auto;
  669.     text-align:center;
  670. }
  671. .loadFBstyle span{
  672.  
  673. display: inline-block;
  674. vertical-align: middle;
  675. width: 5px;
  676. height: 7px;
  677. margin: 20px auto;
  678. background: hsl(0, 0%, 94%);
  679. border-radius: 0px;
  680. -webkit-animation: loading 0.5s infinite alternate;
  681. -moz-animation: loading 0.5s infinite alternate;
  682.  
  683. }
  684. .loadFBstyle span:nth-of-type(2){
  685.     -webkit-animation-delay: 0.1s;
  686.     -moz-animation-delay: 0.1s;
  687. }
  688. .loadFBstyle span:nth-of-type(3) {
  689.     -webkit-animation-delay: 0.2s;
  690.     -moz-animation-delay: 0.2s;
  691. }
  692. .loadFBstyle span:nth-of-type(4) {
  693.     -webkit-animation-delay: 0.3s;
  694.     -moz-animation-delay: 0.3s;
  695. }
  696.  
  697.  
  698. @-webkit-keyframes loading {
  699.     0% {
  700.         width: 5px;
  701.         height: 7px;
  702.         background: hsl(222, 37%, 47%);
  703.        
  704.         -webkit-transform: translateZ(0);
  705.     }
  706.     100% {
  707.         height: 10px;
  708.         background: hsl(0, 0%, 94%);
  709.         -webkit-transform: translateZ(-61px);
  710.     }
  711. }
  712. @-moz-keyframes loading {
  713.     0% {
  714.         width: 5px;
  715.         height: 7px;
  716.         background: hsl(222, 37%, 47%);
  717.        
  718.         -moz-transform: translateZ(0);
  719.     }
  720.     100% {
  721.         height: 10px;
  722.         background: hsl(0, 0%, 94%);
  723.         -moz-transform: translateZ(-61px);
  724.     }
  725. }
  726.  
  727. /* New */
  728.  
  729. html{min-width: 1024px;}
  730. body{padding: 0 !important;min-width: 1095px; overflow-x: hidden;}
  731. #header-wrap{background: #262829;width: 100%;height: 72px;font-family: nimbus-sans;font-size: 16px;font-weight: 300;color: #FFFFFF;line-height: 72px;text-align: right;z-index: 3;position: relative}
  732. #header-wrap #header-inner{float: right;width: calc(100% - 220px);height: 72px;}
  733. #header-wrap #header-inner .menu{list-style: none;padding: 0;margin: 0;display: inline-flex;}
  734. #header-wrap #header-inner .menu li{float: left;line-height:inherit;margin: 0 25px 0 25px;}
  735. #header-wrap #header-inner .menu#top-icons li{width: 35px;margin: 0 10px 0 10px;}
  736. #header-wrap #header-inner .menu#top-menu-secondary li{font-size: 14px;margin: 0 10px 0 10px;}
  737. #header-wrap #header-inner #top-search{display: inline-block;width: calc(100% - 700px);}
  738. #header-wrap #header-inner #top-search input{width: 100%;margin: 0;border: none;border-radius: 0;outline: none;box-shadow: none;background: #3a3b3c;color: #838485;padding: 4px 0 4px 0;text-indent: 10px;}
  739. #header-wrap #header-inner #top-search input:focus{outline: none;box-shadow: none;}
  740. #left-nav{width: 180px;height: 370px;position: absolute;top: 0;left: 40px;background: #3c3d3e;font-family: myriad-pro;font-weight: 300;font-size: 16px;z-index: 5;}
  741. #left-nav #logo{line-height: 72px;}
  742. #left-nav #menu{list-style: none;margin: 30px 0 0 35px;}
  743. #left-nav #menu li{line-height: 35px;}
  744. .main-frame{padding: 0 0 0 240px;}
  745. a#nav-hide{width: 20px;height: 100%;background: #3c3d3e;display: block;float: left;margin-right: 5px;margin-top: -72px;margin-left: -40px}
  746. a#nav-hide:hover{background: rgba(60,61,62,0.85);}
  747. #rightNavigationBox{width: 210px;z-index: 99; color: #fff;position: absolute;top: 72px; right: -190px;background: #2e2f2f;font-family: myriad-pro;font-weight: 300;font-size: 16px;z-index: 1;height: 2000px;}
  748. /*@media all and (max-width:1305px) {
  749.     #right-nav{ display: none;}
  750.     #nav-hide{ right: 0 }
  751. }*/
  752.  
  753.  
  754. #rightNavigationBox .rightnav-container{
  755.     height: 100%;
  756.     top: 0px;
  757.     padding: 20px 20px 20px 40px
  758. }
  759.  
  760. #rightNavigationBox h4{
  761.     font-family: "ff-tisa-sans-web-pro";
  762. }
  763.  
  764. #rightNavigationBox li{
  765.     line-height: 20px;
  766.     padding: 10px;
  767.     cursor: pointer;
  768. }
  769.  
  770. #rightNavigationBox li:hover{
  771.     background: #48a885;
  772. }
  773.  
  774.  
  775.  
  776. #rightNavigationBox .buddies-section .status{float: right;margin-top: 13px;}
  777. #rightNavigationBox .buddies-section .userphoto{margin-left: -10px;margin-right: 5px;}
  778. #rightNavigationBox .buddies-section a{font-family: "ff-tisa-sans-web-pro";font-size: 12px;}
  779.  
  780. .clear { width: 100%;display: block;clear: both;}
  781. .clear#space { height:20px }
  782. .main-row{margin: 30px 0 30px 0;min-height: 20px;width: calc(100% - 250px);min-width:800px;}
  783.  
  784. .main-row .breadcrumbs {display: inline-block;float:left; background: url('../../assets/img/analysis.png') no-repeat left}
  785. .main-row .breadcrumbs ul { float:left;list-style: none;margin: 0 0 0 25px; }
  786. .main-row .breadcrumbs ul li { float:left }
  787. .main-row .breadcrumbs ul li::after { content: ">";margin:0 5px 0 5px }
  788.  
  789. .main-row .main-title {display: inline-block;float:left; background: url('../../assets/img/friends.png') no-repeat left;height: 20px;padding: 5px 5px 5px 15px;}
  790. .main-row .main-title ul { float:left;list-style: none;margin: 0 0 0 25px; }
  791. .main-row .main-title ul li { float:left }
  792.  
  793. .main-row .main-menu {display: inline-block;float:left}
  794. .main-row .main-menu ul { float:left;list-style: none;margin:0; }
  795. .main-row .main-menu ul li { float:left;margin: 0 60px 0 0; }
  796. .main-row .main-menu ul li span {position: relative}
  797. .main-row .main-menu ul li span img {display: none}
  798. .main-row .main-menu ul li#active span img {display:block;position: absolute;top: 30px;left: calc(50% - 19px);}
  799. .main-row .main-menu ul li span a {color: #000000}
  800. .main-row .link-right {padding: 5px 0 0 15px;background:url("../../assets/img/plus.png") no-repeat left 8px}
  801.  
  802. .main-row .main-box {background: #ffffff;padding: 35px;position:relative;box-shadow: 0px 4px 5px -4px #949494;}
  803. .main-row .info-left{ float: left;min-width: 300px;}
  804. .main-row .info-left #asset-logo {float:left;margin:0 10px 0 0;border-radius:100px;overflow:hidden;width:100px;height:100px}
  805. .main-row .info-right{ float: right}
  806. .main-row .info-right a {color: #696969;
  807. line-height: 38px;
  808. display: inline-block;
  809. padding: 0 10px 0 10px;
  810. background: #F5F5F5;
  811. border-radius: 6px;}
  812. .main-row .info-right a.lk-active{background: #c7ffea;}
  813. .main-row .info-right a:hover, .main-row .info-right a.lk-process{background: #E6E6E6;}
  814.  
  815. .main-row .info-form textarea{width: calc(100% - 12px);border-radius: 0;border: 1px #d2d2d2 solid;box-shadow: none;resize: none;}
  816. .main-row .main-box #expert{position: absolute;background: #ea990e;color:#ffffff;left:0;bottom:0;width: 45px;}
  817. .main-row .main-box #social{position: absolute;right: 0;bottom: 0;width: 102px;}
  818. .main-row .activity-box {background: #ffffff; width: calc(50% - 50px);float: left;box-shadow: 0px 4px 5px -4px #949494;padding: 20px;margin-bottom: 20px;}
  819. .main-row .activity-box .sh-f-box{position: relative; bottom: 0; right: 0;}
  820. .main-row .activity-box:nth-child(odd){ margin-right:10px }
  821. .main-row .activity-box:nth-child(even){ margin-left:10px  }
  822. .main-row .activity-box .activity-head { background: url("../../assets/img/alert.fw.png") no-repeat left 1px }
  823. .main-row .activity-box .activity-head h1 {font-family: nimbus-sans;font-size: 24px;font-weight: 300;line-height: 20pt;text-indent: 40px;}
  824. .main-row .activity-box .info-left {min-width: 200px}
  825. .main-row .activity-box #userpic {width: 35px; height: 35px}
  826. .main-row .activity-box#shout .activity-head h1 { color:#284666 }
  827. div.n_feed_count{width: 15px;height: 15px;background: url(/assets/img/orange_elipse.png) no-repeat top right;background-size: contain;position: relative;top: -8.5px;right: 7.5px; display: inline-block;text-align: center;}
  828. div.n_feed_count span{font-size: 10px; color: orange;position: absolute;top: -2px;left: 4.6px;}
  829.  
  830. ul.assetsList{position: absolute; background-color: #f5ffc5;list-style: none; padding: 0; margin: 0}
  831. ul.assetsList li{border-bottom-style: solid; border-width: 1px; border-color: black}
  832. a.asset-fav0, a.asset-fav1{display: block; width: 22px; height: 22px; background-size: contain}
  833. a.asset-fav0{background: url("../../assets/img/starno.fw.png") no-repeat}
  834. a.asset-fav1{background: url("../../assets/img/staryes.fw.png") no-repeat}
  835. .nav-tabs {
  836. border-bottom: 0px;
  837. }
  838. #canvasWrap{
  839.   width: 100%;
  840.   background-color: #4C4C4C;
  841.   margin-left: -20px;
  842.   display: inline-block;
  843. }
  844. #begincanvas{
  845.   background-color: #4C4C4C;
  846.   margin-left: -32%;
  847.   width: 32%;
  848.   height: 506px;
  849.   display: inline-block;
  850.   float: left;
  851. }
  852. .canvasText {
  853.   position: absolute;
  854.   font-size: 18px;
  855.   text-decoration: underline;
  856.   color: #fff;
  857.   cursor: pointer;
  858. }
  859. #SouthAmerica{
  860.   margin-top: -190px;
  861.   margin-left: 150px;
  862.   width: 30px;
  863. }
  864. #NorthAmerica{
  865.   margin-top: -340px;
  866.   margin-left: 40px;
  867.   width: 30px;
  868. }
  869. #Africa{
  870.   margin-top: -260px;
  871.   margin-left: 385px;
  872. }
  873. #Europe{
  874.   margin-top: -320px;
  875.   margin-left: 270px;
  876. }
  877. #Asia{
  878.   margin-top: -356px;
  879.   margin-left: 550px;
  880. }
  881. #AustraliaOceania{
  882.   margin-top: -160px;
  883.   margin-left: 535px;
  884.   width: 85px;
  885. }
  886. #canvas li {
  887.     list-style-type: none;
  888. }
  889. #canvas {
  890.     margin: 0;
  891.   padding: 0;
  892. }
  893.  
  894. /*===================== PROFILE STYLE =======================*/
  895.  
  896. #profile-top .list select{border-color: #e0e0e4; color:#727272; padding:0 5px; margin:0 15px; border-radius: 0px}
  897.  
  898. #profile-top #letter{height:120px; width:80%; min-width:500px; float:right; text-align: right;}
  899.  
  900. #profile-top .list li{display: inline-flex; text-decoration: none;}
  901.  
  902. #profile-top .list.margin-list-0-15 li{margin:0 15;}
  903.  
  904. #profile-top .margin-right-30{margin-right: 30px}
  905.  
  906. #profile-top .online{color: #48a885;}
  907.  
  908. #profile-top .offline{color: #8D8D8D;}
  909.  
  910. #profile-top .online:before{color: #48a885; content:"\2022"; margin:0 5px;}
  911.  
  912. #profile-top .offline:before{color: #8D8D8D; content:"\2022"; margin:0 5px;}
  913.  
  914. /*============== WIDTH and DISPLAY STYLE ====================*/
  915.  
  916. .width-100-p{width:100%;}
  917.  
  918. .display-inline-flex{display: inline-flex;}
  919.  
  920. .width-25-p{width:25%;}
  921.  
  922. .width-75-p{width:75%;}
  923.  
  924. .width-15-p{width:15%;}
  925.  
  926. .min-width-200{min-width: 200px}
  927.  
  928. .width-50-p{width:50%;}
  929.  
  930. .display-inline{display:inline;}
  931.  
  932.  
  933. /*============ FONT STYLE ===============*/
  934.  
  935. .font-size-24{font-size:24px;}
  936.  
  937. .font-size-20{font-size:20px;}
  938.  
  939. .font-weight-bold{font-weight: bold;}
  940.  
  941. .color-727272{color:#727272;}
  942.  
  943. .float-right{float:right;}
  944.  
  945. .float-left{float:left;}
  946.  
  947. /*============= MARGIN/PADDING =============*/
  948.  
  949. .margin-left-50{margin-left: 50px;}
  950.  
  951. .margin-right-30{margin-right: 30px;}
  952.  
  953. .margin-right-40{margin-right: 40px;}
  954.  
  955. .margin-left-20{margin-left: 20px;}
  956.  
  957. .margin-top-0{margin-top: 0;}
  958.  
  959. .padding-0{padding:0;}
  960.  
  961. .margin-0{margin:0;}
  962.  
  963. .margin-40-15{margin: 40 15;}
  964.  
  965. .margin-0-15{margin:0 15px;}
  966.  
  967. .margin-30-0-0-0{margin:30px 0 0 0;}
  968.  
  969. .margin-top-20{margin-top: 20px;}
  970.  
  971. .margin-bottom-10{margin-bottom: 10px}
  972.  
  973. /*============== SETTINGS STYLE ========================*/
  974.  
  975.  
  976. .form-column{width: calc(50% - 10px);float: left;}
  977.  
  978. .form-column:nth-child(odd){margin-right: 10px;}
  979.  
  980. .form-column:nth-child(even){margin-left: 10px;}
  981.  
  982. .form-column-full{width: 100%;float: left;}
  983.    
  984. .form-row{width: 100%;height: 50px;}
  985.    
  986. .form-row span{float: left;}
  987.    
  988. .form-row label{margin: 0;line-height: 50px;}
  989.  
  990. .form-row > label > a{float: right;padding-left: 10px}
  991.  
  992. .form-row input{float: right;width: 180px;margin: 10px 0 0 0;border-radius: 0;}
  993.    
  994. .form-row button{height: 40px; background: #F2F2F2; border: none; border-bottom: 1px #BABABA solid; box-shadow: 0px 2px 4px -2px #A2A2A2; width: 180px; margin: 5px 0 0 0;}
  995.    
  996. div#locationMap{display: none;width: 400px; height: 300px;position: absolute;}
  997.    
  998. div#passwordModal{width: 310px;position: absolute;background-color: #FFF;z-index: 99;padding: 10px 20px 10px 20px;border: 1px #DFDFDF solid;top: 75px;display: none;}
  999.    
  1000. ol.errors li{color:#b5b5b5; list-style: none;}
  1001.    
  1002. .main-row .main-title{background: url('../../assets/img/setting.fw.png') no-repeat left;}
  1003.  
  1004. #settings input{border-style: none; box-shadow: none;background-color: #ffffff;}
  1005.  
  1006. #settings select{border-style: none; box-shadow: none;background-color: #ffffff;}
  1007.  
  1008. #settings label span{width:40%;}
  1009.  
  1010. #settings label input {width:40%; float: left;}
  1011.  
  1012. #settings select{width:40%; float: left;}
  1013.  
  1014. #settings input:focus{border: 1px; border-color: #b5b5b5; border-style: solid;}
  1015.  
  1016. #settings #passwordModal input{border: 1px; border-color: #b5b5b5; border-style: solid;}
  1017.  
  1018. /*          Comments replyForm               */
  1019.  
  1020. .comment-reply-button{background-image: url(/assets/img/comment_arrow.png);background-position: center;background-repeat: no-repeat;box-shadow: 0px 3px 6px -2px #949494;width: 38px;background-color: #e9e9ed;height: 38px;border: none;border-color: #949494;border-bottom-style: solid;}
  1021.  
  1022. .position-relative{position: relative;}
  1023.  
  1024. .reply-button-position{position:absolute;top: 34%;right: 0.6%;}
  1025.  
  1026. .font-size-24{font-size: 24px}
  1027.  
  1028. .color-7c7c7c{color: #7c7c7c;}
  1029.  
  1030. /*          Comments form    */
  1031.  
  1032. .comment-block-style{margin-top: 20px; background-color: #ffffff; box-shadow: 0px 4px 5px -4px #949494;}
  1033.  
  1034. .margin-15-0-0-15{margin:15px 0 0 15px;}
  1035.  
  1036. .padding-10-15-15-0{padding: 10px 15px 15px 0;}
  1037.  
  1038. .color-4f4f4f{color: #4f4f4f;}
  1039.  
  1040. .width-100-p{width:100%;}
  1041.  
  1042. .margin-top-10{margin-top: 10px;}
  1043.  
  1044. .comment-reply{color: #0d5892;  margin-right: 20px; float:left;}
  1045.  
  1046. .comment-user-style{color: #0d5892; font-weight: bold;margin-right: 15px;}
  1047.  
  1048. .comment-like-button{color: gray; margin-right: 15px; float:left;}
  1049.  
  1050. .comment-dislike-button{color: gray; float:left;}
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!