Guest User

Untitled

a guest
May 22nd, 2018
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.96 KB | None | 0 0
  1. .flag {
  2. width:480px;
  3. height:240px;
  4. background:#cf142b;
  5. position:relative;
  6. border:1px solid #000;
  7. margin:50px auto 100px;
  8. }
  9.  
  10. .flag div {
  11. overflow:hidden;
  12. }
  13.  
  14. .topw {
  15. width:0;
  16. height:0;
  17. border-top:111px solid #fff;
  18. border-left:222px dashed transparent;
  19. border-right:222px dashed transparent;
  20. }
  21.  
  22. .leftw {
  23. width:0;
  24. height:0;
  25. border-left:222px solid #fff;
  26. border-top:111px dashed transparent;
  27. border-bottom:111px dashed transparent;
  28. position:absolute;
  29. left:0;
  30. bottom:0;
  31. }
  32.  
  33. .rightw {
  34. width:0;
  35. height:0;
  36. border-right:222px solid #fff;
  37. border-top:111px dashed transparent;
  38. border-bottom:111px dashed transparent;
  39. position:absolute;
  40. right:0;
  41. top:0;
  42. }
  43.  
  44. .bottomw {
  45. width:0;
  46. height:0;
  47. border-bottom:111px solid #fff;
  48. border-left:222px dashed transparent;
  49. border-right:222px dashed transparent;
  50. position:absolute;
  51. bottom:0;
  52. right:0;
  53. }
  54.  
  55. .topb {
  56. width:0;
  57. height:0;
  58. border-top:93px solid #00247d;
  59. border-left:186px dashed transparent;
  60. border-right:186px dashed transparent;
  61. position:absolute;
  62. top:0;
  63. left:54px;
  64. }
  65.  
  66. .leftb {
  67. width:0;
  68. height:0;
  69. border-left:186px solid #00247d;
  70. border-top:93px dashed transparent;
  71. border-bottom:93px dashed transparent;
  72. position:absolute;
  73. left:0;
  74. top:27px;
  75. }
  76.  
  77. .rightb {
  78. width:0;
  79. height:0;
  80. border-right:186px solid #00247d;
  81. border-top:93px dashed transparent;
  82. border-bottom:93px dashed transparent;
  83. position:absolute;
  84. right:0;
  85. top:27px;
  86. }
  87.  
  88. .bottomb {
  89. width:0;
  90. height:0;
  91. border-bottom:93px solid #00247d;
  92. border-left:186px dashed transparent;
  93. border-right:186px dashed transparent;
  94. position:absolute;
  95. bottom:0;
  96. left:54px;
  97. }
  98.  
  99. .horizontal {
  100. width:480px;
  101. height:48px;
  102. border-top:16px solid #fff;
  103. border-bottom:16px solid #fff;
  104. background:#cf142b;
  105. position:absolute;
  106. left:0;
  107. top:80px;
  108. }
  109.  
  110. .vert {
  111. width:48px;
  112. height:96px;
  113. border-left:16px solid #fff;
  114. border-right:16px solid #fff;
  115. background:#cf142b;
  116. position:absolute;
  117. left:200px;
  118. }
  119.  
  120. .vtop {
  121. top:0;
  122. }
  123.  
  124. .vbottom {
  125. bottom:0;
  126. }
Add Comment
Please, Sign In to add comment