diff options
Diffstat (limited to 'css/common.css')
-rw-r--r-- | css/common.css | 151 |
1 files changed, 0 insertions, 151 deletions
diff --git a/css/common.css b/css/common.css deleted file mode 100644 index 46412eb..0000000 --- a/css/common.css +++ /dev/null @@ -1,151 +0,0 @@ -html, body { - background-color: #222; - color: white; -} - -#intro-avatar { - width: 128px; - height: 128px; -} - -#intro-title { - margin: 0; -} - -#intro { - text-align: center; -} - -#social { - display: grid; - grid-template-columns: repeat(6, 1fr); - grid-column-gap: 10px; - padding: 25px 40px; -} - -.social-item { - padding: 10px; - border-radius: 10px; - background-color: #333; - text-align: center; - display: block; - text-decoration: none !important; - box-shadow: 0 0 20px rgba(0, 0, 0, .3); - transform: scale(1); - transition: transform 200ms; -} - -.social-item-icon { - margin-top: 5px; - filter: invert(1); - vertical-align: middle; - width: 48px; - height: 48px; -} - -.social-item-text { - font-size: 20px; - margin-top: 5px; - color: white; - text-decoration: none !important; -} - -.social-item:hover { - transform: scale(1.2); - z-index: 9; -} - -@media (max-width: 992px) { - #social { - grid-template-columns: repeat(3, 1fr) !important; - grid-row-gap: 10px; - } -} - -@media (max-width: 617px) { - #social { - display: none; - } - - #social-mobile { - display: block; - } -} - -@media (min-width: 617px) { - #social { - display: grid; - } - - #social-mobile { - display: none; - } -} - -.social-mobile-item { - padding: 10px; - border-radius: 10px; - background-color: #333; - display: block; - text-decoration: none !important; - box-shadow: 0 0 20px rgba(0, 0, 0, .3); - transition: background-color 200ms; - margin-bottom: 10px; -} - -.social-mobile-item:hover { - background-color: #444; -} - -.social-mobile-item-icon { - filter: invert(1); - width: 24px; - height: 24px; - vertical-align: middle; -} - -.social-mobile-item-text { - display: inline-block; - color: white; - text-decoration: none !important; - vertical-align: middle; - margin-left: 5px; -} - -#social-mobile { - margin-top: 30px; -} - -#intro-ref { - margin: 0; -} - -#intro-ref-link { - color: white; - text-decoration: none; -} - -#intro-ref-link:hover { - text-decoration: underline; -} - -#footer { - text-align: center; -} - -#footer-hover-text { - display: none; -} - -#footer-hover-zone:hover #footer-hover-text { - display: inline; -} - -#footer-version, #footer-version-build, #footer-version-projects { - color: white; - text-decoration: none; -} - -#footer-version:hover, #footer-version-build:hover, #footer-version-projects:hover { - text-decoration: underline; -}
\ No newline at end of file |