Advertisement
Biebergirl

alexis layout

May 5th, 2018
544
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.68 KB | None | 0 0
  1. //*The Bye Bye Section*//
  2. #xg_masthead {visibility: hidden;}
  3. .xg_sprite.xg_sprite-share {display: none;}
  4. .likebox {display: none;}
  5.  .post_to_twitter {display: none;}
  6. .account-links {display: none;}
  7. .xg_module movable,.module_video {display: none;}
  8. h1 {display: none;}
  9. h2 {display: none;}
  10. .ul.navigation.easyclear {display: none;}
  11. .module_about_user {display: none;}
  12. .sortable.module_feed {display: none;}
  13. .module_photo {display: none;}
  14. .module_members {display: none!important;}
  15. #xj_module_gift {display: none;}
  16. #xg_module_body,#xg_module_head h2,.xg_module_comment_wall {display: none;}
  17. #xg_masthead {visibility: hidden;} #xg_layout_column_1 {}
  18. .xg_span-5 {display: none!important;}
  19. #xg_mudule.movable.sortable.module {display: none;}
  20. #xg_navigation,#xg_navigation ul,#xg_navigation ul li,#xg_navigation ul li span,#xg_navigation {display: none;}
  21. .xg_theme #xg_head,.xg_theme #xg_foot {display: none;}
  22. .module_blog {display: none;}
  23. .xg_module_body.profile.vcard dl.last-child{circle {
  24. body {
  25.   font-family: "open sans", sans-serif;
  26.   background: #f1f1f1;
  27. }
  28. #content {
  29.   margin: 40px auto;
  30.   text-align: center;
  31.   width: 600px;
  32. }
  33. #content h1 {
  34.   text-transform: uppercase;
  35.   font-weight: 700;
  36.   margin: 0 0 40px 0;
  37.   font-size: 25px;
  38.   line-height: 30px;
  39. }
  40. .circle {
  41.   width: 200px;
  42.   height: 200px;
  43.   line-height: 200px;
  44.   border-radius: 50%; /* the magic */
  45.   -moz-border-radius: 50%;
  46.   -webkit-border-radius: 50%;
  47.   text-align: center;
  48.   color: white;
  49.   font-size: 16px;
  50.   text-transform: uppercase;
  51.   font-weight: 700;
  52.   margin: 0 auto 40px;
  53. }
  54.  
  55. .blue {
  56.   background-color: #3498db;  
  57. }
  58. .green {
  59.   background-color: #16a085;
  60. }
  61. .red {
  62.   background-color: #e74c3c;
  63. }
  64. .feedback {
  65.   font-size: 14px;
  66.   color: #b1b1b1;
  67. }:root {
  68.   --base: #ffc600;
  69. --spacing: 10px;
  70. --blur: 0px;
  71. }
  72. .container {
  73.   max-width:500px;
  74.   margin:0 auto;
  75. }
  76. .controls {
  77.   margin: 40px 0;
  78. }
  79. .main_img {
  80.   width:400px;
  81.   background: var(--base);
  82.   padding:var(--spacing);
  83.   filter:blur(var(--blur));
  84. }
  85. .title {
  86.   color:var(--base);
  87. }iv class ='container'>
  88. <h2>Update CSS variables and <span class ='title'>JS</span></h2>
  89.  
  90. <div class='controls'>
  91.   <label for='spacing'>Spacing:</label>
  92.   <input type='range' name='spacing' min='10' max='200' value='10' data-sizing="px">
  93.  
  94.  
  95.   <label for='blur'>Blur:</label>
  96.   <input type='range' name='blur' min='0' max='25' value='10' data-sizing="px">
  97.  
  98.   <label for ='bade'>Base Color</label>
  99.   <input type ='color' name ='base' value ='#ffc600'>
  100. </div>
  101.  
  102. <img class ='main_img' src = 'https://images.unsplash.com/photo-1504317083653-6843c8aa144f?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&s=7469762d912af4532b57d0cc2e33be64'>
  103. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement