API tools faq
paste
Advertisement
hekirei

Perfilchatangoconcss

hekirei
Apr 30th, 2016
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.27 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.     .body{
  3.         position: absolute;
  4.         background-color: 000;
  5.         height: 100%;
  6.         width: 100%;
  7.         left: 0%;
  8.         overflow-x:hidden;
  9. overflow-y:hidden;
  10.         top: 0%;
  11.     }
  12.     *{        padding: 0px;
  13.         margin: 0px;
  14.              overflow-x:hidden;
  15. overflow-y:hidden;}
  16. #box{border-radius: 0px 0px 0px 0px;font-family:'Laila',serif;border:0pxsolid#c0bccd;height:100%;width:100%;font-size:9px;overflow:auto;color:#808080;position:absolute;overflow-x:hidden;overflow-y:hidden;  top:0%;padding: 0px;margin: 0px;left:0%;z-index: 6;opacity: 1.6;
  17. }
  18. .todo{
  19. position:fixed;
  20. z-index:4;
  21. height:100%;
  22. width:100%;
  23. left:0%;
  24. top:0%;
  25. }
  26. .dy3{
  27.     position: relative;
  28.     left: 90%;
  29.     top: 15%;
  30. color:#808080;
  31. font-family:tahoma;
  32. font-size:18px;
  33. display:block;
  34. text-decoration:none;
  35. height:15%;
  36. width:8%;
  37.     margin: 1%;
  38. border-radius:50%;
  39. background-color:#5c5c5c;
  40. color:00ebdd;
  41. border:1px solid #00fff0;
  42. z-index:9999;
  43.     text-align: center;
  44.     opacity: 0.7;
  45.                 -webkit-transition:all 1s ease;
  46. -o-transition:all 1s ease;
  47. transition:all 1s ease;
  48.    
  49.  
  50. }
  51.  
  52.     .disp{
  53.         position: absolute;
  54.         z-index: 9;
  55.         left: 0%;
  56.         top: 0%;
  57.         width: 45%;
  58.         height: 100%;
  59.                     overflow-x:hidden;
  60. overflow-y:hidden;
  61.        
  62.     }
  63.  
  64. .dy3:hover{
  65. z-index:9999;
  66. -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  67. -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  68. -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  69.     transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  70. text-decoration:none;
  71. color:#00fff0;
  72. background-color:#303030;
  73.     opacity: 1;
  74. border:2px solid #00fff0;
  75.  
  76. }
  77. .dy2{
  78. position: absolute;
  79.     background-color: #5c5c5c;
  80.     background-size: 100% 100%;
  81.   height: 7%;
  82.     width: 10%;
  83.     color: #00ebdd;
  84.     right: 0%;
  85.     display:block;
  86.     top: 48%;
  87.     z-index: 990;
  88.     font-family: tahoma;
  89.     text-decoration:none;
  90.     text-align: center;
  91.     border:0px solid #ff0000;
  92.     border-radius: 0px 0px 0px 500px;
  93.     font-size:18px;
  94.     }
  95.     .dy2:hover{
  96.         text-decoration:none;
  97. background-color: #00fff0;
  98.         -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  99. -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  100. -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  101.     transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  102.     }
  103.     .dy1:hover{
  104.         background-color:#a6a6a6;
  105.         -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  106. -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  107. -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  108.     transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  109.         text-decoration:none;
  110.     }
  111.     .dy1{
  112. position: fixed;
  113.     background-color: #5c5c5c;
  114.     background-size: 100% 100%;
  115.   height: 7%;
  116.     width: 10%;
  117.     color: aliceblue;
  118.     right: 0%;
  119.     top: 20%;
  120.         font-family: tahoma;
  121.     text-decoration:none;
  122.     z-index: 99099999;
  123.     text-align: center;
  124.     border:0px solid #ff0000;
  125.     border-radius: 500px 0px 0px 0px;
  126.     color:#fff;
  127. font-size:18px;
  128. display:block;
  129. text-decoration:none;
  130.     }.dy:hover{
  131.         text-decoration:none;
  132.     }
  133.     .imgbox{
  134.         position: absolute;
  135.         top:0%;
  136.         left: 0%;
  137.         height: 100%;
  138.         width: 100%;
  139.               overflow-x:hidden;
  140. overflow-y:hidden;
  141.                
  142.    }
  143.                 .tab1{
  144.         position: absolute;
  145.         top:0%;
  146.         left: 0%;
  147.         height: 100%;
  148.                     background:#000 url("https://images2.alphacoders.com/545/545916.jpg") no-repeat;
  149.                     width: 100%;
  150.                     height: 100%;
  151.              background-size: 100% 100%;
  152.         border-radius: 0px 0px 0px 0px;
  153.         z-index: 99999;
  154.         }
  155.                     .tab2{
  156.                         top: 0%;
  157.                         position: absolute;
  158.                        background:#000 url("http://wallpapercave.com/wp/ozUbXUx.png") no-repeat;
  159.                     width: 100%;
  160.                     height: 100%;
  161.                         background-position: 100%;
  162.              background-size: 75% 100%;
  163.         border-radius: 5px 5px 0px 0px;
  164.         z-index: 5;
  165.         overflow-x:hidden;
  166.         left: 0%;
  167. overflow-y:hidden;  }
  168.    
  169.  
  170.  
  171.     #greet{
  172.         opacity: 2.7;
  173.         z-index: 2;
  174.         position: absolute;
  175.         height: 100%;
  176.         width: 90%;
  177.         left: 0%;
  178.         top: -8px;
  179.     }
  180.       #greet2{
  181.         opacity: 2.7;
  182.         z-index: 6;
  183.         position: absolute;
  184.         height: 100%;
  185.         width: 90%;
  186.         left: 0%;
  187.         top: -8px;
  188.     }
  189.  a{
  190. margin-left:20px;
  191. color:#000;
  192. font-family:tahoma;}
  193.  body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1026.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1026.png), progress !important;}
  194.    
  195.  
  196. .info{
  197. background-color:#5b5b5b;
  198.     position: absolute;
  199.     height: 70%;
  200.     width: 25%;
  201.    
  202.     z-index: 79999;
  203.     opacity: 2.8;
  204.             overflow-x:scroll;
  205. overflow-y:hidden;
  206.     top: 10%;
  207.     border-color: #fff;
  208. }
  209.     .pic{
  210.         position: absolute;
  211.         left: 25%;
  212.         width: 50%;
  213.         height: 40%;
  214.         border-color: #fff;
  215.         border-style: solid;
  216.     }
  217.     b{
  218.         font-family: comic sans ms;
  219.         color:darkgrey;
  220.     }
  221.     p{
  222.         top: 25%;
  223.         position: absolute;
  224.         color:white;
  225.         text-align: center;
  226.         left: 25%;
  227.     }
  228.  
  229.  
  230.  
  231.   ::-webkit-scrollbar {
  232.   width: 10px;574A68
  233.   height: 5px;
  234.   background-color:#fff;
  235.       opacity:0,4;
  236.   }
  237.   ::-webkit-scrollbar-button:start:decrement,
  238.   ::-webkit-scrollbar-button:end:increment {display: block;}
  239.   ::-webkit-scrollbar-button:vertical:start:increment,
  240.   ::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
  241.   ::-webkit-scrollbar-button:end:increment
  242.         {background-color:#fff;
  243.   background-repeat: no-repeat;background-position:center;
  244.         -webkit-box-shadow: inset 0 0 0px rgba(0,911,499,2.0);}
  245.  
  246.   ::-webkit-scrollbar-button:start:decrement
  247.   {background-color:#ffffff;;
  248.   background-repeat: no-repeat;background-position:center;
  249.         -webkit-box-shadow: inset 0 0 0px rgba(0,198,255,2.0);}
  250.   ::-webkit-scrollbar-thumb {
  251.   background-color:transparent;
  252.         background-color:#5b5b5b;
  253.         background-size: 100% auto;
  254.   border-left:0px solid #000000;
  255.   border-right:0px solid #000000;
  256.   border-bottom:0px solid #000000;
  257.   border-top:0px solid #000;
  258.   border-radius:20px;
  259.   }
  260.   #scrollbardolliecrave {
  261.   width:10px;
  262.   height:20px;
  263.   position: fixed;    
  264.   left: 0px;    
  265.   bottom: 0px;
  266.   }
  267.   ::-webkit-scrollbar-track {
  268.        
  269.   }
  270.  
  271.  
  272.  
  273.  
  274. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1026.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1026.png), progress !important;}
  275. #video{
  276.   top:0%;
  277.   position:absolute;
  278.     height: 100%;
  279.     width: 100%;
  280.  
  281. }
  282.     .pause{
  283.         position: absolute;
  284.         z-index: 999;
  285.     }
  286.  
  287.  
  288.  
  289. .button {
  290.     position: absolute;
  291.   width: 48px;
  292.   height: 48px;
  293.   cursor: pointer;
  294.     z-index: 99999;
  295.   &:hover {
  296.     fill: white;
  297.   }
  298. }
  299.  
  300. .defs {
  301.   position: absolute;
  302.   top: -9999px;
  303.   left: -9999px;
  304.     z-index: 99999;
  305. }
  306.  
  307. .buttons {
  308. height: 5%;
  309.     width: 10%;
  310.     left: 45%;
  311.     background-color: #c6c6c6;
  312.     opacity: 1.5;
  313.     position: absolute;
  314.     z-index: 10;
  315.     top: 95%;
  316.     border-radius: 20px;
  317. }
  318.  
  319.     #pause-button{
  320.         position: absolute;
  321.         right: 5%;
  322.         z-index: 10;
  323.         height: 80%;
  324.         width: 28%;
  325.         top: 10%;
  326.         background:url("http://orig15.deviantart.net/186e/f/2016/039/0/d/pause_by_hekirei-d9r2gif.png")no-repeat;
  327.         background-size: 100% 100%;
  328.         border-radius: 20px;
  329.     }
  330.     #play-button{
  331.         position: absolute;
  332.         left: 7%;
  333.         height: 80%;
  334.         width: 28%;
  335.         z-index: 10;
  336.         top: 10%;
  337.         background:url("http://orig15.deviantart.net/8fa5/f/2016/039/0/b/play_by_hekirei-d9r2gmu.png")no-repeat;
  338.         background-size: 100% 100%;
  339.         border-radius: 20px;
  340.     }
  341.            
  342.  
  343.     </style>
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!