X-Git-Url: https://git.stricted.de/?a=blobdiff_plain;f=wcfsetup%2Finstall%2Ffiles%2Fstyle%2Fui%2FcolorPicker.scss;h=d7ed7583425e67bca9d5a8a2054e561cf26b98fd;hb=8a52619a9ee399b44e87a6ff1e274a4ae465ed73;hp=d2e41c6e7f88bc59c71f384416c65ffea95c2e6d;hpb=f1131e366311f1724e2ae5ca427129c2c116aaf3;p=GitHub%2FWoltLab%2FWCF.git diff --git a/wcfsetup/install/files/style/ui/colorPicker.scss b/wcfsetup/install/files/style/ui/colorPicker.scss index d2e41c6e7f..d7ed758342 100644 --- a/wcfsetup/install/files/style/ui/colorPicker.scss +++ b/wcfsetup/install/files/style/ui/colorPicker.scss @@ -1,6 +1,6 @@ #colorPickerGradient { background-color: #f00; - background-image: url('../images/colorPickerGradient.png'); + background-image: url("../images/colorPickerGradient.png"); background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 1); cursor: default; @@ -9,7 +9,7 @@ overflow: hidden; position: relative; width: 256px; - + > span { border: 1px solid rgba(0, 0, 0, 1); border-radius: 10px; @@ -19,7 +19,7 @@ position: absolute; top: -4px; width: 10px; - + > span { border: 1px solid rgba(255, 255, 255, 1); border-radius: 10px; @@ -31,7 +31,7 @@ } #colorPickerBar { - background-image: url('../images/colorPickerBar.png'); + background-image: url("../images/colorPickerBar.png"); background-repeat: repeat-x; border: 1px solid rgba(0, 0, 0, 1); cursor: default; @@ -40,7 +40,7 @@ margin-left: 10px; position: relative; width: 16px; - + > span { display: inline-block; height: 1px; @@ -48,7 +48,7 @@ position: absolute; top: 27px; width: 16px; - + &::after, &::before { content: ""; @@ -58,7 +58,7 @@ top: 0; width: 0; } - + &::after { border-bottom: 5px solid transparent; border-right: 5px solid rgba(0, 0, 0, 1); @@ -66,7 +66,7 @@ right: -7px; top: -5px; } - + &::before { border-bottom: 5px solid transparent; border-left: 5px solid rgba(0, 0, 0, 1); @@ -83,10 +83,10 @@ position: relative; text-align: center; width: 100px; - + > .colors { margin-left: 2px; - + > .new, > .old { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC); @@ -94,40 +94,40 @@ box-sizing: content-box; display: block; height: 24px; - + > span { display: block; height: 24px; } } - + > .old { background-position: 8px 0; border-top-width: 0; } } - + > .hex { margin-top: 20px; } - + > .rgba { margin-top: 20px; - + > li.a { margin-top: 10px; } - + > li.g, > li.b { margin-top: 2px; } } - + > .rgba > li, > .hex > li { text-align: right; - + input { margin-left: 5px; width: 80px; @@ -139,7 +139,7 @@ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC); border: 1px solid $wcfContentBorderInner; display: inline-block; - + > div { border: 2px solid $wcfContentBackground; cursor: pointer;