Socialify

Folder ..

Viewing home.css 
112 lines (98 loc) • 1.9 KB

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
#welcome {
    width: 730px;
    min-height: 262px;
    background: url('../images/backgrounds/welcome-banner.png') no-repeat;
    background-size: 730px 262px;
    margin: 0px auto 20px auto;
    border: 0px;
    position: relative;
    margin-top: 15px;
    text-align: justify;
    border-radius: 8px;
}

#welcome>p {
    width: 375px;
    margin: 12px 0px 12px 50px;
    position: relative;
    top: 20px;
    text-align: justify;
}

#chatbox {
    position: absolute;
    right: 110px;
    width: 160px;
    top: 25px;
}

#messages {
    height: 175px;
    overflow-y: scroll;
    position: relative;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#messages::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#messages {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.message {
    text-align: left;
}

#chatbox-input {
    width: 156px;
    border: none;
    padding: 10px 2px 2px 2px;
    resize: none;
    border-top: solid 1px rgba(222, 222, 222, 0.7);
    border-radius: 0;
    height: 35px;
}

#announcements {
    background: url('../images/backgrounds/announcements.png') no-repeat;
    background-size: 730px 300px;
    position: relative;
    margin-top: 15px;
    width: 730px;
    height: 300px;
}

#update-gif {
    height: 14px;
    display: block;
    position: relative;
    left: 118px;
    top: 11px;
}

marquee {
    border: 15px solid transparent;
    padding: 15px;
    border-image: url('../images/backgrounds/announcements_border.png') 45 round;
    width: 480px;
    height: 180px;
    position: relative;
    left: 120px;
    top: 23px;
    background-color: rgba(0, 0, 0, 0.2);
}

marquee::after {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    content: '';
    z-index: -1;
    border-radius: 16px;
}

marquee>ul {
    text-align: justify;
}

#uc {
    width: 730px;
}

#adfs {
    width: 720px;
}