pastebin - collaborative debugging tool
kpaste.net RSS


css
Posted by Anonymous on Tue 19th May 2020 09:05
raw | new post

  1. /*start triangle*/
  2. .tooltip-form .tooltipTriangleInner{
  3.   line-height: 1;
  4.   width: 1.7rem;
  5.   height: 1.7rem;
  6.   border-top-right-radius: 20%;
  7.   background-color: #FFFFFF;
  8.   text-align: left;
  9.   display: inline-block;
  10.   margin: 1rem;
  11.   -webkit-transform: rotate(60deg) skewX(-30deg) scale(1, 0.866);
  12.   transform: rotate(60deg) skewX(-29deg) scale(1, 0.866);
  13.   position: absolute !important;
  14.   top: -26px;
  15.   z-index:1;
  16.   border-top-right-radius: 0px;
  17. }
  18. .tooltip-form .tooltipTriangleInner.ar{
  19.   right: 82px;
  20.   left:auto;
  21. }
  22. .tooltip-form .tooltipTriangleInner.fr{
  23.   left: 79px;
  24.   right:auto;
  25. }
  26.  
  27. .tooltip-form .tooltipTriangleInner::before,
  28. .tooltip-form .tooltipTriangleInner::after{
  29.   content: '';
  30.   position: absolute;
  31.   background-color: inherit;
  32.   width: 100%;
  33.   height: 100%;
  34.   border-top-right-radius: 20%;
  35. }
  36. .tooltip-form .tooltipTriangleInner::before {
  37.   -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  38.   transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  39.   border-top-right-radius: 7px;
  40. }
  41. .tooltip-form .tooltipTriangleInner::after{
  42.   -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  43.   transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%,-2px);
  44.   border-top-right-radius: 0px;
  45. }
  46. /*****/
  47. .tooltip-form .tooltipTriangleOuter{
  48.   line-height: 1;
  49.   width: 2.5rem;
  50.   height: 2.5rem;
  51.   border-top-right-radius: 20%;
  52.   background-color: #7082b9;
  53.   text-align: left;
  54.   display: inline-block;
  55.   margin: 1rem;
  56.   -webkit-transform: rotate(60deg) skewX(-30deg) scale(1, 0.866);
  57.   transform: rotate(60deg) skewX(-29deg) scale(1, 0.866);
  58.   position: absolute !important;
  59.   top: -35px;
  60.   border-top-right-radius: 0px;
  61. }
  62. .tooltip-form .tooltipTriangleOuter.ar{
  63.   right: 76px;
  64. }
  65. .tooltip-form .tooltipTriangleOuter.fr{
  66.   left: 76px;
  67. }
  68. .tooltip-form .tooltipTriangleOuter::before,
  69. .tooltip-form .tooltipTriangleOuter::after{
  70.   content: '';
  71.   position: absolute;
  72.   background-color: inherit;
  73.   width: 100%;
  74.   height: 100%;
  75.   border-top-right-radius: 20%;
  76. }
  77. .tooltip-form .tooltipTriangleOuter::before {
  78.   -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  79.   transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
  80.   border-top-right-radius: 7px;
  81. }
  82. .tooltip-form .tooltipTriangleOuter::after{
  83.   -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
  84.   transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%,-1%);
  85.   border-top-right-radius: 0px;
  86. }
  87. /*end triangle*/
  88.  
  89. .tooltip-form .formio-component-var-tooltipForm ~ .row > .col:last-child > .row:first-child h2,
  90. .tooltip-form .formio-component-var-tooltipForm ~ .row > .col:first-child > .row:first-child h3{
  91.   min-height: 80px;
  92.   margin-bottom:30px;
  93. }
  94. .tooltip-form .formio-component-var-tooltipForm ~
  95. .row > .col:last-child > .row:last-child >.col-sm-12,
  96. .tooltip-form .formio-component-var-tooltipForm ~
  97. .row > .col:first-child > .row:last-child >.col-sm-12{
  98.     border: 6px solid #7082b9;
  99.     border-radius: 16px;
  100. }
  101.  
  102. .tooltip-form .formio-component-var-tooltipForm +
  103. div > div.row > :first-child{
  104.     border: 6px solid #7082b9;
  105.     border-top:none;
  106.     border-bottom-right-radius: 16px;
  107.     border-bottom-left-radius: 16px;
  108. }
  109. .tooltip-form .formio-component-var-tooltipForm +
  110. div > div.row > :last-child{
  111.     border: 6px solid #7082b9;
  112.     border-top:none;
  113.     border-bottom-right-radius: 16px;
  114.     border-bottom-left-radius: 16px;
  115. }
  116.  
  117. .tooltip-form .row .accueilDeclarationListAr,
  118. .tooltip-form .row .accueilDeclarationArTitre,
  119. .tooltip-form .row .declarationEntetePageAr,
  120. .tooltip-form .row .accueilDeclarationArNB{
  121.   direction:rtl;
  122. }
  123.  
  124. div.formio-component-var-tooltipForm + div.row{
  125.   justify-content: space-between;
  126.   flex-flow: row-reverse nowrap;
  127.   margin:0;
  128. }
  129. div.formio-component-var-tooltipForm + div.row::before,
  130. div.formio-component-var-tooltipForm + div.row::after,
  131. div.formio-component-var-tooltipForm + div.row div.row::before,
  132. div.formio-component-var-tooltipForm + div.row div.row::after
  133. {
  134. display:none;
  135. }
  136.  
  137. div.formio-component-var-tooltipForm + div.row > .col-sm-2{
  138.   display:none;
  139. }
  140.  
  141. div.formio-component-var-tooltipForm + div.row > .col-sm-5{
  142.   width: calc(50% - 50px);
  143. }
  144.  
  145. .col-sm-6:empty{
  146.   display:none;
  147. }
  148. .col-sm-12{
  149.   width:100%
  150. }
  151. @media screen and (max-width:768px){
  152.   div.formio-component-var-tooltipForm + div.row{
  153.     flex-flow:column nowrap;
  154.   }
  155.   div.formio-component-var-tooltipForm + div.row > .col-sm-5{
  156.     width: 100%;
  157.   }
  158.   div.formio-component-var-tooltipForm + div.row > .col-sm-5:first-child{
  159.     margin-top:50px;
  160.   }
  161. }

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}




All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at