diff --git a/dist/ratfe20.css b/dist/ratfe20.css index 55f2b55..dd79d9a 100644 --- a/dist/ratfe20.css +++ b/dist/ratfe20.css @@ -165,11 +165,7 @@ ul li:first-child a.sidebarbtn { display: flex; margin: 7px; -} - -.status:not(:last-child) -{ - border-bottom: 2px dotted #cacaca; + border-bottom: 1px solid #cacaca !important; } .status .profile-picture @@ -189,7 +185,7 @@ ul li:first-child a.sidebarbtn { flex: 1; display: flex; - margin: 0 5px 5px; + margin: 0 5px 0px; min-width: 0; flex-direction: column; } @@ -232,7 +228,7 @@ ul li:first-child a.sidebarbtn .status-interact { - margin: 8px 0 2px 0; + margin: 8px 0 0 0; display: flex; } @@ -423,22 +419,31 @@ ul li:first-child a.sidebarbtn .nobutton { background: none !important; - background-color: #eaeaea !important; + background-color: transparent !important; color: #aa0000 !important; - padding: 0 7px !important; - margin: 0 5px; + padding: 6px 9px !important; + margin: 0 !important; text-decoration: none; cursor: pointer !important; outline: inherit !important; font-size: 14px; - border: 1px solid #dadada !important; - border-radius: 3px; + border: 0 !important; +} + +.status-interact form:not(:last-child) .nobutton +{ + border-right: 1px solid #cacaca !important; + } .status-interact .nobutton-active, -.nobutton:hover +.nobutton:hover, +.nobutton:active, +.nobutton:focus { - background-color: #aa0000 !important; - color: #eaeaea !important; - border: 1px solid #770000 !important; + background: linear-gradient(#fff, #aa3333, #aa2222, #aa0000) !important; + border: 0 !important; + border-right: 1px solid #cacaca !important; + color: #fff !important; + text-shadow: 0px 0px 5px #cc4444cc !important; } diff --git a/dist/ratfe30.css b/dist/ratfe30.css index 76b4973..8a2223a 100644 --- a/dist/ratfe30.css +++ b/dist/ratfe30.css @@ -115,26 +115,18 @@ input[type=button], input[type=submit], .sidebarbtn, .btn border: 1px solid #fcfcfc00; color: #000; text-decoration: none; - transition: .2s; } -input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover, .btn:hover +input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover, .btn:hover, +input[type=button]:active, input[type=submit]:active, .sidebarbtn:active, .btn:active, +input[type=button]:focus, input[type=submit]:focus, .sidebarbtn:focus, .btn:focus { - transform: translate(0px, -2px); background: #ececec; border: 1px solid #dadada; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); cursor: pointer; } -input[type=button]:active, input[type=submit]:active, .sidebarbtn:active, .btn:active -{ - background: #e7e7e7; - border: 1px solid #dadada; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); - cursor: pointer; -} - input[type=button], input[type=submit] { border: 1px solid #cacaca; @@ -143,10 +135,18 @@ input[type=button], input[type=submit] .sidebarbtn { + transition: .2s; display: block; padding: 8px 8px 8px 16px; } +.sidebarbtn:hover, +.sidebarbtn:focus, +.sidebarbtn:active +{ + transform: translate(0px, -2px); +} + #rightbar { border-left: 1px solid #cacaca; @@ -379,3 +379,54 @@ input[type=button], input[type=submit] margin: 0; } + +.nobutton +{ + background-color: transparent !important; + border: 0 !important; + border-radius: 0 !important; + margin: 0 !important; + padding: 8px 14px !important; + transition: .05s background-color, .05s color; + border-top-right-radius: 8px !important; +} + +.status-interact form:not(:last-child) .nobutton +{ + border-right: 1px solid #cacaca !important; + border-top-right-radius: 0px !important; + +} + +.status-interact form:first-child .nobutton +{ + border-top-left-radius: 8px !important; +} + + +.nobutton:hover, +.nobutton:active, +.nobutton:focus +{ + background-color: #cc5555 !important; + border: 0 !important; + color: #fff !important; + border-right: 1px solid #cacaca !important; + +} + +.status:not(:last-child) +{ + border-bottom: 1px solid #cacaca; +} + +.status .status-info +{ + margin-bottom: 0; +} + +.status-interact +{ + margin-top: 8px; + margin-bottom: 0; +} diff --git a/dist/skel.css b/dist/skel.css index 0de3872..8dc27e2 100644 --- a/dist/skel.css +++ b/dist/skel.css @@ -11,6 +11,13 @@ body justify-content: center; } +.center +{ + text-align: center; + margin-left: auto; + margin-right: auto; +} + #display { overflow: hidden; @@ -90,6 +97,32 @@ div#content aside list-style-type: none; } +/************************************************* + * LISTS * + *************************************************/ +ul.large-list +{ + width: 500px; + border-radius: 15px; + background-color: #f8f8f8; + border: 1px solid #cacaca; + padding: 0; + overflow: hidden; +} + +ul.large-list li +{ + list-style-type: none; + margin: 0; +} + +ul.large-list li a +{ + display: block; + padding: 15px; +} + + /************************************************* * BUTTONS * *************************************************/ @@ -130,6 +163,12 @@ input[type=button], input[type=submit] border-left: 1px solid #cacaca; } +ul li:not(:last-child) .split, +.status:not(:last-child) +{ + border-bottom: 1px solid #cacaca; +} + /*************************** * Statuses * **************************/ @@ -139,11 +178,6 @@ input[type=button], input[type=submit] margin: 7px; } -.status:not(:last-child) -{ - border-bottom: 2px dotted #cacaca; -} - .status .profile-picture { display: inline-block; @@ -363,8 +397,7 @@ input[type=button], input[type=submit] /* Special cases */ .nobutton { - background: none !important; - background-color: #eaeaea !important; + background: #eaeaea !important; color: #aa0000 !important; padding: 0 7px !important; margin: 0 5px;