Question

我正在尝试更改咆哮通知的位置

我有一个大的通知，从左到右位于我的屏幕顶部，我想保持抓住但是将整个通知移动到屏幕中间，或者可能在按钮上多一点但不是完全的。（所以我仍然可以在不解除通知的情况下使用我的电脑）

这是CSS：

body {
    margin: 0;}

#background {
    background-color: #000000;}

#icon {
    float: left;margin: auto 30px 99% 30px;}

#icon img {
    height: 128px;margin: 32px 0 0 0;width: 128px;}

#text {
    color: #FFFFFF;font: italic normal normal 30pt Futura;padding: 0 0 20px 0;}

#title {
    color: #FFFFFF;font: normal normal normal 60pt Futura;}

@media only screen and (min-device-width: 3200px) {
    body { width: 3199px;}}

@media only screen and (min-device-width: 2880px) and (max-device-width: 3199px) {
    body { width: 2879px;}}

@media only screen and (min-device-width: 2560px) and (max-device-width: 2879px) {
    body { width: 2559px;}}

@media only screen and (min-device-width: 2048px) and (max-device-width: 2559px) {
    body { width: 2047px;}}

@media only screen and (min-device-width: 1920px) and (max-device-width: 2047px) {
    body { width: 1919px;}}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1919px) {
    body { width: 1599px;}}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1599px) {
    body { width: 1439px;}}



/*---:[ Low ]:-----------------------*/
@-webkit-keyframes verylow {0% {} 100% {background-color: #414C22;}}
#verylow #background {
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: verylow;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;}



/*---:[ Moderate ]:------------------*/
@-webkit-keyframes moderate {0% {} 100% {background-color: #B8A22B;}}
#moderate #background {
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: moderate;
    -webkit-animation-timing-function: ease-in-out;}



/*---:[ High ]:----------------------*/
#high #background {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 129px;
    -webkit-border-top-left-radius: 129px;
    -webkit-border-top-right-radius: 0;
    width: 960px;
    background: -webkit-gradient(radial, 925 150, 1000, 1000 -800, 775, from(#47CC45), to(#000000))
}

#high body {
    margin: 10px 0 10px 20px;width: 980px;}

#high #icon {
    margin: auto 20px 99% 20px;}

#high #icon img {
    margin: 0;}

#high #text {
    font: italic normal normal 20pt Futura;text-align: justify;width: 850px;}

#high #title {
    color: #47CC45;font: normal normal normal 30pt Futura;padding: 20px 0 0 0;}



/*---:[ Emergency ]:-----------------*/
@-webkit-keyframes emergency {0% {} 100% {background-color: #9C150B;}}
#emergency #background {
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: emergency;
    -webkit-animation-timing-function: ease-in-out;}

我需要改变什么，我一直在玩所有@Media专线，但我没有设法得到我想要的东西

为Growl更改CSS

0 个答案: