Last active
August 29, 2015 14:19
-
-
Save vnys/4f6cb9ad5eba0007b27e to your computer and use it in GitHub Desktop.
Dr. Front CSS bug
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import '../legacy/legacy.css'; */ | |
| .drfront { | |
| /* CSS Reset */ | |
| /* Default CSS */ | |
| line-height: 1; | |
| color: black; | |
| width: 400px; | |
| } | |
| .drfront div, | |
| .drfront span, | |
| .drfront applet, | |
| .drfront object, | |
| .drfront iframe, | |
| .drfront h1, | |
| .drfront h2, | |
| .drfront h3, | |
| .drfront h4, | |
| .drfront h5, | |
| .drfront h6, | |
| .drfront p, | |
| .drfront blockquote, | |
| .drfront pre, | |
| .drfront a, | |
| .drfront abbr, | |
| .drfront acronym, | |
| .drfront address, | |
| .drfront big, | |
| .drfront cite, | |
| .drfront code, | |
| .drfront del, | |
| .drfront dfn, | |
| .drfront em, | |
| .drfront font, | |
| .drfront img, | |
| .drfront ins, | |
| .drfront kbd, | |
| .drfront q, | |
| .drfront s, | |
| .drfront samp, | |
| .drfront small, | |
| .drfront strike, | |
| .drfront strong, | |
| .drfront sub, | |
| .drfront sup, | |
| .drfront tt, | |
| .drfront var, | |
| .drfront dl, | |
| .drfront dt, | |
| .drfront dd, | |
| .drfront ol, | |
| .drfront ul, | |
| .drfront li, | |
| .drfront fieldset, | |
| .drfront form, | |
| .drfront label, | |
| .drfront legend, | |
| .drfront table, | |
| .drfront caption, | |
| .drfront tbody, | |
| .drfront tfoot, | |
| .drfront thead, | |
| .drfront tr, | |
| .drfront th, | |
| .drfront td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| font-weight: inherit; | |
| font-style: inherit; | |
| font-size: 100%; | |
| font-family: inherit; | |
| vertical-align: baseline; | |
| } | |
| .drfront :focus { | |
| outline: 0; | |
| } | |
| .drfront ol, | |
| .drfront ul { | |
| list-style: none; | |
| } | |
| .drfront table { | |
| border-collapse: separate; | |
| border-spacing: 0; | |
| } | |
| .drfront caption, | |
| .drfront th, | |
| .drfront td { | |
| text-align: left; | |
| font-weight: normal; | |
| } | |
| .drfront h1, | |
| .drfront h2, | |
| .drfront h3, | |
| .drfront h4, | |
| .drfront h5, | |
| .drfront h6, | |
| .drfront strong { | |
| font-weight: bold; | |
| } | |
| .drfront em { | |
| font-style: italic; | |
| } | |
| .drfront .df-article { | |
| overflow: hidden; | |
| word-wrap: break-word; | |
| position: relative; | |
| display: inline; | |
| /* IE Fix (doubled-margin bug) */ | |
| } | |
| .drfront .df-article.df-width-100 { | |
| width: 400px; | |
| } | |
| .drfront .df-article.df-left, | |
| .drfront .df-img-container.df-left { | |
| float: left; | |
| } | |
| .drfront .df-article.df-right, | |
| .drfront .df-img-container.df-right { | |
| float: right; | |
| } | |
| .drfront .df-container { | |
| clear: both; | |
| float: left; | |
| width: 100%; | |
| } | |
| .drfront .df-article-header-inner, | |
| .drfront .df-container-header-inner { | |
| display: block; | |
| } | |
| .drfront .df-container-footer { | |
| clear: both; | |
| } | |
| .drfront .df-img-container { | |
| position: relative; | |
| } | |
| .drfront .df-img-container a, | |
| .drfront .df-img-container a:hover { | |
| border: 0; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| .drfront .df-img-container, | |
| .drfront .df-img-container-inner { | |
| display: block; | |
| } | |
| .drfront .df-img-container .df-img-layer { | |
| display: none; | |
| } | |
| .drfront .df-img-container .df-img-layer a { | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .drfront .df-img-container.df-left .article-image, | |
| .drfront .df-img-container.df-right .article-image { | |
| display: inline; | |
| /* IE Fix (doubled-margin bug) */ | |
| } | |
| .drfront img { | |
| border: none; | |
| display: inline; | |
| vertical-align: middle; | |
| } | |
| .drfront .df-article-img { | |
| vertical-align: middle; | |
| } | |
| .drfront .df-clearer { | |
| clear: both; | |
| } | |
| .drfront .df-empty { | |
| display: none; | |
| } | |
| #front-6 .df-article-content span.df-forecolor * { | |
| color: inherit !important; | |
| /* Fix for changing colors on links */ | |
| color: expression(this.parentNode.currentStyle.color) !important; | |
| /* IE Fix for lacking "inherit" support */ | |
| } | |
| /* Classes used to resize text */ | |
| .drfront { | |
| /* font-size classes */ | |
| /* line-height classes */ | |
| /* letter-spacing classes */ | |
| /* word-spacing classes */ | |
| } | |
| .drfront .df-fs-256 { | |
| font-size: 256px !important; | |
| } | |
| .drfront .df-fs-255 { | |
| font-size: 255px !important; | |
| } | |
| .drfront .df-fs-254 { | |
| font-size: 254px !important; | |
| } | |
| .drfront .df-fs-253 { | |
| font-size: 253px !important; | |
| } | |
| .drfront .df-fs-252 { | |
| font-size: 252px !important; | |
| } | |
| .drfront .df-fs-251 { | |
| font-size: 251px !important; | |
| } | |
| .drfront .df-fs-250 { | |
| font-size: 250px !important; | |
| } | |
| .drfront .df-fs-249 { | |
| font-size: 249px !important; | |
| } | |
| .drfront .df-fs-248 { | |
| font-size: 248px !important; | |
| } | |
| .drfront .df-fs-247 { | |
| font-size: 247px !important; | |
| } | |
| .drfront .df-fs-246 { | |
| font-size: 246px !important; | |
| } | |
| .drfront .df-fs-245 { | |
| font-size: 245px !important; | |
| } | |
| .drfront .df-fs-244 { | |
| font-size: 244px !important; | |
| } | |
| .drfront .df-fs-243 { | |
| font-size: 243px !important; | |
| } | |
| .drfront .df-fs-242 { | |
| font-size: 242px !important; | |
| } | |
| .drfront .df-fs-241 { | |
| font-size: 241px !important; | |
| } | |
| .drfront .df-fs-240 { | |
| font-size: 240px !important; | |
| } | |
| .drfront .df-fs-239 { | |
| font-size: 239px !important; | |
| } | |
| .drfront .df-fs-238 { | |
| font-size: 238px !important; | |
| } | |
| .drfront .df-fs-237 { | |
| font-size: 237px !important; | |
| } | |
| .drfront .df-fs-236 { | |
| font-size: 236px !important; | |
| } | |
| .drfront .df-fs-235 { | |
| font-size: 235px !important; | |
| } | |
| .drfront .df-fs-234 { | |
| font-size: 234px !important; | |
| } | |
| .drfront .df-fs-233 { | |
| font-size: 233px !important; | |
| } | |
| .drfront .df-fs-232 { | |
| font-size: 232px !important; | |
| } | |
| .drfront .df-fs-231 { | |
| font-size: 231px !important; | |
| } | |
| .drfront .df-fs-230 { | |
| font-size: 230px !important; | |
| } | |
| .drfront .df-fs-229 { | |
| font-size: 229px !important; | |
| } | |
| .drfront .df-fs-228 { | |
| font-size: 228px !important; | |
| } | |
| .drfront .df-fs-227 { | |
| font-size: 227px !important; | |
| } | |
| .drfront .df-fs-226 { | |
| font-size: 226px !important; | |
| } | |
| .drfront .df-fs-225 { | |
| font-size: 225px !important; | |
| } | |
| .drfront .df-fs-224 { | |
| font-size: 224px !important; | |
| } | |
| .drfront .df-fs-223 { | |
| font-size: 223px !important; | |
| } | |
| .drfront .df-fs-222 { | |
| font-size: 222px !important; | |
| } | |
| .drfront .df-fs-221 { | |
| font-size: 221px !important; | |
| } | |
| .drfront .df-fs-220 { | |
| font-size: 220px !important; | |
| } | |
| .drfront .df-fs-219 { | |
| font-size: 219px !important; | |
| } | |
| .drfront .df-fs-218 { | |
| font-size: 218px !important; | |
| } | |
| .drfront .df-fs-217 { | |
| font-size: 217px !important; | |
| } | |
| .drfront .df-fs-216 { | |
| font-size: 216px !important; | |
| } | |
| .drfront .df-fs-215 { | |
| font-size: 215px !important; | |
| } | |
| .drfront .df-fs-214 { | |
| font-size: 214px !important; | |
| } | |
| .drfront .df-fs-213 { | |
| font-size: 213px !important; | |
| } | |
| .drfront .df-fs-212 { | |
| font-size: 212px !important; | |
| } | |
| .drfront .df-fs-211 { | |
| font-size: 211px !important; | |
| } | |
| .drfront .df-fs-210 { | |
| font-size: 210px !important; | |
| } | |
| .drfront .df-fs-209 { | |
| font-size: 209px !important; | |
| } | |
| .drfront .df-fs-208 { | |
| font-size: 208px !important; | |
| } | |
| .drfront .df-fs-207 { | |
| font-size: 207px !important; | |
| } | |
| .drfront .df-fs-206 { | |
| font-size: 206px !important; | |
| } | |
| .drfront .df-fs-205 { | |
| font-size: 205px !important; | |
| } | |
| .drfront .df-fs-204 { | |
| font-size: 204px !important; | |
| } | |
| .drfront .df-fs-203 { | |
| font-size: 203px !important; | |
| } | |
| .drfront .df-fs-202 { | |
| font-size: 202px !important; | |
| } | |
| .drfront .df-fs-201 { | |
| font-size: 201px !important; | |
| } | |
| .drfront .df-fs-200 { | |
| font-size: 200px !important; | |
| } | |
| .drfront .df-fs-199 { | |
| font-size: 199px !important; | |
| } | |
| .drfront .df-fs-198 { | |
| font-size: 198px !important; | |
| } | |
| .drfront .df-fs-197 { | |
| font-size: 197px !important; | |
| } | |
| .drfront .df-fs-196 { | |
| font-size: 196px !important; | |
| } | |
| .drfront .df-fs-195 { | |
| font-size: 195px !important; | |
| } | |
| .drfront .df-fs-194 { | |
| font-size: 194px !important; | |
| } | |
| .drfront .df-fs-193 { | |
| font-size: 193px !important; | |
| } | |
| .drfront .df-fs-192 { | |
| font-size: 192px !important; | |
| } | |
| .drfront .df-fs-191 { | |
| font-size: 191px !important; | |
| } | |
| .drfront .df-fs-190 { | |
| font-size: 190px !important; | |
| } | |
| .drfront .df-fs-189 { | |
| font-size: 189px !important; | |
| } | |
| .drfront .df-fs-188 { | |
| font-size: 188px !important; | |
| } | |
| .drfront .df-fs-187 { | |
| font-size: 187px !important; | |
| } | |
| .drfront .df-fs-186 { | |
| font-size: 186px !important; | |
| } | |
| .drfront .df-fs-185 { | |
| font-size: 185px !important; | |
| } | |
| .drfront .df-fs-184 { | |
| font-size: 184px !important; | |
| } | |
| .drfront .df-fs-183 { | |
| font-size: 183px !important; | |
| } | |
| .drfront .df-fs-182 { | |
| font-size: 182px !important; | |
| } | |
| .drfront .df-fs-181 { | |
| font-size: 181px !important; | |
| } | |
| .drfront .df-fs-180 { | |
| font-size: 180px !important; | |
| } | |
| .drfront .df-fs-179 { | |
| font-size: 179px !important; | |
| } | |
| .drfront .df-fs-178 { | |
| font-size: 178px !important; | |
| } | |
| .drfront .df-fs-177 { | |
| font-size: 177px !important; | |
| } | |
| .drfront .df-fs-176 { | |
| font-size: 176px !important; | |
| } | |
| .drfront .df-fs-175 { | |
| font-size: 175px !important; | |
| } | |
| .drfront .df-fs-174 { | |
| font-size: 174px !important; | |
| } | |
| .drfront .df-fs-173 { | |
| font-size: 173px !important; | |
| } | |
| .drfront .df-fs-172 { | |
| font-size: 172px !important; | |
| } | |
| .drfront .df-fs-171 { | |
| font-size: 171px !important; | |
| } | |
| .drfront .df-fs-170 { | |
| font-size: 170px !important; | |
| } | |
| .drfront .df-fs-169 { | |
| font-size: 169px !important; | |
| } | |
| .drfront .df-fs-168 { | |
| font-size: 168px !important; | |
| } | |
| .drfront .df-fs-167 { | |
| font-size: 167px !important; | |
| } | |
| .drfront .df-fs-166 { | |
| font-size: 166px !important; | |
| } | |
| .drfront .df-fs-165 { | |
| font-size: 165px !important; | |
| } | |
| .drfront .df-fs-164 { | |
| font-size: 164px !important; | |
| } | |
| .drfront .df-fs-163 { | |
| font-size: 163px !important; | |
| } | |
| .drfront .df-fs-162 { | |
| font-size: 162px !important; | |
| } | |
| .drfront .df-fs-161 { | |
| font-size: 161px !important; | |
| } | |
| .drfront .df-fs-160 { | |
| font-size: 160px !important; | |
| } | |
| .drfront .df-fs-159 { | |
| font-size: 159px !important; | |
| } | |
| .drfront .df-fs-158 { | |
| font-size: 158px !important; | |
| } | |
| .drfront .df-fs-157 { | |
| font-size: 157px !important; | |
| } | |
| .drfront .df-fs-156 { | |
| font-size: 156px !important; | |
| } | |
| .drfront .df-fs-155 { | |
| font-size: 155px !important; | |
| } | |
| .drfront .df-fs-154 { | |
| font-size: 154px !important; | |
| } | |
| .drfront .df-fs-153 { | |
| font-size: 153px !important; | |
| } | |
| .drfront .df-fs-152 { | |
| font-size: 152px !important; | |
| } | |
| .drfront .df-fs-151 { | |
| font-size: 151px !important; | |
| } | |
| .drfront .df-fs-150 { | |
| font-size: 150px !important; | |
| } | |
| .drfront .df-fs-149 { | |
| font-size: 149px !important; | |
| } | |
| .drfront .df-fs-148 { | |
| font-size: 148px !important; | |
| } | |
| .drfront .df-fs-147 { | |
| font-size: 147px !important; | |
| } | |
| .drfront .df-fs-146 { | |
| font-size: 146px !important; | |
| } | |
| .drfront .df-fs-145 { | |
| font-size: 145px !important; | |
| } | |
| .drfront .df-fs-144 { | |
| font-size: 144px !important; | |
| } | |
| .drfront .df-fs-143 { | |
| font-size: 143px !important; | |
| } | |
| .drfront .df-fs-142 { | |
| font-size: 142px !important; | |
| } | |
| .drfront .df-fs-141 { | |
| font-size: 141px !important; | |
| } | |
| .drfront .df-fs-140 { | |
| font-size: 140px !important; | |
| } | |
| .drfront .df-fs-139 { | |
| font-size: 139px !important; | |
| } | |
| .drfront .df-fs-138 { | |
| font-size: 138px !important; | |
| } | |
| .drfront .df-fs-137 { | |
| font-size: 137px !important; | |
| } | |
| .drfront .df-fs-136 { | |
| font-size: 136px !important; | |
| } | |
| .drfront .df-fs-135 { | |
| font-size: 135px !important; | |
| } | |
| .drfront .df-fs-134 { | |
| font-size: 134px !important; | |
| } | |
| .drfront .df-fs-133 { | |
| font-size: 133px !important; | |
| } | |
| .drfront .df-fs-132 { | |
| font-size: 132px !important; | |
| } | |
| .drfront .df-fs-131 { | |
| font-size: 131px !important; | |
| } | |
| .drfront .df-fs-130 { | |
| font-size: 130px !important; | |
| } | |
| .drfront .df-fs-129 { | |
| font-size: 129px !important; | |
| } | |
| .drfront .df-fs-128 { | |
| font-size: 128px !important; | |
| } | |
| .drfront .df-fs-127 { | |
| font-size: 127px !important; | |
| } | |
| .drfront .df-fs-126 { | |
| font-size: 126px !important; | |
| } | |
| .drfront .df-fs-125 { | |
| font-size: 125px !important; | |
| } | |
| .drfront .df-fs-124 { | |
| font-size: 124px !important; | |
| } | |
| .drfront .df-fs-123 { | |
| font-size: 123px !important; | |
| } | |
| .drfront .df-fs-122 { | |
| font-size: 122px !important; | |
| } | |
| .drfront .df-fs-121 { | |
| font-size: 121px !important; | |
| } | |
| .drfront .df-fs-120 { | |
| font-size: 120px !important; | |
| } | |
| .drfront .df-fs-119 { | |
| font-size: 119px !important; | |
| } | |
| .drfront .df-fs-118 { | |
| font-size: 118px !important; | |
| } | |
| .drfront .df-fs-117 { | |
| font-size: 117px !important; | |
| } | |
| .drfront .df-fs-116 { | |
| font-size: 116px !important; | |
| } | |
| .drfront .df-fs-115 { | |
| font-size: 115px !important; | |
| } | |
| .drfront .df-fs-114 { | |
| font-size: 114px !important; | |
| } | |
| .drfront .df-fs-113 { | |
| font-size: 113px !important; | |
| } | |
| .drfront .df-fs-112 { | |
| font-size: 112px !important; | |
| } | |
| .drfront .df-fs-111 { | |
| font-size: 111px !important; | |
| } | |
| .drfront .df-fs-110 { | |
| font-size: 110px !important; | |
| } | |
| .drfront .df-fs-109 { | |
| font-size: 109px !important; | |
| } | |
| .drfront .df-fs-108 { | |
| font-size: 108px !important; | |
| } | |
| .drfront .df-fs-107 { | |
| font-size: 107px !important; | |
| } | |
| .drfront .df-fs-106 { | |
| font-size: 106px !important; | |
| } | |
| .drfront .df-fs-105 { | |
| font-size: 105px !important; | |
| } | |
| .drfront .df-fs-104 { | |
| font-size: 104px !important; | |
| } | |
| .drfront .df-fs-103 { | |
| font-size: 103px !important; | |
| } | |
| .drfront .df-fs-102 { | |
| font-size: 102px !important; | |
| } | |
| .drfront .df-fs-101 { | |
| font-size: 101px !important; | |
| } | |
| .drfront .df-fs-100 { | |
| font-size: 100px !important; | |
| } | |
| .drfront .df-fs-99 { | |
| font-size: 99px !important; | |
| } | |
| .drfront .df-fs-98 { | |
| font-size: 98px !important; | |
| } | |
| .drfront .df-fs-97 { | |
| font-size: 97px !important; | |
| } | |
| .drfront .df-fs-96 { | |
| font-size: 96px !important; | |
| } | |
| .drfront .df-fs-95 { | |
| font-size: 95px !important; | |
| } | |
| .drfront .df-fs-94 { | |
| font-size: 94px !important; | |
| } | |
| .drfront .df-fs-93 { | |
| font-size: 93px !important; | |
| } | |
| .drfront .df-fs-92 { | |
| font-size: 92px !important; | |
| } | |
| .drfront .df-fs-91 { | |
| font-size: 91px !important; | |
| } | |
| .drfront .df-fs-90 { | |
| font-size: 90px !important; | |
| } | |
| .drfront .df-fs-89 { | |
| font-size: 89px !important; | |
| } | |
| .drfront .df-fs-88 { | |
| font-size: 88px !important; | |
| } | |
| .drfront .df-fs-87 { | |
| font-size: 87px !important; | |
| } | |
| .drfront .df-fs-86 { | |
| font-size: 86px !important; | |
| } | |
| .drfront .df-fs-85 { | |
| font-size: 85px !important; | |
| } | |
| .drfront .df-fs-84 { | |
| font-size: 84px !important; | |
| } | |
| .drfront .df-fs-83 { | |
| font-size: 83px !important; | |
| } | |
| .drfront .df-fs-82 { | |
| font-size: 82px !important; | |
| } | |
| .drfront .df-fs-81 { | |
| font-size: 81px !important; | |
| } | |
| .drfront .df-fs-80 { | |
| font-size: 80px !important; | |
| } | |
| .drfront .df-fs-79 { | |
| font-size: 79px !important; | |
| } | |
| .drfront .df-fs-78 { | |
| font-size: 78px !important; | |
| } | |
| .drfront .df-fs-77 { | |
| font-size: 77px !important; | |
| } | |
| .drfront .df-fs-76 { | |
| font-size: 76px !important; | |
| } | |
| .drfront .df-fs-75 { | |
| font-size: 75px !important; | |
| } | |
| .drfront .df-fs-74 { | |
| font-size: 74px !important; | |
| } | |
| .drfront .df-fs-73 { | |
| font-size: 73px !important; | |
| } | |
| .drfront .df-fs-72 { | |
| font-size: 72px !important; | |
| } | |
| .drfront .df-fs-71 { | |
| font-size: 71px !important; | |
| } | |
| .drfront .df-fs-70 { | |
| font-size: 70px !important; | |
| } | |
| .drfront .df-fs-69 { | |
| font-size: 69px !important; | |
| } | |
| .drfront .df-fs-68 { | |
| font-size: 68px !important; | |
| } | |
| .drfront .df-fs-67 { | |
| font-size: 67px !important; | |
| } | |
| .drfront .df-fs-66 { | |
| font-size: 66px !important; | |
| } | |
| .drfront .df-fs-65 { | |
| font-size: 65px !important; | |
| } | |
| .drfront .df-fs-64 { | |
| font-size: 64px !important; | |
| } | |
| .drfront .df-fs-63 { | |
| font-size: 63px !important; | |
| } | |
| .drfront .df-fs-62 { | |
| font-size: 62px !important; | |
| } | |
| .drfront .df-fs-61 { | |
| font-size: 61px !important; | |
| } | |
| .drfront .df-fs-60 { | |
| font-size: 60px !important; | |
| } | |
| .drfront .df-fs-59 { | |
| font-size: 59px !important; | |
| } | |
| .drfront .df-fs-58 { | |
| font-size: 58px !important; | |
| } | |
| .drfront .df-fs-57 { | |
| font-size: 57px !important; | |
| } | |
| .drfront .df-fs-56 { | |
| font-size: 56px !important; | |
| } | |
| .drfront .df-fs-55 { | |
| font-size: 55px !important; | |
| } | |
| .drfront .df-fs-54 { | |
| font-size: 54px !important; | |
| } | |
| .drfront .df-fs-53 { | |
| font-size: 53px !important; | |
| } | |
| .drfront .df-fs-52 { | |
| font-size: 52px !important; | |
| } | |
| .drfront .df-fs-51 { | |
| font-size: 51px !important; | |
| } | |
| .drfront .df-fs-50 { | |
| font-size: 50px !important; | |
| } | |
| .drfront .df-fs-49 { | |
| font-size: 49px !important; | |
| } | |
| .drfront .df-fs-48 { | |
| font-size: 48px !important; | |
| } | |
| .drfront .df-fs-47 { | |
| font-size: 47px !important; | |
| } | |
| .drfront .df-fs-46 { | |
| font-size: 46px !important; | |
| } | |
| .drfront .df-fs-45 { | |
| font-size: 45px !important; | |
| } | |
| .drfront .df-fs-44 { | |
| font-size: 44px !important; | |
| } | |
| .drfront .df-fs-43 { | |
| font-size: 43px !important; | |
| } | |
| .drfront .df-fs-42 { | |
| font-size: 42px !important; | |
| } | |
| .drfront .df-fs-41 { | |
| font-size: 41px !important; | |
| } | |
| .drfront .df-fs-40 { | |
| font-size: 40px !important; | |
| } | |
| .drfront .df-fs-39 { | |
| font-size: 39px !important; | |
| } | |
| .drfront .df-fs-38 { | |
| font-size: 38px !important; | |
| } | |
| .drfront .df-fs-37 { | |
| font-size: 37px !important; | |
| } | |
| .drfront .df-fs-36 { | |
| font-size: 36px !important; | |
| } | |
| .drfront .df-fs-35 { | |
| font-size: 35px !important; | |
| } | |
| .drfront .df-fs-34 { | |
| font-size: 34px !important; | |
| } | |
| .drfront .df-fs-33 { | |
| font-size: 33px !important; | |
| } | |
| .drfront .df-fs-32 { | |
| font-size: 32px !important; | |
| } | |
| .drfront .df-fs-31 { | |
| font-size: 31px !important; | |
| } | |
| .drfront .df-fs-30 { | |
| font-size: 30px !important; | |
| } | |
| .drfront .df-fs-29 { | |
| font-size: 29px !important; | |
| } | |
| .drfront .df-fs-28 { | |
| font-size: 28px !important; | |
| } | |
| .drfront .df-fs-27 { | |
| font-size: 27px !important; | |
| } | |
| .drfront .df-fs-26 { | |
| font-size: 26px !important; | |
| } | |
| .drfront .df-fs-25 { | |
| font-size: 25px !important; | |
| } | |
| .drfront .df-fs-24 { | |
| font-size: 24px !important; | |
| } | |
| .drfront .df-fs-23 { | |
| font-size: 23px !important; | |
| } | |
| .drfront .df-fs-22 { | |
| font-size: 22px !important; | |
| } | |
| .drfront .df-fs-21 { | |
| font-size: 21px !important; | |
| } | |
| .drfront .df-fs-20 { | |
| font-size: 20px !important; | |
| } | |
| .drfront .df-fs-19 { | |
| font-size: 19px !important; | |
| } | |
| .drfront .df-fs-18 { | |
| font-size: 18px !important; | |
| } | |
| .drfront .df-fs-17 { | |
| font-size: 17px !important; | |
| } | |
| .drfront .df-fs-16 { | |
| font-size: 16px !important; | |
| } | |
| .drfront .df-fs-15 { | |
| font-size: 15px !important; | |
| } | |
| .drfront .df-fs-14 { | |
| font-size: 14px !important; | |
| } | |
| .drfront .df-fs-13 { | |
| font-size: 13px !important; | |
| } | |
| .drfront .df-fs-12 { | |
| font-size: 12px !important; | |
| } | |
| .drfront .df-fs-11 { | |
| font-size: 11px !important; | |
| } | |
| .drfront .df-fs-10 { | |
| font-size: 10px !important; | |
| } | |
| .drfront .df-fs-9 { | |
| font-size: 9px !important; | |
| } | |
| .drfront .df-fs-8 { | |
| font-size: 8px !important; | |
| } | |
| .drfront .df-fs-7 { | |
| font-size: 7px !important; | |
| } | |
| .drfront .df-fs-6 { | |
| font-size: 6px !important; | |
| } | |
| .drfront .df-fs-5 { | |
| font-size: 5px !important; | |
| } | |
| .drfront .df-fs-4 { | |
| font-size: 4px !important; | |
| } | |
| .drfront .df-fs-3 { | |
| font-size: 3px !important; | |
| } | |
| .drfront .df-fs-2 { | |
| font-size: 2px !important; | |
| } | |
| .drfront .df-fs-1 { | |
| font-size: 1px !important; | |
| } | |
| .drfront .df-lh-256 { | |
| line-height: 256px !important; | |
| } | |
| .drfront .df-lh-255 { | |
| line-height: 255px !important; | |
| } | |
| .drfront .df-lh-254 { | |
| line-height: 254px !important; | |
| } | |
| .drfront .df-lh-253 { | |
| line-height: 253px !important; | |
| } | |
| .drfront .df-lh-252 { | |
| line-height: 252px !important; | |
| } | |
| .drfront .df-lh-251 { | |
| line-height: 251px !important; | |
| } | |
| .drfront .df-lh-250 { | |
| line-height: 250px !important; | |
| } | |
| .drfront .df-lh-249 { | |
| line-height: 249px !important; | |
| } | |
| .drfront .df-lh-248 { | |
| line-height: 248px !important; | |
| } | |
| .drfront .df-lh-247 { | |
| line-height: 247px !important; | |
| } | |
| .drfront .df-lh-246 { | |
| line-height: 246px !important; | |
| } | |
| .drfront .df-lh-245 { | |
| line-height: 245px !important; | |
| } | |
| .drfront .df-lh-244 { | |
| line-height: 244px !important; | |
| } | |
| .drfront .df-lh-243 { | |
| line-height: 243px !important; | |
| } | |
| .drfront .df-lh-242 { | |
| line-height: 242px !important; | |
| } | |
| .drfront .df-lh-241 { | |
| line-height: 241px !important; | |
| } | |
| .drfront .df-lh-240 { | |
| line-height: 240px !important; | |
| } | |
| .drfront .df-lh-239 { | |
| line-height: 239px !important; | |
| } | |
| .drfront .df-lh-238 { | |
| line-height: 238px !important; | |
| } | |
| .drfront .df-lh-237 { | |
| line-height: 237px !important; | |
| } | |
| .drfront .df-lh-236 { | |
| line-height: 236px !important; | |
| } | |
| .drfront .df-lh-235 { | |
| line-height: 235px !important; | |
| } | |
| .drfront .df-lh-234 { | |
| line-height: 234px !important; | |
| } | |
| .drfront .df-lh-233 { | |
| line-height: 233px !important; | |
| } | |
| .drfront .df-lh-232 { | |
| line-height: 232px !important; | |
| } | |
| .drfront .df-lh-231 { | |
| line-height: 231px !important; | |
| } | |
| .drfront .df-lh-230 { | |
| line-height: 230px !important; | |
| } | |
| .drfront .df-lh-229 { | |
| line-height: 229px !important; | |
| } | |
| .drfront .df-lh-228 { | |
| line-height: 228px !important; | |
| } | |
| .drfront .df-lh-227 { | |
| line-height: 227px !important; | |
| } | |
| .drfront .df-lh-226 { | |
| line-height: 226px !important; | |
| } | |
| .drfront .df-lh-225 { | |
| line-height: 225px !important; | |
| } | |
| .drfront .df-lh-224 { | |
| line-height: 224px !important; | |
| } | |
| .drfront .df-lh-223 { | |
| line-height: 223px !important; | |
| } | |
| .drfront .df-lh-222 { | |
| line-height: 222px !important; | |
| } | |
| .drfront .df-lh-221 { | |
| line-height: 221px !important; | |
| } | |
| .drfront .df-lh-220 { | |
| line-height: 220px !important; | |
| } | |
| .drfront .df-lh-219 { | |
| line-height: 219px !important; | |
| } | |
| .drfront .df-lh-218 { | |
| line-height: 218px !important; | |
| } | |
| .drfront .df-lh-217 { | |
| line-height: 217px !important; | |
| } | |
| .drfront .df-lh-216 { | |
| line-height: 216px !important; | |
| } | |
| .drfront .df-lh-215 { | |
| line-height: 215px !important; | |
| } | |
| .drfront .df-lh-214 { | |
| line-height: 214px !important; | |
| } | |
| .drfront .df-lh-213 { | |
| line-height: 213px !important; | |
| } | |
| .drfront .df-lh-212 { | |
| line-height: 212px !important; | |
| } | |
| .drfront .df-lh-211 { | |
| line-height: 211px !important; | |
| } | |
| .drfront .df-lh-210 { | |
| line-height: 210px !important; | |
| } | |
| .drfront .df-lh-209 { | |
| line-height: 209px !important; | |
| } | |
| .drfront .df-lh-208 { | |
| line-height: 208px !important; | |
| } | |
| .drfront .df-lh-207 { | |
| line-height: 207px !important; | |
| } | |
| .drfront .df-lh-206 { | |
| line-height: 206px !important; | |
| } | |
| .drfront .df-lh-205 { | |
| line-height: 205px !important; | |
| } | |
| .drfront .df-lh-204 { | |
| line-height: 204px !important; | |
| } | |
| .drfront .df-lh-203 { | |
| line-height: 203px !important; | |
| } | |
| .drfront .df-lh-202 { | |
| line-height: 202px !important; | |
| } | |
| .drfront .df-lh-201 { | |
| line-height: 201px !important; | |
| } | |
| .drfront .df-lh-200 { | |
| line-height: 200px !important; | |
| } | |
| .drfront .df-lh-199 { | |
| line-height: 199px !important; | |
| } | |
| .drfront .df-lh-198 { | |
| line-height: 198px !important; | |
| } | |
| .drfront .df-lh-197 { | |
| line-height: 197px !important; | |
| } | |
| .drfront .df-lh-196 { | |
| line-height: 196px !important; | |
| } | |
| .drfront .df-lh-195 { | |
| line-height: 195px !important; | |
| } | |
| .drfront .df-lh-194 { | |
| line-height: 194px !important; | |
| } | |
| .drfront .df-lh-193 { | |
| line-height: 193px !important; | |
| } | |
| .drfront .df-lh-192 { | |
| line-height: 192px !important; | |
| } | |
| .drfront .df-lh-191 { | |
| line-height: 191px !important; | |
| } | |
| .drfront .df-lh-190 { | |
| line-height: 190px !important; | |
| } | |
| .drfront .df-lh-189 { | |
| line-height: 189px !important; | |
| } | |
| .drfront .df-lh-188 { | |
| line-height: 188px !important; | |
| } | |
| .drfront .df-lh-187 { | |
| line-height: 187px !important; | |
| } | |
| .drfront .df-lh-186 { | |
| line-height: 186px !important; | |
| } | |
| .drfront .df-lh-185 { | |
| line-height: 185px !important; | |
| } | |
| .drfront .df-lh-184 { | |
| line-height: 184px !important; | |
| } | |
| .drfront .df-lh-183 { | |
| line-height: 183px !important; | |
| } | |
| .drfront .df-lh-182 { | |
| line-height: 182px !important; | |
| } | |
| .drfront .df-lh-181 { | |
| line-height: 181px !important; | |
| } | |
| .drfront .df-lh-180 { | |
| line-height: 180px !important; | |
| } | |
| .drfront .df-lh-179 { | |
| line-height: 179px !important; | |
| } | |
| .drfront .df-lh-178 { | |
| line-height: 178px !important; | |
| } | |
| .drfront .df-lh-177 { | |
| line-height: 177px !important; | |
| } | |
| .drfront .df-lh-176 { | |
| line-height: 176px !important; | |
| } | |
| .drfront .df-lh-175 { | |
| line-height: 175px !important; | |
| } | |
| .drfront .df-lh-174 { | |
| line-height: 174px !important; | |
| } | |
| .drfront .df-lh-173 { | |
| line-height: 173px !important; | |
| } | |
| .drfront .df-lh-172 { | |
| line-height: 172px !important; | |
| } | |
| .drfront .df-lh-171 { | |
| line-height: 171px !important; | |
| } | |
| .drfront .df-lh-170 { | |
| line-height: 170px !important; | |
| } | |
| .drfront .df-lh-169 { | |
| line-height: 169px !important; | |
| } | |
| .drfront .df-lh-168 { | |
| line-height: 168px !important; | |
| } | |
| .drfront .df-lh-167 { | |
| line-height: 167px !important; | |
| } | |
| .drfront .df-lh-166 { | |
| line-height: 166px !important; | |
| } | |
| .drfront .df-lh-165 { | |
| line-height: 165px !important; | |
| } | |
| .drfront .df-lh-164 { | |
| line-height: 164px !important; | |
| } | |
| .drfront .df-lh-163 { | |
| line-height: 163px !important; | |
| } | |
| .drfront .df-lh-162 { | |
| line-height: 162px !important; | |
| } | |
| .drfront .df-lh-161 { | |
| line-height: 161px !important; | |
| } | |
| .drfront .df-lh-160 { | |
| line-height: 160px !important; | |
| } | |
| .drfront .df-lh-159 { | |
| line-height: 159px !important; | |
| } | |
| .drfront .df-lh-158 { | |
| line-height: 158px !important; | |
| } | |
| .drfront .df-lh-157 { | |
| line-height: 157px !important; | |
| } | |
| .drfront .df-lh-156 { | |
| line-height: 156px !important; | |
| } | |
| .drfront .df-lh-155 { | |
| line-height: 155px !important; | |
| } | |
| .drfront .df-lh-154 { | |
| line-height: 154px !important; | |
| } | |
| .drfront .df-lh-153 { | |
| line-height: 153px !important; | |
| } | |
| .drfront .df-lh-152 { | |
| line-height: 152px !important; | |
| } | |
| .drfront .df-lh-151 { | |
| line-height: 151px !important; | |
| } | |
| .drfront .df-lh-150 { | |
| line-height: 150px !important; | |
| } | |
| .drfront .df-lh-149 { | |
| line-height: 149px !important; | |
| } | |
| .drfront .df-lh-148 { | |
| line-height: 148px !important; | |
| } | |
| .drfront .df-lh-147 { | |
| line-height: 147px !important; | |
| } | |
| .drfront .df-lh-146 { | |
| line-height: 146px !important; | |
| } | |
| .drfront .df-lh-145 { | |
| line-height: 145px !important; | |
| } | |
| .drfront .df-lh-144 { | |
| line-height: 144px !important; | |
| } | |
| .drfront .df-lh-143 { | |
| line-height: 143px !important; | |
| } | |
| .drfront .df-lh-142 { | |
| line-height: 142px !important; | |
| } | |
| .drfront .df-lh-141 { | |
| line-height: 141px !important; | |
| } | |
| .drfront .df-lh-140 { | |
| line-height: 140px !important; | |
| } | |
| .drfront .df-lh-139 { | |
| line-height: 139px !important; | |
| } | |
| .drfront .df-lh-138 { | |
| line-height: 138px !important; | |
| } | |
| .drfront .df-lh-137 { | |
| line-height: 137px !important; | |
| } | |
| .drfront .df-lh-136 { | |
| line-height: 136px !important; | |
| } | |
| .drfront .df-lh-135 { | |
| line-height: 135px !important; | |
| } | |
| .drfront .df-lh-134 { | |
| line-height: 134px !important; | |
| } | |
| .drfront .df-lh-133 { | |
| line-height: 133px !important; | |
| } | |
| .drfront .df-lh-132 { | |
| line-height: 132px !important; | |
| } | |
| .drfront .df-lh-131 { | |
| line-height: 131px !important; | |
| } | |
| .drfront .df-lh-130 { | |
| line-height: 130px !important; | |
| } | |
| .drfront .df-lh-129 { | |
| line-height: 129px !important; | |
| } | |
| .drfront .df-lh-128 { | |
| line-height: 128px !important; | |
| } | |
| .drfront .df-lh-127 { | |
| line-height: 127px !important; | |
| } | |
| .drfront .df-lh-126 { | |
| line-height: 126px !important; | |
| } | |
| .drfront .df-lh-125 { | |
| line-height: 125px !important; | |
| } | |
| .drfront .df-lh-124 { | |
| line-height: 124px !important; | |
| } | |
| .drfront .df-lh-123 { | |
| line-height: 123px !important; | |
| } | |
| .drfront .df-lh-122 { | |
| line-height: 122px !important; | |
| } | |
| .drfront .df-lh-121 { | |
| line-height: 121px !important; | |
| } | |
| .drfront .df-lh-120 { | |
| line-height: 120px !important; | |
| } | |
| .drfront .df-lh-119 { | |
| line-height: 119px !important; | |
| } | |
| .drfront .df-lh-118 { | |
| line-height: 118px !important; | |
| } | |
| .drfront .df-lh-117 { | |
| line-height: 117px !important; | |
| } | |
| .drfront .df-lh-116 { | |
| line-height: 116px !important; | |
| } | |
| .drfront .df-lh-115 { | |
| line-height: 115px !important; | |
| } | |
| .drfront .df-lh-114 { | |
| line-height: 114px !important; | |
| } | |
| .drfront .df-lh-113 { | |
| line-height: 113px !important; | |
| } | |
| .drfront .df-lh-112 { | |
| line-height: 112px !important; | |
| } | |
| .drfront .df-lh-111 { | |
| line-height: 111px !important; | |
| } | |
| .drfront .df-lh-110 { | |
| line-height: 110px !important; | |
| } | |
| .drfront .df-lh-109 { | |
| line-height: 109px !important; | |
| } | |
| .drfront .df-lh-108 { | |
| line-height: 108px !important; | |
| } | |
| .drfront .df-lh-107 { | |
| line-height: 107px !important; | |
| } | |
| .drfront .df-lh-106 { | |
| line-height: 106px !important; | |
| } | |
| .drfront .df-lh-105 { | |
| line-height: 105px !important; | |
| } | |
| .drfront .df-lh-104 { | |
| line-height: 104px !important; | |
| } | |
| .drfront .df-lh-103 { | |
| line-height: 103px !important; | |
| } | |
| .drfront .df-lh-102 { | |
| line-height: 102px !important; | |
| } | |
| .drfront .df-lh-101 { | |
| line-height: 101px !important; | |
| } | |
| .drfront .df-lh-100 { | |
| line-height: 100px !important; | |
| } | |
| .drfront .df-lh-99 { | |
| line-height: 99px !important; | |
| } | |
| .drfront .df-lh-98 { | |
| line-height: 98px !important; | |
| } | |
| .drfront .df-lh-97 { | |
| line-height: 97px !important; | |
| } | |
| .drfront .df-lh-96 { | |
| line-height: 96px !important; | |
| } | |
| .drfront .df-lh-95 { | |
| line-height: 95px !important; | |
| } | |
| .drfront .df-lh-94 { | |
| line-height: 94px !important; | |
| } | |
| .drfront .df-lh-93 { | |
| line-height: 93px !important; | |
| } | |
| .drfront .df-lh-92 { | |
| line-height: 92px !important; | |
| } | |
| .drfront .df-lh-91 { | |
| line-height: 91px !important; | |
| } | |
| .drfront .df-lh-90 { | |
| line-height: 90px !important; | |
| } | |
| .drfront .df-lh-89 { | |
| line-height: 89px !important; | |
| } | |
| .drfront .df-lh-88 { | |
| line-height: 88px !important; | |
| } | |
| .drfront .df-lh-87 { | |
| line-height: 87px !important; | |
| } | |
| .drfront .df-lh-86 { | |
| line-height: 86px !important; | |
| } | |
| .drfront .df-lh-85 { | |
| line-height: 85px !important; | |
| } | |
| .drfront .df-lh-84 { | |
| line-height: 84px !important; | |
| } | |
| .drfront .df-lh-83 { | |
| line-height: 83px !important; | |
| } | |
| .drfront .df-lh-82 { | |
| line-height: 82px !important; | |
| } | |
| .drfront .df-lh-81 { | |
| line-height: 81px !important; | |
| } | |
| .drfront .df-lh-80 { | |
| line-height: 80px !important; | |
| } | |
| .drfront .df-lh-79 { | |
| line-height: 79px !important; | |
| } | |
| .drfront .df-lh-78 { | |
| line-height: 78px !important; | |
| } | |
| .drfront .df-lh-77 { | |
| line-height: 77px !important; | |
| } | |
| .drfront .df-lh-76 { | |
| line-height: 76px !important; | |
| } | |
| .drfront .df-lh-75 { | |
| line-height: 75px !important; | |
| } | |
| .drfront .df-lh-74 { | |
| line-height: 74px !important; | |
| } | |
| .drfront .df-lh-73 { | |
| line-height: 73px !important; | |
| } | |
| .drfront .df-lh-72 { | |
| line-height: 72px !important; | |
| } | |
| .drfront .df-lh-71 { | |
| line-height: 71px !important; | |
| } | |
| .drfront .df-lh-70 { | |
| line-height: 70px !important; | |
| } | |
| .drfront .df-lh-69 { | |
| line-height: 69px !important; | |
| } | |
| .drfront .df-lh-68 { | |
| line-height: 68px !important; | |
| } | |
| .drfront .df-lh-67 { | |
| line-height: 67px !important; | |
| } | |
| .drfront .df-lh-66 { | |
| line-height: 66px !important; | |
| } | |
| .drfront .df-lh-65 { | |
| line-height: 65px !important; | |
| } | |
| .drfront .df-lh-64 { | |
| line-height: 64px !important; | |
| } | |
| .drfront .df-lh-63 { | |
| line-height: 63px !important; | |
| } | |
| .drfront .df-lh-62 { | |
| line-height: 62px !important; | |
| } | |
| .drfront .df-lh-61 { | |
| line-height: 61px !important; | |
| } | |
| .drfront .df-lh-60 { | |
| line-height: 60px !important; | |
| } | |
| .drfront .df-lh-59 { | |
| line-height: 59px !important; | |
| } | |
| .drfront .df-lh-58 { | |
| line-height: 58px !important; | |
| } | |
| .drfront .df-lh-57 { | |
| line-height: 57px !important; | |
| } | |
| .drfront .df-lh-56 { | |
| line-height: 56px !important; | |
| } | |
| .drfront .df-lh-55 { | |
| line-height: 55px !important; | |
| } | |
| .drfront .df-lh-54 { | |
| line-height: 54px !important; | |
| } | |
| .drfront .df-lh-53 { | |
| line-height: 53px !important; | |
| } | |
| .drfront .df-lh-52 { | |
| line-height: 52px !important; | |
| } | |
| .drfront .df-lh-51 { | |
| line-height: 51px !important; | |
| } | |
| .drfront .df-lh-50 { | |
| line-height: 50px !important; | |
| } | |
| .drfront .df-lh-49 { | |
| line-height: 49px !important; | |
| } | |
| .drfront .df-lh-48 { | |
| line-height: 48px !important; | |
| } | |
| .drfront .df-lh-47 { | |
| line-height: 47px !important; | |
| } | |
| .drfront .df-lh-46 { | |
| line-height: 46px !important; | |
| } | |
| .drfront .df-lh-45 { | |
| line-height: 45px !important; | |
| } | |
| .drfront .df-lh-44 { | |
| line-height: 44px !important; | |
| } | |
| .drfront .df-lh-43 { | |
| line-height: 43px !important; | |
| } | |
| .drfront .df-lh-42 { | |
| line-height: 42px !important; | |
| } | |
| .drfront .df-lh-41 { | |
| line-height: 41px !important; | |
| } | |
| .drfront .df-lh-40 { | |
| line-height: 40px !important; | |
| } | |
| .drfront .df-lh-39 { | |
| line-height: 39px !important; | |
| } | |
| .drfront .df-lh-38 { | |
| line-height: 38px !important; | |
| } | |
| .drfront .df-lh-37 { | |
| line-height: 37px !important; | |
| } | |
| .drfront .df-lh-36 { | |
| line-height: 36px !important; | |
| } | |
| .drfront .df-lh-35 { | |
| line-height: 35px !important; | |
| } | |
| .drfront .df-lh-34 { | |
| line-height: 34px !important; | |
| } | |
| .drfront .df-lh-33 { | |
| line-height: 33px !important; | |
| } | |
| .drfront .df-lh-32 { | |
| line-height: 32px !important; | |
| } | |
| .drfront .df-lh-31 { | |
| line-height: 31px !important; | |
| } | |
| .drfront .df-lh-30 { | |
| line-height: 30px !important; | |
| } | |
| .drfront .df-lh-29 { | |
| line-height: 29px !important; | |
| } | |
| .drfront .df-lh-28 { | |
| line-height: 28px !important; | |
| } | |
| .drfront .df-lh-27 { | |
| line-height: 27px !important; | |
| } | |
| .drfront .df-lh-26 { | |
| line-height: 26px !important; | |
| } | |
| .drfront .df-lh-25 { | |
| line-height: 25px !important; | |
| } | |
| .drfront .df-lh-24 { | |
| line-height: 24px !important; | |
| } | |
| .drfront .df-lh-23 { | |
| line-height: 23px !important; | |
| } | |
| .drfront .df-lh-22 { | |
| line-height: 22px !important; | |
| } | |
| .drfront .df-lh-21 { | |
| line-height: 21px !important; | |
| } | |
| .drfront .df-lh-20 { | |
| line-height: 20px !important; | |
| } | |
| .drfront .df-lh-19 { | |
| line-height: 19px !important; | |
| } | |
| .drfront .df-lh-18 { | |
| line-height: 18px !important; | |
| } | |
| .drfront .df-lh-17 { | |
| line-height: 17px !important; | |
| } | |
| .drfront .df-lh-16 { | |
| line-height: 16px !important; | |
| } | |
| .drfront .df-lh-15 { | |
| line-height: 15px !important; | |
| } | |
| .drfront .df-lh-14 { | |
| line-height: 14px !important; | |
| } | |
| .drfront .df-lh-13 { | |
| line-height: 13px !important; | |
| } | |
| .drfront .df-lh-12 { | |
| line-height: 12px !important; | |
| } | |
| .drfront .df-lh-11 { | |
| line-height: 11px !important; | |
| } | |
| .drfront .df-lh-10 { | |
| line-height: 10px !important; | |
| } | |
| .drfront .df-lh-9 { | |
| line-height: 9px !important; | |
| } | |
| .drfront .df-lh-8 { | |
| line-height: 8px !important; | |
| } | |
| .drfront .df-lh-7 { | |
| line-height: 7px !important; | |
| } | |
| .drfront .df-lh-6 { | |
| line-height: 6px !important; | |
| } | |
| .drfront .df-lh-5 { | |
| line-height: 5px !important; | |
| } | |
| .drfront .df-lh-4 { | |
| line-height: 4px !important; | |
| } | |
| .drfront .df-lh-3 { | |
| line-height: 3px !important; | |
| } | |
| .drfront .df-lh-2 { | |
| line-height: 2px !important; | |
| } | |
| .drfront .df-lh-1 { | |
| line-height: 1px !important; | |
| } | |
| .drfront .df-ls-64 { | |
| letter-spacing: 64px !important; | |
| } | |
| .drfront .df-ls-63 { | |
| letter-spacing: 63px !important; | |
| } | |
| .drfront .df-ls-62 { | |
| letter-spacing: 62px !important; | |
| } | |
| .drfront .df-ls-61 { | |
| letter-spacing: 61px !important; | |
| } | |
| .drfront .df-ls-60 { | |
| letter-spacing: 60px !important; | |
| } | |
| .drfront .df-ls-59 { | |
| letter-spacing: 59px !important; | |
| } | |
| .drfront .df-ls-58 { | |
| letter-spacing: 58px !important; | |
| } | |
| .drfront .df-ls-57 { | |
| letter-spacing: 57px !important; | |
| } | |
| .drfront .df-ls-56 { | |
| letter-spacing: 56px !important; | |
| } | |
| .drfront .df-ls-55 { | |
| letter-spacing: 55px !important; | |
| } | |
| .drfront .df-ls-54 { | |
| letter-spacing: 54px !important; | |
| } | |
| .drfront .df-ls-53 { | |
| letter-spacing: 53px !important; | |
| } | |
| .drfront .df-ls-52 { | |
| letter-spacing: 52px !important; | |
| } | |
| .drfront .df-ls-51 { | |
| letter-spacing: 51px !important; | |
| } | |
| .drfront .df-ls-50 { | |
| letter-spacing: 50px !important; | |
| } | |
| .drfront .df-ls-49 { | |
| letter-spacing: 49px !important; | |
| } | |
| .drfront .df-ls-48 { | |
| letter-spacing: 48px !important; | |
| } | |
| .drfront .df-ls-47 { | |
| letter-spacing: 47px !important; | |
| } | |
| .drfront .df-ls-46 { | |
| letter-spacing: 46px !important; | |
| } | |
| .drfront .df-ls-45 { | |
| letter-spacing: 45px !important; | |
| } | |
| .drfront .df-ls-44 { | |
| letter-spacing: 44px !important; | |
| } | |
| .drfront .df-ls-43 { | |
| letter-spacing: 43px !important; | |
| } | |
| .drfront .df-ls-42 { | |
| letter-spacing: 42px !important; | |
| } | |
| .drfront .df-ls-41 { | |
| letter-spacing: 41px !important; | |
| } | |
| .drfront .df-ls-40 { | |
| letter-spacing: 40px !important; | |
| } | |
| .drfront .df-ls-39 { | |
| letter-spacing: 39px !important; | |
| } | |
| .drfront .df-ls-38 { | |
| letter-spacing: 38px !important; | |
| } | |
| .drfront .df-ls-37 { | |
| letter-spacing: 37px !important; | |
| } | |
| .drfront .df-ls-36 { | |
| letter-spacing: 36px !important; | |
| } | |
| .drfront .df-ls-35 { | |
| letter-spacing: 35px !important; | |
| } | |
| .drfront .df-ls-34 { | |
| letter-spacing: 34px !important; | |
| } | |
| .drfront .df-ls-33 { | |
| letter-spacing: 33px !important; | |
| } | |
| .drfront .df-ls-32 { | |
| letter-spacing: 32px !important; | |
| } | |
| .drfront .df-ls-31 { | |
| letter-spacing: 31px !important; | |
| } | |
| .drfront .df-ls-30 { | |
| letter-spacing: 30px !important; | |
| } | |
| .drfront .df-ls-29 { | |
| letter-spacing: 29px !important; | |
| } | |
| .drfront .df-ls-28 { | |
| letter-spacing: 28px !important; | |
| } | |
| .drfront .df-ls-27 { | |
| letter-spacing: 27px !important; | |
| } | |
| .drfront .df-ls-26 { | |
| letter-spacing: 26px !important; | |
| } | |
| .drfront .df-ls-25 { | |
| letter-spacing: 25px !important; | |
| } | |
| .drfront .df-ls-24 { | |
| letter-spacing: 24px !important; | |
| } | |
| .drfront .df-ls-23 { | |
| letter-spacing: 23px !important; | |
| } | |
| .drfront .df-ls-22 { | |
| letter-spacing: 22px !important; | |
| } | |
| .drfront .df-ls-21 { | |
| letter-spacing: 21px !important; | |
| } | |
| .drfront .df-ls-20 { | |
| letter-spacing: 20px !important; | |
| } | |
| .drfront .df-ls-19 { | |
| letter-spacing: 19px !important; | |
| } | |
| .drfront .df-ls-18 { | |
| letter-spacing: 18px !important; | |
| } | |
| .drfront .df-ls-17 { | |
| letter-spacing: 17px !important; | |
| } | |
| .drfront .df-ls-16 { | |
| letter-spacing: 16px !important; | |
| } | |
| .drfront .df-ls-15 { | |
| letter-spacing: 15px !important; | |
| } | |
| .drfront .df-ls-14 { | |
| letter-spacing: 14px !important; | |
| } | |
| .drfront .df-ls-13 { | |
| letter-spacing: 13px !important; | |
| } | |
| .drfront .df-ls-12 { | |
| letter-spacing: 12px !important; | |
| } | |
| .drfront .df-ls-11 { | |
| letter-spacing: 11px !important; | |
| } | |
| .drfront .df-ls-10 { | |
| letter-spacing: 10px !important; | |
| } | |
| .drfront .df-ls-9 { | |
| letter-spacing: 9px !important; | |
| } | |
| .drfront .df-ls-8 { | |
| letter-spacing: 8px !important; | |
| } | |
| .drfront .df-ls-7 { | |
| letter-spacing: 7px !important; | |
| } | |
| .drfront .df-ls-6 { | |
| letter-spacing: 6px !important; | |
| } | |
| .drfront .df-ls-5 { | |
| letter-spacing: 5px !important; | |
| } | |
| .drfront .df-ls-4 { | |
| letter-spacing: 4px !important; | |
| } | |
| .drfront .df-ls-3 { | |
| letter-spacing: 3px !important; | |
| } | |
| .drfront .df-ls-2 { | |
| letter-spacing: 2px !important; | |
| } | |
| .drfront .df-ls-1 { | |
| letter-spacing: 1px !important; | |
| } | |
| .drfront .df-ls-0 { | |
| letter-spacing: 0px !important; | |
| } | |
| .drfront .df-ls--1 { | |
| letter-spacing: -1px !important; | |
| } | |
| .drfront .df-ls--2 { | |
| letter-spacing: -2px !important; | |
| } | |
| .drfront .df-ls--3 { | |
| letter-spacing: -3px !important; | |
| } | |
| .drfront .df-ls--4 { | |
| letter-spacing: -4px !important; | |
| } | |
| .drfront .df-ls--5 { | |
| letter-spacing: -5px !important; | |
| } | |
| .drfront .df-ls--6 { | |
| letter-spacing: -6px !important; | |
| } | |
| .drfront .df-ls--7 { | |
| letter-spacing: -7px !important; | |
| } | |
| .drfront .df-ls--8 { | |
| letter-spacing: -8px !important; | |
| } | |
| .drfront .df-ls--9 { | |
| letter-spacing: -9px !important; | |
| } | |
| .drfront .df-ls--10 { | |
| letter-spacing: -10px !important; | |
| } | |
| .drfront .df-ls--11 { | |
| letter-spacing: -11px !important; | |
| } | |
| .drfront .df-ls--12 { | |
| letter-spacing: -12px !important; | |
| } | |
| .drfront .df-ls--13 { | |
| letter-spacing: -13px !important; | |
| } | |
| .drfront .df-ls--14 { | |
| letter-spacing: -14px !important; | |
| } | |
| .drfront .df-ls--15 { | |
| letter-spacing: -15px !important; | |
| } | |
| .drfront .df-ls--16 { | |
| letter-spacing: -16px !important; | |
| } | |
| .drfront .df-ls--17 { | |
| letter-spacing: -17px !important; | |
| } | |
| .drfront .df-ls--18 { | |
| letter-spacing: -18px !important; | |
| } | |
| .drfront .df-ls--19 { | |
| letter-spacing: -19px !important; | |
| } | |
| .drfront .df-ls--20 { | |
| letter-spacing: -20px !important; | |
| } | |
| .drfront .df-ls--21 { | |
| letter-spacing: -21px !important; | |
| } | |
| .drfront .df-ls--22 { | |
| letter-spacing: -22px !important; | |
| } | |
| .drfront .df-ls--23 { | |
| letter-spacing: -23px !important; | |
| } | |
| .drfront .df-ls--24 { | |
| letter-spacing: -24px !important; | |
| } | |
| .drfront .df-ls--25 { | |
| letter-spacing: -25px !important; | |
| } | |
| .drfront .df-ls--26 { | |
| letter-spacing: -26px !important; | |
| } | |
| .drfront .df-ls--27 { | |
| letter-spacing: -27px !important; | |
| } | |
| .drfront .df-ls--28 { | |
| letter-spacing: -28px !important; | |
| } | |
| .drfront .df-ls--29 { | |
| letter-spacing: -29px !important; | |
| } | |
| .drfront .df-ls--30 { | |
| letter-spacing: -30px !important; | |
| } | |
| .drfront .df-ls--31 { | |
| letter-spacing: -31px !important; | |
| } | |
| .drfront .df-ls--32 { | |
| letter-spacing: -32px !important; | |
| } | |
| .drfront .df-ls--33 { | |
| letter-spacing: -33px !important; | |
| } | |
| .drfront .df-ls--34 { | |
| letter-spacing: -34px !important; | |
| } | |
| .drfront .df-ls--35 { | |
| letter-spacing: -35px !important; | |
| } | |
| .drfront .df-ls--36 { | |
| letter-spacing: -36px !important; | |
| } | |
| .drfront .df-ls--37 { | |
| letter-spacing: -37px !important; | |
| } | |
| .drfront .df-ls--38 { | |
| letter-spacing: -38px !important; | |
| } | |
| .drfront .df-ls--39 { | |
| letter-spacing: -39px !important; | |
| } | |
| .drfront .df-ls--40 { | |
| letter-spacing: -40px !important; | |
| } | |
| .drfront .df-ls--41 { | |
| letter-spacing: -41px !important; | |
| } | |
| .drfront .df-ls--42 { | |
| letter-spacing: -42px !important; | |
| } | |
| .drfront .df-ls--43 { | |
| letter-spacing: -43px !important; | |
| } | |
| .drfront .df-ls--44 { | |
| letter-spacing: -44px !important; | |
| } | |
| .drfront .df-ls--45 { | |
| letter-spacing: -45px !important; | |
| } | |
| .drfront .df-ls--46 { | |
| letter-spacing: -46px !important; | |
| } | |
| .drfront .df-ls--47 { | |
| letter-spacing: -47px !important; | |
| } | |
| .drfront .df-ls--48 { | |
| letter-spacing: -48px !important; | |
| } | |
| .drfront .df-ls--49 { | |
| letter-spacing: -49px !important; | |
| } | |
| .drfront .df-ls--50 { | |
| letter-spacing: -50px !important; | |
| } | |
| .drfront .df-ls--51 { | |
| letter-spacing: -51px !important; | |
| } | |
| .drfront .df-ls--52 { | |
| letter-spacing: -52px !important; | |
| } | |
| .drfront .df-ls--53 { | |
| letter-spacing: -53px !important; | |
| } | |
| .drfront .df-ls--54 { | |
| letter-spacing: -54px !important; | |
| } | |
| .drfront .df-ls--55 { | |
| letter-spacing: -55px !important; | |
| } | |
| .drfront .df-ls--56 { | |
| letter-spacing: -56px !important; | |
| } | |
| .drfront .df-ls--57 { | |
| letter-spacing: -57px !important; | |
| } | |
| .drfront .df-ls--58 { | |
| letter-spacing: -58px !important; | |
| } | |
| .drfront .df-ls--59 { | |
| letter-spacing: -59px !important; | |
| } | |
| .drfront .df-ls--60 { | |
| letter-spacing: -60px !important; | |
| } | |
| .drfront .df-ls--61 { | |
| letter-spacing: -61px !important; | |
| } | |
| .drfront .df-ls--62 { | |
| letter-spacing: -62px !important; | |
| } | |
| .drfront .df-ls--63 { | |
| letter-spacing: -63px !important; | |
| } | |
| .drfront .df-ls--64 { | |
| letter-spacing: -64px !important; | |
| } | |
| .drfront .df-ws-64 { | |
| word-spacing: 64px !important; | |
| } | |
| .drfront .df-ws-63 { | |
| word-spacing: 63px !important; | |
| } | |
| .drfront .df-ws-62 { | |
| word-spacing: 62px !important; | |
| } | |
| .drfront .df-ws-61 { | |
| word-spacing: 61px !important; | |
| } | |
| .drfront .df-ws-60 { | |
| word-spacing: 60px !important; | |
| } | |
| .drfront .df-ws-59 { | |
| word-spacing: 59px !important; | |
| } | |
| .drfront .df-ws-58 { | |
| word-spacing: 58px !important; | |
| } | |
| .drfront .df-ws-57 { | |
| word-spacing: 57px !important; | |
| } | |
| .drfront .df-ws-56 { | |
| word-spacing: 56px !important; | |
| } | |
| .drfront .df-ws-55 { | |
| word-spacing: 55px !important; | |
| } | |
| .drfront .df-ws-54 { | |
| word-spacing: 54px !important; | |
| } | |
| .drfront .df-ws-53 { | |
| word-spacing: 53px !important; | |
| } | |
| .drfront .df-ws-52 { | |
| word-spacing: 52px !important; | |
| } | |
| .drfront .df-ws-51 { | |
| word-spacing: 51px !important; | |
| } | |
| .drfront .df-ws-50 { | |
| word-spacing: 50px !important; | |
| } | |
| .drfront .df-ws-49 { | |
| word-spacing: 49px !important; | |
| } | |
| .drfront .df-ws-48 { | |
| word-spacing: 48px !important; | |
| } | |
| .drfront .df-ws-47 { | |
| word-spacing: 47px !important; | |
| } | |
| .drfront .df-ws-46 { | |
| word-spacing: 46px !important; | |
| } | |
| .drfront .df-ws-45 { | |
| word-spacing: 45px !important; | |
| } | |
| .drfront .df-ws-44 { | |
| word-spacing: 44px !important; | |
| } | |
| .drfront .df-ws-43 { | |
| word-spacing: 43px !important; | |
| } | |
| .drfront .df-ws-42 { | |
| word-spacing: 42px !important; | |
| } | |
| .drfront .df-ws-41 { | |
| word-spacing: 41px !important; | |
| } | |
| .drfront .df-ws-40 { | |
| word-spacing: 40px !important; | |
| } | |
| .drfront .df-ws-39 { | |
| word-spacing: 39px !important; | |
| } | |
| .drfront .df-ws-38 { | |
| word-spacing: 38px !important; | |
| } | |
| .drfront .df-ws-37 { | |
| word-spacing: 37px !important; | |
| } | |
| .drfront .df-ws-36 { | |
| word-spacing: 36px !important; | |
| } | |
| .drfront .df-ws-35 { | |
| word-spacing: 35px !important; | |
| } | |
| .drfront .df-ws-34 { | |
| word-spacing: 34px !important; | |
| } | |
| .drfront .df-ws-33 { | |
| word-spacing: 33px !important; | |
| } | |
| .drfront .df-ws-32 { | |
| word-spacing: 32px !important; | |
| } | |
| .drfront .df-ws-31 { | |
| word-spacing: 31px !important; | |
| } | |
| .drfront .df-ws-30 { | |
| word-spacing: 30px !important; | |
| } | |
| .drfront .df-ws-29 { | |
| word-spacing: 29px !important; | |
| } | |
| .drfront .df-ws-28 { | |
| word-spacing: 28px !important; | |
| } | |
| .drfront .df-ws-27 { | |
| word-spacing: 27px !important; | |
| } | |
| .drfront .df-ws-26 { | |
| word-spacing: 26px !important; | |
| } | |
| .drfront .df-ws-25 { | |
| word-spacing: 25px !important; | |
| } | |
| .drfront .df-ws-24 { | |
| word-spacing: 24px !important; | |
| } | |
| .drfront .df-ws-23 { | |
| word-spacing: 23px !important; | |
| } | |
| .drfront .df-ws-22 { | |
| word-spacing: 22px !important; | |
| } | |
| .drfront .df-ws-21 { | |
| word-spacing: 21px !important; | |
| } | |
| .drfront .df-ws-20 { | |
| word-spacing: 20px !important; | |
| } | |
| .drfront .df-ws-19 { | |
| word-spacing: 19px !important; | |
| } | |
| .drfront .df-ws-18 { | |
| word-spacing: 18px !important; | |
| } | |
| .drfront .df-ws-17 { | |
| word-spacing: 17px !important; | |
| } | |
| .drfront .df-ws-16 { | |
| word-spacing: 16px !important; | |
| } | |
| .drfront .df-ws-15 { | |
| word-spacing: 15px !important; | |
| } | |
| .drfront .df-ws-14 { | |
| word-spacing: 14px !important; | |
| } | |
| .drfront .df-ws-13 { | |
| word-spacing: 13px !important; | |
| } | |
| .drfront .df-ws-12 { | |
| word-spacing: 12px !important; | |
| } | |
| .drfront .df-ws-11 { | |
| word-spacing: 11px !important; | |
| } | |
| .drfront .df-ws-10 { | |
| word-spacing: 10px !important; | |
| } | |
| .drfront .df-ws-9 { | |
| word-spacing: 9px !important; | |
| } | |
| .drfront .df-ws-8 { | |
| word-spacing: 8px !important; | |
| } | |
| .drfront .df-ws-7 { | |
| word-spacing: 7px !important; | |
| } | |
| .drfront .df-ws-6 { | |
| word-spacing: 6px !important; | |
| } | |
| .drfront .df-ws-5 { | |
| word-spacing: 5px !important; | |
| } | |
| .drfront .df-ws-4 { | |
| word-spacing: 4px !important; | |
| } | |
| .drfront .df-ws-3 { | |
| word-spacing: 3px !important; | |
| } | |
| .drfront .df-ws-2 { | |
| word-spacing: 2px !important; | |
| } | |
| .drfront .df-ws-1 { | |
| word-spacing: 1px !important; | |
| } | |
| .drfront .df-ws-0 { | |
| word-spacing: 0px !important; | |
| } | |
| .drfront .df-ws--1 { | |
| word-spacing: -1px !important; | |
| } | |
| .drfront .df-ws--2 { | |
| word-spacing: -2px !important; | |
| } | |
| .drfront .df-ws--3 { | |
| word-spacing: -3px !important; | |
| } | |
| .drfront .df-ws--4 { | |
| word-spacing: -4px !important; | |
| } | |
| .drfront .df-ws--5 { | |
| word-spacing: -5px !important; | |
| } | |
| .drfront .df-ws--6 { | |
| word-spacing: -6px !important; | |
| } | |
| .drfront .df-ws--7 { | |
| word-spacing: -7px !important; | |
| } | |
| .drfront .df-ws--8 { | |
| word-spacing: -8px !important; | |
| } | |
| .drfront .df-ws--9 { | |
| word-spacing: -9px !important; | |
| } | |
| .drfront .df-ws--10 { | |
| word-spacing: -10px !important; | |
| } | |
| .drfront .df-ws--11 { | |
| word-spacing: -11px !important; | |
| } | |
| .drfront .df-ws--12 { | |
| word-spacing: -12px !important; | |
| } | |
| .drfront .df-ws--13 { | |
| word-spacing: -13px !important; | |
| } | |
| .drfront .df-ws--14 { | |
| word-spacing: -14px !important; | |
| } | |
| .drfront .df-ws--15 { | |
| word-spacing: -15px !important; | |
| } | |
| .drfront .df-ws--16 { | |
| word-spacing: -16px !important; | |
| } | |
| .drfront .df-ws--17 { | |
| word-spacing: -17px !important; | |
| } | |
| .drfront .df-ws--18 { | |
| word-spacing: -18px !important; | |
| } | |
| .drfront .df-ws--19 { | |
| word-spacing: -19px !important; | |
| } | |
| .drfront .df-ws--20 { | |
| word-spacing: -20px !important; | |
| } | |
| .drfront .df-ws--21 { | |
| word-spacing: -21px !important; | |
| } | |
| .drfront .df-ws--22 { | |
| word-spacing: -22px !important; | |
| } | |
| .drfront .df-ws--23 { | |
| word-spacing: -23px !important; | |
| } | |
| .drfront .df-ws--24 { | |
| word-spacing: -24px !important; | |
| } | |
| .drfront .df-ws--25 { | |
| word-spacing: -25px !important; | |
| } | |
| .drfront .df-ws--26 { | |
| word-spacing: -26px !important; | |
| } | |
| .drfront .df-ws--27 { | |
| word-spacing: -27px !important; | |
| } | |
| .drfront .df-ws--28 { | |
| word-spacing: -28px !important; | |
| } | |
| .drfront .df-ws--29 { | |
| word-spacing: -29px !important; | |
| } | |
| .drfront .df-ws--30 { | |
| word-spacing: -30px !important; | |
| } | |
| .drfront .df-ws--31 { | |
| word-spacing: -31px !important; | |
| } | |
| .drfront .df-ws--32 { | |
| word-spacing: -32px !important; | |
| } | |
| .drfront .df-ws--33 { | |
| word-spacing: -33px !important; | |
| } | |
| .drfront .df-ws--34 { | |
| word-spacing: -34px !important; | |
| } | |
| .drfront .df-ws--35 { | |
| word-spacing: -35px !important; | |
| } | |
| .drfront .df-ws--36 { | |
| word-spacing: -36px !important; | |
| } | |
| .drfront .df-ws--37 { | |
| word-spacing: -37px !important; | |
| } | |
| .drfront .df-ws--38 { | |
| word-spacing: -38px !important; | |
| } | |
| .drfront .df-ws--39 { | |
| word-spacing: -39px !important; | |
| } | |
| .drfront .df-ws--40 { | |
| word-spacing: -40px !important; | |
| } | |
| .drfront .df-ws--41 { | |
| word-spacing: -41px !important; | |
| } | |
| .drfront .df-ws--42 { | |
| word-spacing: -42px !important; | |
| } | |
| .drfront .df-ws--43 { | |
| word-spacing: -43px !important; | |
| } | |
| .drfront .df-ws--44 { | |
| word-spacing: -44px !important; | |
| } | |
| .drfront .df-ws--45 { | |
| word-spacing: -45px !important; | |
| } | |
| .drfront .df-ws--46 { | |
| word-spacing: -46px !important; | |
| } | |
| .drfront .df-ws--47 { | |
| word-spacing: -47px !important; | |
| } | |
| .drfront .df-ws--48 { | |
| word-spacing: -48px !important; | |
| } | |
| .drfront .df-ws--49 { | |
| word-spacing: -49px !important; | |
| } | |
| .drfront .df-ws--50 { | |
| word-spacing: -50px !important; | |
| } | |
| .drfront .df-ws--51 { | |
| word-spacing: -51px !important; | |
| } | |
| .drfront .df-ws--52 { | |
| word-spacing: -52px !important; | |
| } | |
| .drfront .df-ws--53 { | |
| word-spacing: -53px !important; | |
| } | |
| .drfront .df-ws--54 { | |
| word-spacing: -54px !important; | |
| } | |
| .drfront .df-ws--55 { | |
| word-spacing: -55px !important; | |
| } | |
| .drfront .df-ws--56 { | |
| word-spacing: -56px !important; | |
| } | |
| .drfront .df-ws--57 { | |
| word-spacing: -57px !important; | |
| } | |
| .drfront .df-ws--58 { | |
| word-spacing: -58px !important; | |
| } | |
| .drfront .df-ws--59 { | |
| word-spacing: -59px !important; | |
| } | |
| .drfront .df-ws--60 { | |
| word-spacing: -60px !important; | |
| } | |
| .drfront .df-ws--61 { | |
| word-spacing: -61px !important; | |
| } | |
| .drfront .df-ws--62 { | |
| word-spacing: -62px !important; | |
| } | |
| .drfront .df-ws--63 { | |
| word-spacing: -63px !important; | |
| } | |
| .drfront .df-ws--64 { | |
| word-spacing: -64px !important; | |
| } | |
| .drfront { | |
| overflow: hidden; | |
| /* superman */ | |
| /* &::before, | |
| &::after { | |
| display: table; | |
| content: ''; | |
| } | |
| &::before { | |
| } | |
| &::after { | |
| clear: both; | |
| } */ | |
| } | |
| /* DIMENSIONS */ | |
| /* FONT SIZES */ | |
| .drfront :root { /*11px*/ /* 14px */ /* 17px */ /* 20px */ /* 23px */ /* 28px */ /* 36px; */ | |
| } | |
| /* FONTS */ | |
| @font-face { | |
| font-family: 'Open Sans'; | |
| src: url('//r.api.no/s3files/castor/arena/0.5.9/fonts/osc/bold.woff'); | |
| font-weight: 700; | |
| } | |
| /* GRAYSCALES */ | |
| /* COLORS */ | |
| /* black is really 000000 in the style guide */ | |
| /* FONTS */ | |
| @font-face { | |
| font-family: 'geb'; | |
| src: url('//r.api.no/s3files/castor/arena/0.5.9/fonts/guardian/egyptian/black.woff'); | |
| font-weight: 900; | |
| } | |
| .drfront .df-container.df-skin-header--bloodred .df-container-header-inner:not(:empty) { | |
| background-color: maroon; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--bloodred .df-article-header-inner:not(:empty) { | |
| background-color: maroon; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--bloodred, | |
| .drfront .df-article.df-skin-box--bloodred { | |
| background-color: maroon; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--lime .df-container-header-inner:not(:empty) { | |
| background-color: lime; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--lime .df-article-header-inner:not(:empty) { | |
| background-color: lime; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--lime, | |
| .drfront .df-article.df-skin-box--lime { | |
| background-color: lime; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-paywall .df-img-layer a::before { | |
| background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABPCAYAAAD/VXvYAAAAAXNSR0IArs4c6QAABrlJREFUeAHtmXtQVFUcx78LCPJYQEEUBOQl+CbQzFIbx/KJ+RjHNMtqRlKnZpxJmymbfE2jNf3RHzW+QHTGHjOhlGFajpmkmIqp+MIUHzwLCYF4CAss2+9c2t27D9ld5W674+83c9lzzzn3nHs/33PO73cOABsTYAJMgAkwASbABJgAE2ACTIAJMAEmoDwBlfJdONjD8swpgMdmQBXk4JOuV12Feug612BH+lF7Xs7LnkrOreO5EypEO7dPBXtTqTKo9Xh7evCwp5KT64Q5uT+lu7P7e1xRDKXhuGz7LIYLSeOCPsN+OtF9/DE+PgzhQb6436bF7ZpGFP1Vj4r6+4ZGhocHw4PClOLqRiSEqckddW/NbR0oq21GR6eu+4oKlLqlGDOGD8Tamcl4Os5yOdbpdDh2vQpr9p/Di6NjsHrKCGScuI4VX5/CpQ/mQKWyJQfQoe3EkWt/4sNDF3Hqzt8KYLfepO03s/6ccrnLd7XQ8O1trQMvGuJbXxqHNyYkWSu2mrf7t2Is/eIkxDjv3PqaXWLoG2onUeZsO4ofr1bqsx7iV9eE7UvV9jzoVjMja8l4vDouweS79py+iS/P3EKY2hfpEwZjUmK4SXlVQ4skhEnmfzeadi00HVpDkZ+3F7w8jW60F6UzXn4GUe/vNdTRJ2L6BmDx2FjptrC8FoceSbCuVt1GjPkpgyyE+PxYEVZmF+j5IPvcHVxdPw+DwwINee9NG4ncS+U4bWW5WXfgAj45csVQN9jXGx/PG43lE40zL5L8UmxIAO7cazLUE4n4fmpsmjNayss6eaNHxDAOA5OuXO9mfdoTJi/V0NJGfuG8Sd7GF1JMhBCFwkcIQeyxempTzDRza6EZ5Axzi5kxmEbhyIF9THjsv1gGEfnobX1aMtZMH4XvCksRRaN5zKBQfRGmDo2At2z50Rf4+3ghxN9Hf4sIisrenWoqXM75EoilTphYmkREJiwlsq/0K/5EBPnh+SFdy2NjazvOlNQYyhxJuIUYQwZYHlMVVzcYvlOM/A2zUpBLAi3MzMMWcvJyMXzJFySQoOa2jmabuKxZE0HdRc7/nZyzhuJFT8bio7ldS5MhkxIzRkRKl8i7VFGL5E258mK7026xTIUGWAZXtc0a6SPfnjxMAnTwcjkWkBDttD/QWtkjBJE/cMQqaa8iHLj5jHSkDUfrusXMaKBRam4hJNCbzybh0wVjcZgimfkZx9BGoaiwyGB/8+qoaWq1yBNLkDxsFaHzTBrls5OjkUSzUVzLJiZicdZxZFNdETVl5l+X2hFLU9rIKCn9R1U9Tty8K6Ur6owbTosObWS4hRgCgrmtoIhH7Lx/ps3Z3O2/UIjaJYQAmhodYlL9H3LMJWbRkKhQQGt7Fi1FcsvIv4Gr6+ZiKO3chXl6eOCzhU9hL4nxU1GldIn855LCDWKcvFWNZV+dEtmPZG6xTN2iY46CEtOdcESwnzQaZ9OmrFW2VxC7blEmt5zzpdLyJc97UNqDoi9vL1Ms/QN9MYAupc0tZoaAsHrfWeStmi6NVD2URNpPjI0JxfHiu5SvwuxRUch8Zby+WPpt1rRj48FCkzz9zbRhA6Hu3Ut/Cx8SQeTF9zPuU0ShOB4Rs0tuImoqLL8nZYmzrJ4wtxEjn5aCb34voV1vnOG7B9C6nbdqBurImYvR7O9jBCsqtdGMEU69rM46rMkUjorLlmXS0nXfbK9RUFqDlM0HbD3qULnbiLGYwspFY2JxoeweQfdCYn9juNtHtlfQf/2Vyjq8vicf56j+w5o4mxKHjCuzzzxsEw495xZi9AvwwcSE/tjy6zWszb0gbfbEkjSLopm4ULW0ySM/i+rGVpwlp/zD5QocJmdrfgi+k44tVDYO0XX0VE2TRnL439O+5S616Sxzq1NbZ0Hp2X7sP7U1DRt69i24NQcJsBgOAlOyuguKoes651Dyq53Ztg52Ox3XE0On2+FMVor35cD3uJ4DF3RWbIuBztsYuypDbBP9syPNdtO629Bql8DD0/pmpbsGOnT1yEov7a6KvMw1xZC/oVLpBRu80Tfq2+4FISE0rZOw+61ypV5D3q6n/OaxShflaRGXug++gakkSKLltztXCNH/4yuG+PoHCuJ8IVgMuSB+gSn0H3OaIf+PECyGICBMzJDY1Bz4qUOh0aQ7y0d0dc5/mQATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbwGBP4F9AW+1rWJRQzAAAAAElFTkSuQmCC'); | |
| width: 99px; | |
| height: 79px; | |
| left: initial; | |
| top: 0; | |
| right: 0; | |
| } | |
| .drfront .df-style-readmorelink { | |
| margin-top: 10px; | |
| } | |
| .drfront .df-style-readmorelink span { | |
| display: none; | |
| } | |
| .drfront .df-style-readmorelink a { | |
| text-decoration: none; | |
| } | |
| .drfront .df-style-readmorelink a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20139%2080%22%20enable-background%3D%22new%200%200%20139%2080%22%20xml%3Aspace%3D%22preserve%22%20preserveAspectRatio%3D%22xMinYMid%20meet%22%3E%3Crect%20fill%3D%22%233F6177%22%20width%3D%22139%22%20height%3D%2280%22%2F%3E%3Cpath%20fill%3D%22%23FFA800%22%20d%3D%22M107.095%2C71.592h17.941V60.183h5.574v-14.37h-5.574v-18.29l-17.941%2C12.803v5.487h-7.752l24.211-36.316%20h-20.987l-22.557%2C37.1v13.586h27.086V71.592z%20M31.935%2C71.592h44.765V56.526H56.059v-0.174l3.832-3.92%20c6.184-6.27%2C16.2-14.979%2C16.2-24.647c0-11.06-7.402-19.509-22.209-19.509c-13.761%2C0-23.863%2C6.62-23.863%2C19.334v3.745h17.592v-1.915%20c0-3.572%2C0.958-6.707%2C5.052-6.707c4.093%2C0%2C5.051%2C2.438%2C5.051%2C4.964v0.959c0%2C4.701-4.616%2C8.621-9.929%2C14.63l-15.85%2C18.029V71.592z%22%2F%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M22.409%2C18.662H12.013v-2.569c0-1.753%2C1.036-3.135%2C2.74-3.135h4.84c1.802%2C0%2C2.816%2C1.407%2C2.816%2C3.012V18.662%20%20z%20M26.014%2C23.081v-7.382c0-3.704-2.075-7.161-6.445-7.161h-4.963c-4.099%2C0-6.198%2C3.259-6.198%2C7.186v7.358H26.014z%20M16.532%2C34.145%20%20h-4.667v-2.718c0-1.58%2C0.815-2.567%2C2.321-2.567c1.432%2C0%2C2.346%2C0.963%2C2.346%2C2.567V34.145z%20M26.014%2C38.564v-4.419h-6.223v-2%20%20l6.223-3.481v-4.816l-6.865%2C4.024c-0.939-2.272-3.036-3.309-5.185-3.309c-3.259%2C0-5.556%2C2.298-5.556%2C6.298v7.705H26.014z%20%20%20M22.68%2C47.354c0%2C1.803-1.036%2C3.112-2.913%2C3.112h-5.161c-2.05%2C0-2.889-1.458-2.889-3.038c0-1.654%2C1.012-3.111%2C2.864-3.111h5.211%20%20C21.792%2C44.317%2C22.68%2C45.798%2C22.68%2C47.354%20M26.31%2C47.354c0-3.678-2.074-7.456-6.668-7.456h-4.889c-4.543%2C0-6.643%2C3.629-6.643%2C7.555%20%20c0%2C3.778%2C2.198%2C7.432%2C6.668%2C7.432h5.086C24.408%2C54.885%2C26.31%2C51.306%2C26.31%2C47.354%20M26.014%2C71.331v-4.075H15.668v-0.05l10.347-6.888%20%20V56.22H8.408v4.073h9.951v0.05l-9.951%2C6.716v4.272H26.014z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| background-repeat: no-repeat; | |
| width: 40px; | |
| height: 24px; | |
| content: "\00a0"; | |
| display: inline-block; | |
| position: relative; | |
| top: -2px; | |
| } | |
| .drfront { | |
| width: 980px; | |
| } | |
| .drfront, | |
| .drfront *, | |
| .drfront *::before, | |
| .drfront *::after { | |
| box-sizing: border-box; | |
| } | |
| .drfront .df-container { | |
| width: 980px; | |
| /* margin-bottom: 20px; */ | |
| } | |
| .drfront .df-container-inner { | |
| /* margin-right: -20px; */ | |
| /* margin-bottom: -20px; | |
| */ | |
| /* margin-right: -22px; | |
| margin-left: -2px; */ | |
| } | |
| .drfront .df-container-header { | |
| margin-right: 20px; | |
| } | |
| .drfront .df-container-header-inner { | |
| } | |
| .drfront .df-container-header-inner:not(:empty) { | |
| } | |
| .drfront .df-container-footer { | |
| } | |
| .drfront .df-container-footer-inner { | |
| } | |
| .drfront .df-article { | |
| /* margin-right: var(--spacing-m); | |
| margin-bottom: var(--spacing-m); */ | |
| } | |
| .drfront .df-article a { | |
| color: inherit; | |
| } | |
| .drfront .df-article.df-width-100 { | |
| width: 980px; | |
| } | |
| .drfront .df-article.df-width-75 { | |
| width: 750px; | |
| } | |
| .drfront .df-article.df-width-66 { | |
| width: 646px; | |
| } | |
| .drfront .df-article.df-width-50 { | |
| width: 480px; | |
| } | |
| .drfront .df-article.df-width-33 { | |
| width: 313px; | |
| } | |
| .drfront .df-article.df-width-25 { | |
| width: 230px; | |
| } | |
| .drfront .df-article-header { | |
| } | |
| .drfront .df-article-header-inner { | |
| } | |
| .drfront .df-article-content { | |
| } | |
| .drfront .df-article-footer { | |
| } | |
| .drfront .df-article-footer-inner { | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::before { | |
| border-color: #222222; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::after { | |
| background-color: #222222; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::before { | |
| border-color: #ffffff; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::after { | |
| background-color: #ffffff; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::before { | |
| border-color: #d20000; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::after { | |
| background-color: #d20000; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty), | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty), | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty) { | |
| position: relative; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::after { | |
| content: ''; | |
| border-radius: 100%; | |
| display: inline-block; | |
| -webkit-animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| position: absolute; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::before { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| top: 0; | |
| left: 0; | |
| width: 1em; | |
| height: 1em; | |
| border-width: .2em; | |
| border-style: solid; | |
| -webkit-animation-delay: .15s; | |
| animation-delay: .15s; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::after { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| width: .2em; | |
| height: .2em; | |
| left: .4em; | |
| top: .4em; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::before { | |
| border-color: #222222; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::after { | |
| background-color: #222222; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::before { | |
| border-color: #ffffff; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::after { | |
| background-color: #ffffff; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::before { | |
| border-color: #d20000; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::after { | |
| background-color: #d20000; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty), | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty), | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty) { | |
| position: relative; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::after { | |
| content: ''; | |
| border-radius: 100%; | |
| display: inline-block; | |
| -webkit-animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| position: absolute; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::before { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| top: 0; | |
| left: 0; | |
| width: 1em; | |
| height: 1em; | |
| border-width: .2em; | |
| border-style: solid; | |
| -webkit-animation-delay: .15s; | |
| animation-delay: .15s; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::after { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| width: .2em; | |
| height: .2em; | |
| left: .4em; | |
| top: .4em; | |
| } | |
| /* .df-article { | |
| &.df-skin-breakingnews-maintitle h1 { | |
| background-color: lime; | |
| } | |
| } */ | |
| .drfront .df-container, | |
| .drfront .df-article { | |
| font-family: "Helvetica Neue", Helvetica, "Segoe ui", Arial, sans-serif; | |
| font-size: 17px; | |
| line-height: 1; | |
| color: #222222; | |
| } | |
| /* &.bg-breakingnews .article-header-inner:not(:empty) { | |
| .beacon(@colorvalue); | |
| } | |
| */ | |
| /* .df-container, | |
| .df-article { | |
| &.df-skin-borderVertical { | |
| box-shadow: 1px 0px 0px 0px var(--swatch-mono-gray6), -1px 0px 0px 0px var(--swatch-mono-gray6); | |
| } | |
| &.df-skin-breakingnews .df-container-header-inner:not(:empty) { | |
| &:extend(.background-color--black, .text-align--left, .beacon-black-bg); | |
| background-color: var(--swatch-mono-gray1); | |
| color: var(--swatch-mono-white); | |
| text-align: left; | |
| background-repeat: no-repeat; | |
| background-position: 6px 50%; | |
| padding-left: 70px; | |
| } | |
| } */ | |
| .drfront .df-container-header-inner:not(:empty), | |
| .drfront .df-article-header-inner:not(:empty) { | |
| font-family: geb, helvetica, arial, sans-serif; | |
| font-size: 20px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| color: #ffffff; | |
| background-color: #222222; | |
| padding: 6px; | |
| } | |
| .drfront .df-container-header-inner:not(:empty) { | |
| /* margin-bottom: var(--vr-spacing-xs); */ | |
| } | |
| .drfront .df-container.df-skin-header--black .df-container-header-inner:not(:empty) { | |
| background-color: #222222; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--black .df-article-header-inner:not(:empty) { | |
| background-color: #222222; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--black, | |
| .drfront .df-article.df-skin-box--black { | |
| background-color: #222222; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--grayDark .df-container-header-inner:not(:empty) { | |
| background-color: #aaaaaa; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--grayDark .df-article-header-inner:not(:empty) { | |
| background-color: #aaaaaa; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--grayDark, | |
| .drfront .df-article.df-skin-box--grayDark { | |
| background-color: #aaaaaa; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--gray .df-container-header-inner:not(:empty) { | |
| background-color: #dddddd; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--gray .df-article-header-inner:not(:empty) { | |
| background-color: #dddddd; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--gray, | |
| .drfront .df-article.df-skin-box--gray { | |
| background-color: #dddddd; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--white .df-container-header-inner:not(:empty) { | |
| background-color: #ffffff; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--white .df-article-header-inner:not(:empty) { | |
| background-color: #ffffff; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--white, | |
| .drfront .df-article.df-skin-box--white { | |
| background-color: #ffffff; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--purple .df-container-header-inner:not(:empty) { | |
| background-color: #660099; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--purple .df-article-header-inner:not(:empty) { | |
| background-color: #660099; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--purple, | |
| .drfront .df-article.df-skin-box--purple { | |
| background-color: #660099; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--blue .df-container-header-inner:not(:empty) { | |
| background-color: #309ad1; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--blue .df-article-header-inner:not(:empty) { | |
| background-color: #309ad1; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--blue, | |
| .drfront .df-article.df-skin-box--blue { | |
| background-color: #309ad1; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--blueLight .df-container-header-inner:not(:empty) { | |
| background-color: #d0e4f1; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--blueLight .df-article-header-inner:not(:empty) { | |
| background-color: #d0e4f1; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--blueLight, | |
| .drfront .df-article.df-skin-box--blueLight { | |
| background-color: #d0e4f1; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--green .df-container-header-inner:not(:empty) { | |
| background-color: #3d7c11; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--green .df-article-header-inner:not(:empty) { | |
| background-color: #3d7c11; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--green, | |
| .drfront .df-article.df-skin-box--green { | |
| background-color: #3d7c11; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--greenLight .df-container-header-inner:not(:empty) { | |
| background-color: #c8edaf; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--greenLight .df-article-header-inner:not(:empty) { | |
| background-color: #c8edaf; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--greenLight, | |
| .drfront .df-article.df-skin-box--greenLight { | |
| background-color: #c8edaf; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--cinamon .df-container-header-inner:not(:empty) { | |
| background-color: #eb6d23; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--cinamon .df-article-header-inner:not(:empty) { | |
| background-color: #eb6d23; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--cinamon, | |
| .drfront .df-article.df-skin-box--cinamon { | |
| background-color: #eb6d23; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--gold .df-container-header-inner:not(:empty) { | |
| background-color: #ffd700; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--gold .df-article-header-inner:not(:empty) { | |
| background-color: #ffd700; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--gold, | |
| .drfront .df-article.df-skin-box--gold { | |
| background-color: #ffd700; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--yellow .df-container-header-inner:not(:empty) { | |
| background-color: #ffff00; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--yellow .df-article-header-inner:not(:empty) { | |
| background-color: #ffff00; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--yellow, | |
| .drfront .df-article.df-skin-box--yellow { | |
| background-color: #ffff00; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--redDark .df-container-header-inner:not(:empty) { | |
| background-color: #c41012; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--redDark .df-article-header-inner:not(:empty) { | |
| background-color: #c41012; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--redDark, | |
| .drfront .df-article.df-skin-box--redDark { | |
| background-color: #c41012; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--red .df-container-header-inner:not(:empty) { | |
| background-color: #d20000; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--red .df-article-header-inner:not(:empty) { | |
| background-color: #d20000; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--red, | |
| .drfront .df-article.df-skin-box--red { | |
| background-color: #d20000; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--redLight .df-container-header-inner:not(:empty) { | |
| background-color: #f3c3c3; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--redLight .df-article-header-inner:not(:empty) { | |
| background-color: #f3c3c3; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--redLight, | |
| .drfront .df-article.df-skin-box--redLight { | |
| background-color: #f3c3c3; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--finance .df-container-header-inner:not(:empty) { | |
| background-color: #feefe0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--finance .df-article-header-inner:not(:empty) { | |
| background-color: #feefe0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--finance, | |
| .drfront .df-article.df-skin-box--finance { | |
| background-color: #feefe0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container[class*=df-skin-box] { | |
| /* reset article-boxes inside container-boxes */ | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article { | |
| background-color: inherit !important; | |
| color: inherit !important; | |
| } | |
| /* | |
| .df-article[class*=df-skin-box] { | |
| .df-article-content { | |
| padding-bottom: 20px; | |
| & > *:not(.df-img-container) { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| } | |
| } | |
| */ | |
| /* columns are narrower inside container-boxes */ | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-100 { | |
| width: 940px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-75 { | |
| width: 720px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-66 { | |
| width: 620px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-50 { | |
| width: 460px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-33 { | |
| width: 300px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-25 { | |
| width: 220px; | |
| } | |
| .drfront .df-img-container { | |
| /* margin-bottom: var(--vr-spacing-s); */ | |
| } | |
| .drfront .df-img-container.df-left { | |
| margin-right: 20px; | |
| } | |
| .drfront .df-img-container.df-right { | |
| margin-left: 20px; | |
| } | |
| .drfront .df-img-container.df-skin-test { | |
| } | |
| .drfront .df-img-container .df-article-img { | |
| } | |
| .drfront .df-img-container .df-img-layer { | |
| } | |
| /* This element is always empty and should be hidden by default. Can be used to style the image like giving it an video icon overlay. | |
| Edit: To be able to use two icons simultaneously this element needs to be visible by default. | |
| Ordinary image-skins uses the ::after pseudo-element, while paywall-icons uses the ::before pseudo-element */ | |
| .drfront .df-img-container .df-img-layer { | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 0 | |
| } | |
| .drfront .df-img-container .df-img-layer:hover a::after { | |
| opacity: 1; | |
| } | |
| .drfront .df-img-container .df-img-layer a::before { | |
| background-position: 0 100%; | |
| } | |
| .drfront .df-img-container .df-img-layer a::after { | |
| background-position: 100% 100%; | |
| bottom: 10px; | |
| right: 10px; | |
| opacity: .8; | |
| transition: opacity .3s ease-out; | |
| } | |
| .drfront .df-img-container .df-img-layer a::after, | |
| .drfront .df-img-container .df-img-layer a::before { | |
| content: "\00a0"; | |
| display: block; | |
| background-repeat: no-repeat; | |
| background-size: auto 100%; | |
| position: absolute; | |
| } | |
| .drfront .df-img-container .df-img-layer a::after { | |
| /* 38, 24 */ | |
| } | |
| .drfront .df-article.df-width-100 .df-img-container .df-img-layer a::after, | |
| .drfront .df-article.df-width-75 .df-img-container .df-img-layer a::after, | |
| .drfront .df-article.df-width-66 .df-img-container .df-img-layer a::after, | |
| .drfront .df-article.df-width-50 .df-img-container .df-img-layer a::after { | |
| width: 133px; | |
| height: 84px; | |
| } | |
| .drfront .df-article.df-width-33 .df-img-container .df-img-layer a::after { | |
| width: 90px; | |
| height: 60px; | |
| } | |
| .drfront .df-article.df-width-25 .df-img-container .df-img-layer a::after { | |
| width: 57px; | |
| height: 36px; | |
| } | |
| .drfront .df-img-container.df-skin-video .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2238px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2038%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Evideo%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22playIcon%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Shape%22%20fill%3D%22%23000000%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2C0%20L34%2C0%20C36.209%2C0%2038%2C1.791%2038%2C4%20L38%2C20%20C38%2C22.209%2036.209%2C24%2034%2C24%20L4%2C24%20C1.791%2C24%200%2C22.209%200%2C20%20L0%2C4%20C0%2C1.791%201.791%2C0%204%2C0%20L4%2C0%20Z%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2C6%20L26%2C12%20L13%2C18%20L13%2C6%20L13%2C6%20Z%22%20id%3D%22Shape%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-album .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%22144px%22%20height%3D%2291px%22%20viewBox%3D%220%200%20144%2091%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ealbum%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22bildeserie_icon%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.158%2C0%20L128.842%2C0%20C137.212%2C0%20144%2C6.791%20144%2C15.167%20L144%2C75.834%20C144%2C84.208%20137.212%2C91%20128.842%2C91%20L15.158%2C91%20C6.788%2C91%200%2C84.208%200%2C75.833%20L0%2C15.167%20C0%2C6.791%206.788%2C0%2015.158%2C0%20L15.158%2C0%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%2844.000000%2C%2018.000000%29%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0%20L0%2C46%20L47.999%2C46%20L47.999%2C0%20L0%2C0%20L0%2C0%20Z%20M43.999%2C34%20L4%2C34%20L4%2C4%20L43.999%2C4%20L43.999%2C34%20L43.999%2C34%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2236.5%22%20cy%3D%2211.5%22%20r%3D%223.5%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30.563%2C20.562%20L23.334%2C27.793%20L26.239%2C23.24%20L18.083%2C15.084%20L8%2C25.166%20L8%2C30%20L39.999%2C30%20L30.563%2C20.562%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8%2C54%20L55.999%2C54%20L55.999%2C8%20L51.999%2C8%20L51.999%2C50%20L8%2C50%20L8%2C54%20L8%2C54%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-1 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-1%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-1%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C14%20C12.8807119%2C14%2014%2C12.8807119%2014%2C11.5%20C14%2C10.1192881%2012.8807119%2C9%2011.5%2C9%20C10.1192881%2C9%209%2C10.1192881%209%2C11.5%20C9%2C12.8807119%2010.1192881%2C14%2011.5%2C14%20Z%22%20id%3D%22Oval-1%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-2 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-2%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-2%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-3%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C10%20C16.8807119%2C10%2018%2C8.88071194%2018%2C7.5%20C18%2C6.11928806%2016.8807119%2C5%2015.5%2C5%20C14.1192881%2C5%2013%2C6.11928806%2013%2C7.5%20C13%2C8.88071194%2014.1192881%2C10%2015.5%2C10%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C18%20C8.88071194%2C18%2010%2C16.8807119%2010%2C15.5%20C10%2C14.1192881%208.88071194%2C13%207.5%2C13%20C6.11928806%2C13%205%2C14.1192881%205%2C15.5%20C5%2C16.8807119%206.11928806%2C18%207.5%2C18%20Z%22%20id%3D%22Oval-1-copy-6%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-3 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-3%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-3%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-2%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C14%20C12.8807119%2C14%2014%2C12.8807119%2014%2C11.5%20C14%2C10.1192881%2012.8807119%2C9%2011.5%2C9%20C10.1192881%2C9%209%2C10.1192881%209%2C11.5%20C9%2C12.8807119%2010.1192881%2C14%2011.5%2C14%20Z%22%20id%3D%22Oval-1-copy-2%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.5%2C9%20C17.8807119%2C9%2019%2C7.88071194%2019%2C6.5%20C19%2C5.11928806%2017.8807119%2C4%2016.5%2C4%20C15.1192881%2C4%2014%2C5.11928806%2014%2C6.5%20C14%2C7.88071194%2015.1192881%2C9%2016.5%2C9%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C19%20C7.88071194%2C19%209%2C17.8807119%209%2C16.5%20C9%2C15.1192881%207.88071194%2C14%206.5%2C14%20C5.11928806%2C14%204%2C15.1192881%204%2C16.5%20C4%2C17.8807119%205.11928806%2C19%206.5%2C19%20Z%22%20id%3D%22Oval-1-copy-5%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-4 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-4%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-4%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-2%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C10%20C16.8807119%2C10%2018%2C8.88071194%2018%2C7.5%20C18%2C6.11928806%2016.8807119%2C5%2015.5%2C5%20C14.1192881%2C5%2013%2C6.11928806%2013%2C7.5%20C13%2C8.88071194%2014.1192881%2C10%2015.5%2C10%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C18%20C16.8807119%2C18%2018%2C16.8807119%2018%2C15.5%20C18%2C14.1192881%2016.8807119%2C13%2015.5%2C13%20C14.1192881%2C13%2013%2C14.1192881%2013%2C15.5%20C13%2C16.8807119%2014.1192881%2C18%2015.5%2C18%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C10%20C8.88071194%2C10%2010%2C8.88071194%2010%2C7.5%20C10%2C6.11928806%208.88071194%2C5%207.5%2C5%20C6.11928806%2C5%205%2C6.11928806%205%2C7.5%20C5%2C8.88071194%206.11928806%2C10%207.5%2C10%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C18%20C8.88071194%2C18%2010%2C16.8807119%2010%2C15.5%20C10%2C14.1192881%208.88071194%2C13%207.5%2C13%20C6.11928806%2C13%205%2C14.1192881%205%2C15.5%20C5%2C16.8807119%206.11928806%2C18%207.5%2C18%20Z%22%20id%3D%22Oval-1-copy-5%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-5 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-5%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-5%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C14%20C12.8807119%2C14%2014%2C12.8807119%2014%2C11.5%20C14%2C10.1192881%2012.8807119%2C9%2011.5%2C9%20C10.1192881%2C9%209%2C10.1192881%209%2C11.5%20C9%2C12.8807119%2010.1192881%2C14%2011.5%2C14%20Z%22%20id%3D%22Oval-1-copy%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.5%2C9%20C17.8807119%2C9%2019%2C7.88071194%2019%2C6.5%20C19%2C5.11928806%2017.8807119%2C4%2016.5%2C4%20C15.1192881%2C4%2014%2C5.11928806%2014%2C6.5%20C14%2C7.88071194%2015.1192881%2C9%2016.5%2C9%20Z%22%20id%3D%22Oval-1-copy-2%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.5%2C19%20C17.8807119%2C19%2019%2C17.8807119%2019%2C16.5%20C19%2C15.1192881%2017.8807119%2C14%2016.5%2C14%20C15.1192881%2C14%2014%2C15.1192881%2014%2C16.5%20C14%2C17.8807119%2015.1192881%2C19%2016.5%2C19%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C9%20C7.88071194%2C9%209%2C7.88071194%209%2C6.5%20C9%2C5.11928806%207.88071194%2C4%206.5%2C4%20C5.11928806%2C4%204%2C5.11928806%204%2C6.5%20C4%2C7.88071194%205.11928806%2C9%206.5%2C9%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C19%20C7.88071194%2C19%209%2C17.8807119%209%2C16.5%20C9%2C15.1192881%207.88071194%2C14%206.5%2C14%20C5.11928806%2C14%204%2C15.1192881%204%2C16.5%20C4%2C17.8807119%205.11928806%2C19%206.5%2C19%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-6 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-6%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-6%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-2%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C14%20C8.88071194%2C14%2010%2C12.8807119%2010%2C11.5%20C10%2C10.1192881%208.88071194%2C9%207.5%2C9%20C6.11928806%2C9%205%2C10.1192881%205%2C11.5%20C5%2C12.8807119%206.11928806%2C14%207.5%2C14%20Z%22%20id%3D%22Oval-1-copy-2%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C14%20C16.8807119%2C14%2018%2C12.8807119%2018%2C11.5%20C18%2C10.1192881%2016.8807119%2C9%2015.5%2C9%20C14.1192881%2C9%2013%2C10.1192881%2013%2C11.5%20C13%2C12.8807119%2014.1192881%2C14%2015.5%2C14%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C8%20C16.8807119%2C8%2018%2C6.88071194%2018%2C5.5%20C18%2C4.11928806%2016.8807119%2C3%2015.5%2C3%20C14.1192881%2C3%2013%2C4.11928806%2013%2C5.5%20C13%2C6.88071194%2014.1192881%2C8%2015.5%2C8%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C20%20C16.8807119%2C20%2018%2C18.8807119%2018%2C17.5%20C18%2C16.1192881%2016.8807119%2C15%2015.5%2C15%20C14.1192881%2C15%2013%2C16.1192881%2013%2C17.5%20C13%2C18.8807119%2014.1192881%2C20%2015.5%2C20%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C8%20C8.88071194%2C8%2010%2C6.88071194%2010%2C5.5%20C10%2C4.11928806%208.88071194%2C3%207.5%2C3%20C6.11928806%2C3%205%2C4.11928806%205%2C5.5%20C5%2C6.88071194%206.11928806%2C8%207.5%2C8%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C20%20C8.88071194%2C20%2010%2C18.8807119%2010%2C17.5%20C10%2C16.1192881%208.88071194%2C15%207.5%2C15%20C6.11928806%2C15%205%2C16.1192881%205%2C17.5%20C5%2C18.8807119%206.11928806%2C20%207.5%2C20%20Z%22%20id%3D%22Oval-1-copy-5%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container-inner { | |
| } | |
| .drfront .df-snippet-img { | |
| } | |
| /* double classnames -> temporary bugfix, this bug has been reported to aptoma */ | |
| .drfront .df-style-df-style-maintitle a, | |
| .drfront .df-style-df-style-secondarytitle a, | |
| .drfront .df-style-maintitle a, | |
| .drfront .df-style-secondarytitle a { | |
| text-decoration: none; | |
| font-family: geb, helvetica, arial, sans-serif; | |
| } | |
| .drfront .df-style-df-style-maintitle, | |
| .drfront .df-style-maintitle { | |
| font-size: 28px; | |
| margin-top: 10px; | |
| } | |
| .drfront .df-style-df-style-secondarytitle, | |
| .drfront .df-style-secondarytitle { | |
| font-size: 23px; | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::before { | |
| border-color: #222222 | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::after { | |
| background-color: #222222 | |
| } | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::before { | |
| border-color: #ffffff | |
| } | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::after { | |
| background-color: #ffffff | |
| } | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::before { | |
| border-color: #d20000 | |
| } | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::after { | |
| background-color: #d20000 | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs], | |
| .drfront .df-style-breakingnews--white [class*=df-fs], | |
| .drfront .df-style-breakingnews--red [class*=df-fs] { | |
| position: relative; | |
| text-indent: 1em; | |
| display: block | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::after { | |
| content: ''; | |
| border-radius: 100%; | |
| display: inline-block; | |
| -webkit-animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| /* cubic-bezier(0.6, 0, 0, 1); */ | |
| position: absolute; | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::before { | |
| top: 0; | |
| left: 0; | |
| width: .9em; | |
| height: .9em; | |
| border-width: .2em; | |
| border-style: solid; | |
| -webkit-animation-delay: .15s; | |
| animation-delay: .15s | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::after { | |
| width: .2em; | |
| height: .2em; | |
| left: .35em; | |
| top: .35em; | |
| } | |
| .drfront .tipus { | |
| text-rendering:optimizeLegibility; | |
| background-color:#222; | |
| white-space:nowrap; | |
| padding: 6px 12px; | |
| color:#fff | |
| } | |
| .drfront .tipus .nowrap { | |
| white-space: nowrap; | |
| } | |
| /* | |
| .drfront .df-articles { | |
| /* background-color: orange; */ | |
| margin-right: -20px; | |
| } | |
| .drfront .df-container { | |
| /* margin-bottom: 20px; */ | |
| } | |
| .drfront .df-container[class*=df-skin-box] { | |
| padding: 20px; | |
| margin-bottom: 20px | |
| /* reset article-boxes inside container-boxes */ | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-container-header-inner:not(:empty) { | |
| margin-left: -20px; | |
| margin-right: -20px; | |
| margin-top: -20px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article-content { | |
| padding-bottom: 0 !important | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article-content > * { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; | |
| } | |
| .drfront .df-article { | |
| margin-right: 20px; | |
| margin-bottom: 20px; | |
| } | |
| .drfront .df-container-header-inner:not(:empty) { | |
| margin-bottom: 6px; | |
| } | |
| .drfront .df-article[class*=df-skin-box] .df-article-content { | |
| padding-bottom: 20px | |
| } | |
| .drfront .df-article[class*=df-skin-box] .df-article-content > *:not(.df-img-container) { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| .drfront .df-container-inner { | |
| margin-right: -20px; | |
| } | |
| /* .df-articles, | |
| .drfront-row { | |
| background-color: pink; | |
| margin-left: -10px; | |
| margin-right: -10px; | |
| } */ | |
| /* .df-article { | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| margin-bottom: 20px; | |
| } */ | |
| /* .df-container { | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 960px; | |
| } */ | |
| /* | |
| .df-container[class*=df-skin-box] { | |
| padding: 10px; | |
| } | |
| */ | |
| /*# sourceMappingURL=maps/polkaposten.css.map */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .drfront { | |
| overflow: hidden; | |
| /* superman */ | |
| /* &::before, | |
| &::after { | |
| display: table; | |
| content: ''; | |
| } | |
| &::before { | |
| } | |
| &::after { | |
| clear: both; | |
| } */ | |
| } | |
| /* DIMENSIONS */ | |
| /* FONT SIZES */ | |
| .drfront :root { /*11px*/ /* 14px */ /* 17px */ /* 20px */ /* 23px */ /* 28px */ /* 36px; */ | |
| } | |
| /* FONTS */ | |
| @font-face { | |
| font-family: 'Open Sans'; | |
| src: url('//r.api.no/s3files/castor/arena/0.5.9/fonts/osc/bold.woff'); | |
| font-weight: 700; | |
| } | |
| /* GRAYSCALES */ | |
| /* COLORS */ | |
| /* black is really 000000 in the style guide */ | |
| /* FONTS */ | |
| @font-face { | |
| font-family: 'geb'; | |
| src: url('//r.api.no/s3files/castor/arena/0.5.9/fonts/guardian/egyptian/black.woff'); | |
| font-weight: 900; | |
| } | |
| .drfront .df-container.df-skin-header--bloodred .df-container-header-inner:not(:empty) { | |
| background-color: maroon; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--bloodred .df-article-header-inner:not(:empty) { | |
| background-color: maroon; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--bloodred, | |
| .drfront .df-article.df-skin-box--bloodred { | |
| background-color: maroon; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--lime .df-container-header-inner:not(:empty) { | |
| background-color: lime; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--lime .df-article-header-inner:not(:empty) { | |
| background-color: lime; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--lime, | |
| .drfront .df-article.df-skin-box--lime { | |
| background-color: lime; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-paywall .df-img-layer a::before { | |
| background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABPCAYAAAD/VXvYAAAAAXNSR0IArs4c6QAABrlJREFUeAHtmXtQVFUcx78LCPJYQEEUBOQl+CbQzFIbx/KJ+RjHNMtqRlKnZpxJmymbfE2jNf3RHzW+QHTGHjOhlGFajpmkmIqp+MIUHzwLCYF4CAss2+9c2t27D9ld5W674+83c9lzzzn3nHs/33PO73cOABsTYAJMgAkwASbABJgAE2ACTIAJMAEmoDwBlfJdONjD8swpgMdmQBXk4JOuV12Feug612BH+lF7Xs7LnkrOreO5EypEO7dPBXtTqTKo9Xh7evCwp5KT64Q5uT+lu7P7e1xRDKXhuGz7LIYLSeOCPsN+OtF9/DE+PgzhQb6436bF7ZpGFP1Vj4r6+4ZGhocHw4PClOLqRiSEqckddW/NbR0oq21GR6eu+4oKlLqlGDOGD8Tamcl4Os5yOdbpdDh2vQpr9p/Di6NjsHrKCGScuI4VX5/CpQ/mQKWyJQfQoe3EkWt/4sNDF3Hqzt8KYLfepO03s/6ccrnLd7XQ8O1trQMvGuJbXxqHNyYkWSu2mrf7t2Is/eIkxDjv3PqaXWLoG2onUeZsO4ofr1bqsx7iV9eE7UvV9jzoVjMja8l4vDouweS79py+iS/P3EKY2hfpEwZjUmK4SXlVQ4skhEnmfzeadi00HVpDkZ+3F7w8jW60F6UzXn4GUe/vNdTRJ2L6BmDx2FjptrC8FoceSbCuVt1GjPkpgyyE+PxYEVZmF+j5IPvcHVxdPw+DwwINee9NG4ncS+U4bWW5WXfgAj45csVQN9jXGx/PG43lE40zL5L8UmxIAO7cazLUE4n4fmpsmjNayss6eaNHxDAOA5OuXO9mfdoTJi/V0NJGfuG8Sd7GF1JMhBCFwkcIQeyxempTzDRza6EZ5Axzi5kxmEbhyIF9THjsv1gGEfnobX1aMtZMH4XvCksRRaN5zKBQfRGmDo2At2z50Rf4+3ghxN9Hf4sIisrenWoqXM75EoilTphYmkREJiwlsq/0K/5EBPnh+SFdy2NjazvOlNQYyhxJuIUYQwZYHlMVVzcYvlOM/A2zUpBLAi3MzMMWcvJyMXzJFySQoOa2jmabuKxZE0HdRc7/nZyzhuJFT8bio7ldS5MhkxIzRkRKl8i7VFGL5E258mK7026xTIUGWAZXtc0a6SPfnjxMAnTwcjkWkBDttD/QWtkjBJE/cMQqaa8iHLj5jHSkDUfrusXMaKBRam4hJNCbzybh0wVjcZgimfkZx9BGoaiwyGB/8+qoaWq1yBNLkDxsFaHzTBrls5OjkUSzUVzLJiZicdZxZFNdETVl5l+X2hFLU9rIKCn9R1U9Tty8K6Ur6owbTosObWS4hRgCgrmtoIhH7Lx/ps3Z3O2/UIjaJYQAmhodYlL9H3LMJWbRkKhQQGt7Fi1FcsvIv4Gr6+ZiKO3chXl6eOCzhU9hL4nxU1GldIn855LCDWKcvFWNZV+dEtmPZG6xTN2iY46CEtOdcESwnzQaZ9OmrFW2VxC7blEmt5zzpdLyJc97UNqDoi9vL1Ms/QN9MYAupc0tZoaAsHrfWeStmi6NVD2URNpPjI0JxfHiu5SvwuxRUch8Zby+WPpt1rRj48FCkzz9zbRhA6Hu3Ut/Cx8SQeTF9zPuU0ShOB4Rs0tuImoqLL8nZYmzrJ4wtxEjn5aCb34voV1vnOG7B9C6nbdqBurImYvR7O9jBCsqtdGMEU69rM46rMkUjorLlmXS0nXfbK9RUFqDlM0HbD3qULnbiLGYwspFY2JxoeweQfdCYn9juNtHtlfQf/2Vyjq8vicf56j+w5o4mxKHjCuzzzxsEw495xZi9AvwwcSE/tjy6zWszb0gbfbEkjSLopm4ULW0ySM/i+rGVpwlp/zD5QocJmdrfgi+k44tVDYO0XX0VE2TRnL439O+5S616Sxzq1NbZ0Hp2X7sP7U1DRt69i24NQcJsBgOAlOyuguKoes651Dyq53Ztg52Ox3XE0On2+FMVor35cD3uJ4DF3RWbIuBztsYuypDbBP9syPNdtO629Bql8DD0/pmpbsGOnT1yEov7a6KvMw1xZC/oVLpBRu80Tfq2+4FISE0rZOw+61ypV5D3q6n/OaxShflaRGXug++gakkSKLltztXCNH/4yuG+PoHCuJ8IVgMuSB+gSn0H3OaIf+PECyGICBMzJDY1Bz4qUOh0aQ7y0d0dc5/mQATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbABJgAE2ACTIAJMAEmwASYABNgAkyACTABJsAEmAATYAJMgAkwASbwGBP4F9AW+1rWJRQzAAAAAElFTkSuQmCC'); | |
| width: 99px; | |
| height: 79px; | |
| left: initial; | |
| top: 0; | |
| right: 0; | |
| } | |
| .drfront .df-style-readmorelink { | |
| margin-top: 10px; | |
| } | |
| .drfront .df-style-readmorelink span { | |
| display: none; | |
| } | |
| .drfront .df-style-readmorelink a { | |
| text-decoration: none; | |
| } | |
| .drfront .df-style-readmorelink a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%20139%2080%22%20enable-background%3D%22new%200%200%20139%2080%22%20xml%3Aspace%3D%22preserve%22%20preserveAspectRatio%3D%22xMinYMid%20meet%22%3E%3Crect%20fill%3D%22%233F6177%22%20width%3D%22139%22%20height%3D%2280%22%2F%3E%3Cpath%20fill%3D%22%23FFA800%22%20d%3D%22M107.095%2C71.592h17.941V60.183h5.574v-14.37h-5.574v-18.29l-17.941%2C12.803v5.487h-7.752l24.211-36.316%20h-20.987l-22.557%2C37.1v13.586h27.086V71.592z%20M31.935%2C71.592h44.765V56.526H56.059v-0.174l3.832-3.92%20c6.184-6.27%2C16.2-14.979%2C16.2-24.647c0-11.06-7.402-19.509-22.209-19.509c-13.761%2C0-23.863%2C6.62-23.863%2C19.334v3.745h17.592v-1.915%20c0-3.572%2C0.958-6.707%2C5.052-6.707c4.093%2C0%2C5.051%2C2.438%2C5.051%2C4.964v0.959c0%2C4.701-4.616%2C8.621-9.929%2C14.63l-15.85%2C18.029V71.592z%22%2F%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M22.409%2C18.662H12.013v-2.569c0-1.753%2C1.036-3.135%2C2.74-3.135h4.84c1.802%2C0%2C2.816%2C1.407%2C2.816%2C3.012V18.662%20%20z%20M26.014%2C23.081v-7.382c0-3.704-2.075-7.161-6.445-7.161h-4.963c-4.099%2C0-6.198%2C3.259-6.198%2C7.186v7.358H26.014z%20M16.532%2C34.145%20%20h-4.667v-2.718c0-1.58%2C0.815-2.567%2C2.321-2.567c1.432%2C0%2C2.346%2C0.963%2C2.346%2C2.567V34.145z%20M26.014%2C38.564v-4.419h-6.223v-2%20%20l6.223-3.481v-4.816l-6.865%2C4.024c-0.939-2.272-3.036-3.309-5.185-3.309c-3.259%2C0-5.556%2C2.298-5.556%2C6.298v7.705H26.014z%20%20%20M22.68%2C47.354c0%2C1.803-1.036%2C3.112-2.913%2C3.112h-5.161c-2.05%2C0-2.889-1.458-2.889-3.038c0-1.654%2C1.012-3.111%2C2.864-3.111h5.211%20%20C21.792%2C44.317%2C22.68%2C45.798%2C22.68%2C47.354%20M26.31%2C47.354c0-3.678-2.074-7.456-6.668-7.456h-4.889c-4.543%2C0-6.643%2C3.629-6.643%2C7.555%20%20c0%2C3.778%2C2.198%2C7.432%2C6.668%2C7.432h5.086C24.408%2C54.885%2C26.31%2C51.306%2C26.31%2C47.354%20M26.014%2C71.331v-4.075H15.668v-0.05l10.347-6.888%20%20V56.22H8.408v4.073h9.951v0.05l-9.951%2C6.716v4.272H26.014z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| background-repeat: no-repeat; | |
| width: 40px; | |
| height: 24px; | |
| content: "\00a0"; | |
| display: inline-block; | |
| position: relative; | |
| top: -2px; | |
| } | |
| .drfront { | |
| width: 980px; | |
| } | |
| .drfront, | |
| .drfront *, | |
| .drfront *::before, | |
| .drfront *::after { | |
| box-sizing: border-box; | |
| } | |
| .drfront .df-container { | |
| width: 980px; | |
| /* margin-bottom: 20px; */ | |
| } | |
| .drfront .df-container-inner { | |
| /* margin-right: -20px; */ | |
| /* margin-bottom: -20px; | |
| */ | |
| /* margin-right: -22px; | |
| margin-left: -2px; */ | |
| } | |
| .drfront .df-container-header { | |
| margin-right: 20px; | |
| } | |
| .drfront .df-container-header-inner { | |
| } | |
| .drfront .df-container-header-inner:not(:empty) { | |
| } | |
| .drfront .df-container-footer { | |
| } | |
| .drfront .df-container-footer-inner { | |
| } | |
| .drfront .df-article { | |
| /* margin-right: var(--spacing-m); | |
| margin-bottom: var(--spacing-m); */ | |
| } | |
| .drfront .df-article a { | |
| color: inherit; | |
| } | |
| .drfront .df-article.df-width-100 { | |
| width: 980px; | |
| } | |
| .drfront .df-article.df-width-75 { | |
| width: 750px; | |
| } | |
| .drfront .df-article.df-width-66 { | |
| width: 646px; | |
| } | |
| .drfront .df-article.df-width-50 { | |
| width: 480px; | |
| } | |
| .drfront .df-article.df-width-33 { | |
| width: 313px; | |
| } | |
| .drfront .df-article.df-width-25 { | |
| width: 230px; | |
| } | |
| .drfront .df-article-header { | |
| } | |
| .drfront .df-article-header-inner { | |
| } | |
| .drfront .df-article-content { | |
| } | |
| .drfront .df-article-footer { | |
| } | |
| .drfront .df-article-footer-inner { | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::before { | |
| border-color: #222222; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::after { | |
| background-color: #222222; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::before { | |
| border-color: #ffffff; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::after { | |
| background-color: #ffffff; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::before { | |
| border-color: #d20000; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::after { | |
| background-color: #d20000; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty), | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty), | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty) { | |
| position: relative; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::after { | |
| content: ''; | |
| border-radius: 100%; | |
| display: inline-block; | |
| -webkit-animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| position: absolute; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::before, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::before { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| top: 0; | |
| left: 0; | |
| width: 1em; | |
| height: 1em; | |
| border-width: .2em; | |
| border-style: solid; | |
| -webkit-animation-delay: .15s; | |
| animation-delay: .15s; | |
| } | |
| .drfront .df-container.df-skin-breakingnews--black .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--white .df-container-header-inner:not(:empty)::after, | |
| .drfront .df-container.df-skin-breakingnews--red .df-container-header-inner:not(:empty)::after { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| width: .2em; | |
| height: .2em; | |
| left: .4em; | |
| top: .4em; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::before { | |
| border-color: #222222; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::after { | |
| background-color: #222222; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::before { | |
| border-color: #ffffff; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::after { | |
| background-color: #ffffff; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::before { | |
| border-color: #d20000; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::after { | |
| background-color: #d20000; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty), | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty), | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty) { | |
| position: relative; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::after { | |
| content: ''; | |
| border-radius: 100%; | |
| display: inline-block; | |
| -webkit-animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| position: absolute; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::before, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::before { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| top: 0; | |
| left: 0; | |
| width: 1em; | |
| height: 1em; | |
| border-width: .2em; | |
| border-style: solid; | |
| -webkit-animation-delay: .15s; | |
| animation-delay: .15s; | |
| } | |
| .drfront .df-article.df-skin-breakingnews--black .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--white .df-article-header-inner:not(:empty)::after, | |
| .drfront .df-article.df-skin-breakingnews--red .df-article-header-inner:not(:empty)::after { | |
| margin-top: 6px; | |
| margin-left: 6px; | |
| width: .2em; | |
| height: .2em; | |
| left: .4em; | |
| top: .4em; | |
| } | |
| /* .df-article { | |
| &.df-skin-breakingnews-maintitle h1 { | |
| background-color: lime; | |
| } | |
| } */ | |
| .drfront .df-container, | |
| .drfront .df-article { | |
| font-family: "Helvetica Neue", Helvetica, "Segoe ui", Arial, sans-serif; | |
| font-size: 17px; | |
| line-height: 1; | |
| color: #222222; | |
| } | |
| /* &.bg-breakingnews .article-header-inner:not(:empty) { | |
| .beacon(@colorvalue); | |
| } | |
| */ | |
| /* .df-container, | |
| .df-article { | |
| &.df-skin-borderVertical { | |
| box-shadow: 1px 0px 0px 0px var(--swatch-mono-gray6), -1px 0px 0px 0px var(--swatch-mono-gray6); | |
| } | |
| &.df-skin-breakingnews .df-container-header-inner:not(:empty) { | |
| &:extend(.background-color--black, .text-align--left, .beacon-black-bg); | |
| background-color: var(--swatch-mono-gray1); | |
| color: var(--swatch-mono-white); | |
| text-align: left; | |
| background-repeat: no-repeat; | |
| background-position: 6px 50%; | |
| padding-left: 70px; | |
| } | |
| } */ | |
| .drfront .df-container-header-inner:not(:empty), | |
| .drfront .df-article-header-inner:not(:empty) { | |
| font-family: geb, helvetica, arial, sans-serif; | |
| font-size: 20px; | |
| text-align: center; | |
| text-transform: uppercase; | |
| color: #ffffff; | |
| background-color: #222222; | |
| padding: 6px; | |
| } | |
| .drfront .df-container-header-inner:not(:empty) { | |
| /* margin-bottom: var(--vr-spacing-xs); */ | |
| } | |
| .drfront .df-container.df-skin-header--black .df-container-header-inner:not(:empty) { | |
| background-color: #222222; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--black .df-article-header-inner:not(:empty) { | |
| background-color: #222222; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--black, | |
| .drfront .df-article.df-skin-box--black { | |
| background-color: #222222; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--grayDark .df-container-header-inner:not(:empty) { | |
| background-color: #aaaaaa; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--grayDark .df-article-header-inner:not(:empty) { | |
| background-color: #aaaaaa; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--grayDark, | |
| .drfront .df-article.df-skin-box--grayDark { | |
| background-color: #aaaaaa; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--gray .df-container-header-inner:not(:empty) { | |
| background-color: #dddddd; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--gray .df-article-header-inner:not(:empty) { | |
| background-color: #dddddd; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--gray, | |
| .drfront .df-article.df-skin-box--gray { | |
| background-color: #dddddd; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--white .df-container-header-inner:not(:empty) { | |
| background-color: #ffffff; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--white .df-article-header-inner:not(:empty) { | |
| background-color: #ffffff; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--white, | |
| .drfront .df-article.df-skin-box--white { | |
| background-color: #ffffff; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--purple .df-container-header-inner:not(:empty) { | |
| background-color: #660099; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--purple .df-article-header-inner:not(:empty) { | |
| background-color: #660099; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--purple, | |
| .drfront .df-article.df-skin-box--purple { | |
| background-color: #660099; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--blue .df-container-header-inner:not(:empty) { | |
| background-color: #309ad1; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--blue .df-article-header-inner:not(:empty) { | |
| background-color: #309ad1; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--blue, | |
| .drfront .df-article.df-skin-box--blue { | |
| background-color: #309ad1; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--blueLight .df-container-header-inner:not(:empty) { | |
| background-color: #d0e4f1; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--blueLight .df-article-header-inner:not(:empty) { | |
| background-color: #d0e4f1; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--blueLight, | |
| .drfront .df-article.df-skin-box--blueLight { | |
| background-color: #d0e4f1; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--green .df-container-header-inner:not(:empty) { | |
| background-color: #3d7c11; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--green .df-article-header-inner:not(:empty) { | |
| background-color: #3d7c11; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--green, | |
| .drfront .df-article.df-skin-box--green { | |
| background-color: #3d7c11; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--greenLight .df-container-header-inner:not(:empty) { | |
| background-color: #c8edaf; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--greenLight .df-article-header-inner:not(:empty) { | |
| background-color: #c8edaf; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--greenLight, | |
| .drfront .df-article.df-skin-box--greenLight { | |
| background-color: #c8edaf; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--cinamon .df-container-header-inner:not(:empty) { | |
| background-color: #eb6d23; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--cinamon .df-article-header-inner:not(:empty) { | |
| background-color: #eb6d23; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--cinamon, | |
| .drfront .df-article.df-skin-box--cinamon { | |
| background-color: #eb6d23; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--gold .df-container-header-inner:not(:empty) { | |
| background-color: #ffd700; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--gold .df-article-header-inner:not(:empty) { | |
| background-color: #ffd700; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--gold, | |
| .drfront .df-article.df-skin-box--gold { | |
| background-color: #ffd700; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--yellow .df-container-header-inner:not(:empty) { | |
| background-color: #ffff00; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--yellow .df-article-header-inner:not(:empty) { | |
| background-color: #ffff00; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--yellow, | |
| .drfront .df-article.df-skin-box--yellow { | |
| background-color: #ffff00; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--redDark .df-container-header-inner:not(:empty) { | |
| background-color: #c41012; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--redDark .df-article-header-inner:not(:empty) { | |
| background-color: #c41012; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--redDark, | |
| .drfront .df-article.df-skin-box--redDark { | |
| background-color: #c41012; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--red .df-container-header-inner:not(:empty) { | |
| background-color: #d20000; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-article.df-skin-header--red .df-article-header-inner:not(:empty) { | |
| background-color: #d20000; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-box--red, | |
| .drfront .df-article.df-skin-box--red { | |
| background-color: #d20000; | |
| color: rgb(255, 255, 255); | |
| } | |
| .drfront .df-container.df-skin-header--redLight .df-container-header-inner:not(:empty) { | |
| background-color: #f3c3c3; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--redLight .df-article-header-inner:not(:empty) { | |
| background-color: #f3c3c3; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--redLight, | |
| .drfront .df-article.df-skin-box--redLight { | |
| background-color: #f3c3c3; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-header--finance .df-container-header-inner:not(:empty) { | |
| background-color: #feefe0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-article.df-skin-header--finance .df-article-header-inner:not(:empty) { | |
| background-color: #feefe0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container.df-skin-box--finance, | |
| .drfront .df-article.df-skin-box--finance { | |
| background-color: #feefe0; | |
| color: rgb(0, 0, 0); | |
| } | |
| .drfront .df-container[class*=df-skin-box] { | |
| /* reset article-boxes inside container-boxes */ | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article { | |
| background-color: inherit !important; | |
| color: inherit !important; | |
| } | |
| /* | |
| .df-article[class*=df-skin-box] { | |
| .df-article-content { | |
| padding-bottom: 20px; | |
| & > *:not(.df-img-container) { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| } | |
| } | |
| */ | |
| /* columns are narrower inside container-boxes */ | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-100 { | |
| width: 940px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-75 { | |
| width: 720px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-66 { | |
| width: 620px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-50 { | |
| width: 460px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-33 { | |
| width: 300px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article.df-width-25 { | |
| width: 220px; | |
| } | |
| .drfront .df-img-container { | |
| /* margin-bottom: var(--vr-spacing-s); */ | |
| } | |
| .drfront .df-img-container.df-left { | |
| margin-right: 20px; | |
| } | |
| .drfront .df-img-container.df-right { | |
| margin-left: 20px; | |
| } | |
| .drfront .df-img-container.df-skin-test { | |
| } | |
| .drfront .df-img-container .df-article-img { | |
| } | |
| .drfront .df-img-container .df-img-layer { | |
| } | |
| /* This element is always empty and should be hidden by default. Can be used to style the image like giving it an video icon overlay. | |
| Edit: To be able to use two icons simultaneously this element needs to be visible by default. | |
| Ordinary image-skins uses the ::after pseudo-element, while paywall-icons uses the ::before pseudo-element */ | |
| .drfront .df-img-container .df-img-layer { | |
| width: 100%; | |
| height: 100%; | |
| display: block; | |
| position: absolute; | |
| top: 0; | |
| left: 0 | |
| } | |
| .drfront .df-img-container .df-img-layer:hover a::after { | |
| opacity: 1; | |
| } | |
| .drfront .df-img-container .df-img-layer a::before { | |
| background-position: 0 100%; | |
| } | |
| .drfront .df-img-container .df-img-layer a::after { | |
| background-position: 100% 100%; | |
| bottom: 10px; | |
| right: 10px; | |
| opacity: .8; | |
| transition: opacity .3s ease-out; | |
| } | |
| .drfront .df-img-container .df-img-layer a::after, | |
| .drfront .df-img-container .df-img-layer a::before { | |
| content: "\00a0"; | |
| display: block; | |
| background-repeat: no-repeat; | |
| background-size: auto 100%; | |
| position: absolute; | |
| } | |
| .drfront .df-img-container .df-img-layer a::after { | |
| /* 38, 24 */ | |
| } | |
| .drfront .df-article.df-width-100 .df-img-container .df-img-layer a::after, | |
| .drfront .df-article.df-width-75 .df-img-container .df-img-layer a::after, | |
| .drfront .df-article.df-width-66 .df-img-container .df-img-layer a::after, | |
| .drfront .df-article.df-width-50 .df-img-container .df-img-layer a::after { | |
| width: 133px; | |
| height: 84px; | |
| } | |
| .drfront .df-article.df-width-33 .df-img-container .df-img-layer a::after { | |
| width: 90px; | |
| height: 60px; | |
| } | |
| .drfront .df-article.df-width-25 .df-img-container .df-img-layer a::after { | |
| width: 57px; | |
| height: 36px; | |
| } | |
| .drfront .df-img-container.df-skin-video .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2238px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2038%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Evideo%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22playIcon%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Shape%22%20fill%3D%22%23000000%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2C0%20L34%2C0%20C36.209%2C0%2038%2C1.791%2038%2C4%20L38%2C20%20C38%2C22.209%2036.209%2C24%2034%2C24%20L4%2C24%20C1.791%2C24%200%2C22.209%200%2C20%20L0%2C4%20C0%2C1.791%201.791%2C0%204%2C0%20L4%2C0%20Z%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13%2C6%20L26%2C12%20L13%2C18%20L13%2C6%20L13%2C6%20Z%22%20id%3D%22Shape%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-album .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%22144px%22%20height%3D%2291px%22%20viewBox%3D%220%200%20144%2091%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ealbum%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22bildeserie_icon%22%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.158%2C0%20L128.842%2C0%20C137.212%2C0%20144%2C6.791%20144%2C15.167%20L144%2C75.834%20C144%2C84.208%20137.212%2C91%20128.842%2C91%20L15.158%2C91%20C6.788%2C91%200%2C84.208%200%2C75.833%20L0%2C15.167%20C0%2C6.791%206.788%2C0%2015.158%2C0%20L15.158%2C0%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%2844.000000%2C%2018.000000%29%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0%20L0%2C46%20L47.999%2C46%20L47.999%2C0%20L0%2C0%20L0%2C0%20Z%20M43.999%2C34%20L4%2C34%20L4%2C4%20L43.999%2C4%20L43.999%2C34%20L43.999%2C34%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%2236.5%22%20cy%3D%2211.5%22%20r%3D%223.5%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30.563%2C20.562%20L23.334%2C27.793%20L26.239%2C23.24%20L18.083%2C15.084%20L8%2C25.166%20L8%2C30%20L39.999%2C30%20L30.563%2C20.562%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8%2C54%20L55.999%2C54%20L55.999%2C8%20L51.999%2C8%20L51.999%2C50%20L8%2C50%20L8%2C54%20L8%2C54%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-1 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-1%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-1%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C14%20C12.8807119%2C14%2014%2C12.8807119%2014%2C11.5%20C14%2C10.1192881%2012.8807119%2C9%2011.5%2C9%20C10.1192881%2C9%209%2C10.1192881%209%2C11.5%20C9%2C12.8807119%2010.1192881%2C14%2011.5%2C14%20Z%22%20id%3D%22Oval-1%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-2 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-2%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-2%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-3%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C10%20C16.8807119%2C10%2018%2C8.88071194%2018%2C7.5%20C18%2C6.11928806%2016.8807119%2C5%2015.5%2C5%20C14.1192881%2C5%2013%2C6.11928806%2013%2C7.5%20C13%2C8.88071194%2014.1192881%2C10%2015.5%2C10%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C18%20C8.88071194%2C18%2010%2C16.8807119%2010%2C15.5%20C10%2C14.1192881%208.88071194%2C13%207.5%2C13%20C6.11928806%2C13%205%2C14.1192881%205%2C15.5%20C5%2C16.8807119%206.11928806%2C18%207.5%2C18%20Z%22%20id%3D%22Oval-1-copy-6%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-3 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-3%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-3%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-2%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C14%20C12.8807119%2C14%2014%2C12.8807119%2014%2C11.5%20C14%2C10.1192881%2012.8807119%2C9%2011.5%2C9%20C10.1192881%2C9%209%2C10.1192881%209%2C11.5%20C9%2C12.8807119%2010.1192881%2C14%2011.5%2C14%20Z%22%20id%3D%22Oval-1-copy-2%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.5%2C9%20C17.8807119%2C9%2019%2C7.88071194%2019%2C6.5%20C19%2C5.11928806%2017.8807119%2C4%2016.5%2C4%20C15.1192881%2C4%2014%2C5.11928806%2014%2C6.5%20C14%2C7.88071194%2015.1192881%2C9%2016.5%2C9%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C19%20C7.88071194%2C19%209%2C17.8807119%209%2C16.5%20C9%2C15.1192881%207.88071194%2C14%206.5%2C14%20C5.11928806%2C14%204%2C15.1192881%204%2C16.5%20C4%2C17.8807119%205.11928806%2C19%206.5%2C19%20Z%22%20id%3D%22Oval-1-copy-5%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-4 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-4%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-4%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-2%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C10%20C16.8807119%2C10%2018%2C8.88071194%2018%2C7.5%20C18%2C6.11928806%2016.8807119%2C5%2015.5%2C5%20C14.1192881%2C5%2013%2C6.11928806%2013%2C7.5%20C13%2C8.88071194%2014.1192881%2C10%2015.5%2C10%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C18%20C16.8807119%2C18%2018%2C16.8807119%2018%2C15.5%20C18%2C14.1192881%2016.8807119%2C13%2015.5%2C13%20C14.1192881%2C13%2013%2C14.1192881%2013%2C15.5%20C13%2C16.8807119%2014.1192881%2C18%2015.5%2C18%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C10%20C8.88071194%2C10%2010%2C8.88071194%2010%2C7.5%20C10%2C6.11928806%208.88071194%2C5%207.5%2C5%20C6.11928806%2C5%205%2C6.11928806%205%2C7.5%20C5%2C8.88071194%206.11928806%2C10%207.5%2C10%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C18%20C8.88071194%2C18%2010%2C16.8807119%2010%2C15.5%20C10%2C14.1192881%208.88071194%2C13%207.5%2C13%20C6.11928806%2C13%205%2C14.1192881%205%2C15.5%20C5%2C16.8807119%206.11928806%2C18%207.5%2C18%20Z%22%20id%3D%22Oval-1-copy-5%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-5 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-5%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-5%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.5%2C14%20C12.8807119%2C14%2014%2C12.8807119%2014%2C11.5%20C14%2C10.1192881%2012.8807119%2C9%2011.5%2C9%20C10.1192881%2C9%209%2C10.1192881%209%2C11.5%20C9%2C12.8807119%2010.1192881%2C14%2011.5%2C14%20Z%22%20id%3D%22Oval-1-copy%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.5%2C9%20C17.8807119%2C9%2019%2C7.88071194%2019%2C6.5%20C19%2C5.11928806%2017.8807119%2C4%2016.5%2C4%20C15.1192881%2C4%2014%2C5.11928806%2014%2C6.5%20C14%2C7.88071194%2015.1192881%2C9%2016.5%2C9%20Z%22%20id%3D%22Oval-1-copy-2%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.5%2C19%20C17.8807119%2C19%2019%2C17.8807119%2019%2C16.5%20C19%2C15.1192881%2017.8807119%2C14%2016.5%2C14%20C15.1192881%2C14%2014%2C15.1192881%2014%2C16.5%20C14%2C17.8807119%2015.1192881%2C19%2016.5%2C19%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C9%20C7.88071194%2C9%209%2C7.88071194%209%2C6.5%20C9%2C5.11928806%207.88071194%2C4%206.5%2C4%20C5.11928806%2C4%204%2C5.11928806%204%2C6.5%20C4%2C7.88071194%205.11928806%2C9%206.5%2C9%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C19%20C7.88071194%2C19%209%2C17.8807119%209%2C16.5%20C9%2C15.1192881%207.88071194%2C14%206.5%2C14%20C5.11928806%2C14%204%2C15.1192881%204%2C16.5%20C4%2C17.8807119%205.11928806%2C19%206.5%2C19%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container.df-skin-review-6 .df-img-layer a::after { | |
| background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2223px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%3Ctitle%3Ereview-6%3C%2Ftitle%3E%20%20%20%20%3Cdescription%3ECreated%20with%20Sketch%20%28http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%29%3C%2Fdescription%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22review-6%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20sketch%3Atype%3D%22MSLayerGroup%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-1-copy-2%22%20fill%3D%22%23000000%22%20sketch%3Atype%3D%22MSShapeGroup%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2223%22%20height%3D%2223%22%20rx%3D%224%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C14%20C8.88071194%2C14%2010%2C12.8807119%2010%2C11.5%20C10%2C10.1192881%208.88071194%2C9%207.5%2C9%20C6.11928806%2C9%205%2C10.1192881%205%2C11.5%20C5%2C12.8807119%206.11928806%2C14%207.5%2C14%20Z%22%20id%3D%22Oval-1-copy-2%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C14%20C16.8807119%2C14%2018%2C12.8807119%2018%2C11.5%20C18%2C10.1192881%2016.8807119%2C9%2015.5%2C9%20C14.1192881%2C9%2013%2C10.1192881%2013%2C11.5%20C13%2C12.8807119%2014.1192881%2C14%2015.5%2C14%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C8%20C16.8807119%2C8%2018%2C6.88071194%2018%2C5.5%20C18%2C4.11928806%2016.8807119%2C3%2015.5%2C3%20C14.1192881%2C3%2013%2C4.11928806%2013%2C5.5%20C13%2C6.88071194%2014.1192881%2C8%2015.5%2C8%20Z%22%20id%3D%22Oval-1-copy-3%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5%2C20%20C16.8807119%2C20%2018%2C18.8807119%2018%2C17.5%20C18%2C16.1192881%2016.8807119%2C15%2015.5%2C15%20C14.1192881%2C15%2013%2C16.1192881%2013%2C17.5%20C13%2C18.8807119%2014.1192881%2C20%2015.5%2C20%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C8%20C8.88071194%2C8%2010%2C6.88071194%2010%2C5.5%20C10%2C4.11928806%208.88071194%2C3%207.5%2C3%20C6.11928806%2C3%205%2C4.11928806%205%2C5.5%20C5%2C6.88071194%206.11928806%2C8%207.5%2C8%20Z%22%20id%3D%22Oval-1-copy-4%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C20%20C8.88071194%2C20%2010%2C18.8807119%2010%2C17.5%20C10%2C16.1192881%208.88071194%2C15%207.5%2C15%20C6.11928806%2C15%205%2C16.1192881%205%2C17.5%20C5%2C18.8807119%206.11928806%2C20%207.5%2C20%20Z%22%20id%3D%22Oval-1-copy-5%22%20fill%3D%22%23FFFFFF%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); | |
| } | |
| .drfront .df-img-container-inner { | |
| } | |
| .drfront .df-snippet-img { | |
| } | |
| /* double classnames -> temporary bugfix, this bug has been reported to aptoma */ | |
| .drfront .df-style-df-style-maintitle a, | |
| .drfront .df-style-df-style-secondarytitle a, | |
| .drfront .df-style-maintitle a, | |
| .drfront .df-style-secondarytitle a { | |
| text-decoration: none; | |
| font-family: geb, helvetica, arial, sans-serif; | |
| } | |
| .drfront .df-style-df-style-maintitle, | |
| .drfront .df-style-maintitle { | |
| font-size: 28px; | |
| margin-top: 10px; | |
| } | |
| .drfront .df-style-df-style-secondarytitle, | |
| .drfront .df-style-secondarytitle { | |
| font-size: 23px; | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::before { | |
| border-color: #222222 | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::after { | |
| background-color: #222222 | |
| } | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::before { | |
| border-color: #ffffff | |
| } | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::after { | |
| background-color: #ffffff | |
| } | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::before { | |
| border-color: #d20000 | |
| } | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::after { | |
| background-color: #d20000 | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs], | |
| .drfront .df-style-breakingnews--white [class*=df-fs], | |
| .drfront .df-style-breakingnews--red [class*=df-fs] { | |
| position: relative; | |
| text-indent: 1em; | |
| display: block | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::after { | |
| content: ''; | |
| border-radius: 100%; | |
| display: inline-block; | |
| -webkit-animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| animation: pulse 2s infinite cubic-bezier(0, 0.5, 0.5, 1); | |
| /* cubic-bezier(0.6, 0, 0, 1); */ | |
| position: absolute; | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::before, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::before { | |
| top: 0; | |
| left: 0; | |
| width: .9em; | |
| height: .9em; | |
| border-width: .2em; | |
| border-style: solid; | |
| -webkit-animation-delay: .15s; | |
| animation-delay: .15s | |
| } | |
| .drfront .df-style-breakingnews--black [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--white [class*=df-fs]::after, | |
| .drfront .df-style-breakingnews--red [class*=df-fs]::after { | |
| width: .2em; | |
| height: .2em; | |
| left: .35em; | |
| top: .35em; | |
| } | |
| .drfront .tipus { | |
| text-rendering:optimizeLegibility; | |
| background-color:#222; | |
| white-space:nowrap; | |
| padding: 6px 12px; | |
| color:#fff | |
| } | |
| .drfront .tipus .nowrap { | |
| white-space: nowrap; | |
| } | |
| /* @import '../legacy/legacy.css'; */ | |
| .drfront .df-articles { | |
| /* background-color: orange; */ | |
| margin-right: -20px; | |
| } | |
| .drfront .df-container { | |
| /* margin-bottom: 20px; */ | |
| } | |
| .drfront .df-container[class*=df-skin-box] { | |
| padding: 20px; | |
| margin-bottom: 20px | |
| /* reset article-boxes inside container-boxes */ | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-container-header-inner:not(:empty) { | |
| margin-left: -20px; | |
| margin-right: -20px; | |
| margin-top: -20px; | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article-content { | |
| padding-bottom: 0 !important | |
| } | |
| .drfront .df-container[class*=df-skin-box] .df-article-content > * { | |
| padding-left: 0 !important; | |
| padding-right: 0 !important; | |
| } | |
| .drfront .df-article { | |
| margin-right: 20px; | |
| margin-bottom: 20px; | |
| } | |
| .drfront .df-container-header-inner:not(:empty) { | |
| margin-bottom: 6px; | |
| } | |
| .drfront .df-article[class*=df-skin-box] .df-article-content { | |
| padding-bottom: 20px | |
| } | |
| .drfront .df-article[class*=df-skin-box] .df-article-content > *:not(.df-img-container) { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| .drfront .df-container-inner { | |
| margin-right: -20px; | |
| } | |
| /* .df-articles, | |
| .drfront-row { | |
| background-color: pink; | |
| margin-left: -10px; | |
| margin-right: -10px; | |
| } */ | |
| /* .df-article { | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| margin-bottom: 20px; | |
| } */ | |
| /* .df-container { | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 960px; | |
| } */ | |
| /* | |
| .df-container[class*=df-skin-box] { | |
| padding: 10px; | |
| } | |
| */ | |
| /*# sourceMappingURL=maps/polkaposten.css.map */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment