diff options
Diffstat (limited to 'static/css/v3')
-rw-r--r-- | static/css/v3/darkmode.css | 15 | ||||
-rw-r--r-- | static/css/v3/list.css | 17 | ||||
-rw-r--r-- | static/css/v3/loader.css | 26 | ||||
-rw-r--r-- | static/css/v3/navbar-footer.css | 31 | ||||
-rw-r--r-- | static/css/v3/post.css | 137 | ||||
-rw-r--r-- | static/css/v3/v3.css | 368 |
6 files changed, 0 insertions, 594 deletions
diff --git a/static/css/v3/darkmode.css b/static/css/v3/darkmode.css deleted file mode 100644 index 2368c50..0000000 --- a/static/css/v3/darkmode.css +++ /dev/null @@ -1,15 +0,0 @@ -.darkmode {
- background-color: #18191a;
-}
-
-.darkmode-text-dark {
- color: #e4e6eb !important;
-}
-
-.darkmode-text-muted {
- color: #b0b3b8 !important;
-}
-
-.darkmode-dropdown-menu {
- background-color: #212121 !important;
-}
diff --git a/static/css/v3/list.css b/static/css/v3/list.css deleted file mode 100644 index 0ca4675..0000000 --- a/static/css/v3/list.css +++ /dev/null @@ -1,17 +0,0 @@ -html {
- scroll-behavior: smooth;
-}
-body {
- font-family: "Roboto", sans-serif;
- background-color: #eaedf0;
-}
-.post-ol {
- list-style-type: decimal-leading-zero;
- padding-top: 1%;
-}
-.post-ol li {
- padding-top: 3%;
-}
-.post-sum p {
- margin: 0;
-}
diff --git a/static/css/v3/loader.css b/static/css/v3/loader.css deleted file mode 100644 index 665fee1..0000000 --- a/static/css/v3/loader.css +++ /dev/null @@ -1,26 +0,0 @@ -#loader {
- position: fixed;
- border: 5px solid #007bff;
- border-radius: 50%;
- border-top: 5px solid #444444;
- border-bottom: 5px solid #444444;
- border-right: 5px solid #444444;
- width: 50px;
- height: 50px;
- animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
- 100% {
- transform: rotate(360deg);
- }
-}
-
-.center {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
-}
diff --git a/static/css/v3/navbar-footer.css b/static/css/v3/navbar-footer.css deleted file mode 100644 index 973a667..0000000 --- a/static/css/v3/navbar-footer.css +++ /dev/null @@ -1,31 +0,0 @@ -/* v3 navbar */
-.navbar-brand {
- color: #007bff !important;
-}
-
-.navbar .nav-link:hover {
- color: #007bff !important;
-}
-.navbar-text {
- font-size: 16px !important;
-}
-li> .dropdown-toggle:focus{
- color: #007bff !important;
-}
-
-/* v2 and v3 footer */
-footer {
- color: #8392a5;
- border-top-width: 1px !important;
- border-color: #8392a5;
-}
-
-footer a {
- color: #8392a5;
-}
-
-/* v2 and v3 news */
-.news a {
- color: #1c2d41;
- text-decoration: none;
-}
diff --git a/static/css/v3/post.css b/static/css/v3/post.css deleted file mode 100644 index f43e96a..0000000 --- a/static/css/v3/post.css +++ /dev/null @@ -1,137 +0,0 @@ -html {
- scroll-behavior: smooth;
-}
-body {
- font-family: "Roboto", sans-serif;
- background-color: #eaedf0;
-}
-
-.bottom-share {
- position: fixed;
- z-index: 1000;
- bottom: 20px;
- right: 25px;
-}
-.bottom-share button {
- overflow: hidden;
- height: 50px;
- width: 50px;
- border-radius: 50%;
-}
-.blog-page-color {
- color: #3a3b3c !important;
-}
-#TableOfContents {
- padding: 3%;
-}
-#TableOfContents > ul > li > ul {
- display: none;
-}
-
-#TableOfContents > ul {
- padding-left: 7%;
-}
-article {
- line-height: 1.756;
- font-size: 18px;
-}
-
-article blockquote {
- margin: 0 !;
- border-left: 4px solid #248aaa !important;
- background-color: #248baa15 !important;
- padding: 0.3rem !important;
- padding-left: 1rem !important;
-}
-
-article blockquote > p {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
-}
-
-article > table {
- border-radius: 0.1rem;
- background: #e5e9f2;
- border: 1px solid #c0ccda;
- padding: 0.1rem;
-}
-
-article > table > tr {
- height: 40px !important;
-}
-
-article > table > thead > tr > th {
- padding: 0.5rem !important;
- border-left: 1px solid #8392a5;
- border-bottom: 1px solid #8392a5;
-}
-article > table > tbody > tr > td {
- padding: 0.5rem !important;
- border-left: 1px solid #8392a5;
- border-bottom: 1px solid #8392a5;
-}
-
-article > table > thead > tr {
- background: #248aaa;
- color: #e5e9f2;
-}
-
-article > tbody > tr:nth-child(odd) {
- background-color: #e5e9f2;
-}
-
-article > tbody > tr:hover {
- background: #c0ccda;
-}
-
-article img {
- width: 100%;
-}
-
-article caption,
-figcaption {
- caption-side: bottom;
- text-align: center;
- color: #8392a5;
-}
-
-article pre {
- border-radius: 0.5rem !important;
- margin: 5px;
- padding: 2%;
- background-color: #1f618d !important;
- color: white;
-}
-
-article pre > code {
- color: white;
-}
-
-article a.header-anchor {
- text-decoration: none;
- color: #1c2d41;
-}
-
-article a.header-anchor i {
- font-size: 10pt;
- color: #3c4858;
- display: none;
- margin-left: 0.5rem;
-}
-
-article a.header-anchor:hover i {
- display: inline-block;
-}
-
-article a.header-anchor code {
- color: #e83e8c;
-}
-
-article kbd {
- background-color: #248aaa !important;
- color: #f9fafc;
-}
-
-article mark {
- background-color: #ffc21280;
-}
diff --git a/static/css/v3/v3.css b/static/css/v3/v3.css deleted file mode 100644 index f189655..0000000 --- a/static/css/v3/v3.css +++ /dev/null @@ -1,368 +0,0 @@ -html { - scroll-behavior: smooth; -} -body { - font-family: "Noto Sans KR", sans-serif; - background-color: #eaedf0; -} -a:hover { - text-decoration: none; -} - -/* v3 home */ -.name { - padding-left: 3%; - border-left: 4px solid #007bff; -} -.hi-text { - font-size: 20px; -} -.name-text { - font-size: 60px; -} -.pro-text { - font-size: 25px; -} -.btn-intro { - padding-left: 3%; - padding-bottom: 10%; -} -.social { - padding-left: 5%; -} -.btn-know { - padding: 2% 5% 2% 5%; - border-radius: 50px !important; - cursor: pointer; - font-size: 18px; - font-weight: 500 !important; - border: 2px solid; -} -.social-icon { - padding: 2%; - background-color: #f9fafc !important; - color: #007bff !important; - border: 1px solid #007bff; - border-radius: 50%; - transition: 0.3s; -} -.social-icon:hover { - background-color: #007bff !important; - color: #f9fafc !important; - border: 1px solid #007bff; -} -.intro { - padding: 8% 0 8% 0; -} -.name-container { - padding-left: 15%; -} -.profile { - padding: 1%; - border: 1px solid #f9fafc; - width: 300px; - height: 300px; -} -.profile:hover { - -webkit-filter: grayscale(0); - filter: none; -} -@media only screen and (max-width: 768px) { - .name-container { - padding-left: 10%; - } - .profile { - width: 220px; - height: 220px; - } - .hi-text { - font-size: 15px; - } - .name-text { - font-size: 2.5rem; - } - .pro-text { - font-size: 1.25rem; - } -} -@media only screen and (max-width: 768px) and (orientation: landscape) { - .name-container { - padding-left: 20%; - } -} - -/* v3 about */ -.about-back { - background-color: #dce6f1; -} -.about { - padding-top: 3% !important; - padding-bottom: 3% !important; -} -.about-content { - padding-left: 10% !important; - font-size: 17px; -} -.about-skill { - padding-right: 10% !important; -} -.contact-btn { - padding: 1.5%; - padding-left: 2%; - padding-right: 2%; - font-size: 17px; - border: 1px solid #007bff; - border-radius: 5%; - border-radius: 10px !important; -} -.contact-btn:hover { - color: #007bff !important; -} -.progress { - background-color: #f9fafc !important; -} -@media only screen and (max-width: 768px) { - .about-content { - padding-left: 5% !important; - padding-right: 5% !important; - } - .about-skill { - padding-left: 5% !important; - padding-right: 5% !important; - } - .about { - padding-top: 5% !important; - padding-bottom: 5% !important; - } -} - -/* v3 projects */ - -.bg-pro { - padding: 0 !important; - opacity: 0.9; -} -.bg-pro img { - height: 300px; - width: 100%; - border-radius: 0.5rem !important; - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -.content-pro { - height: 300px; - background-color: #e5e4e2 !important; - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; -} -.content-pro-top { - color: #3a3b3c !important; - height: 80%; -} -.pro-github { - color: #3a3b3c !important; -} -.pro:hover .pro-btn { - background-color: #3498db !important; - color: #f9fafc; -} -@media only screen and (max-width: 767px) { - .bg-pro { - opacity: 0.3; - position: relative; - } - .pro { - margin-left: 10% !important; - margin-right: 10% !important; - } - .bg-pro img { - height: 250px; - border-radius: 0.5rem !important; - } - .content-pro { - height: 250px; - background-color: transparent !important; - position: absolute; - top: 8px; - } - .content-pro-top { - height: 80%; - color: #6c757d; - } - .card-text { - color: #343a40; - } - .pro:hover .content-pro { - background-color: transparent !important; - color: #f9fafc; - } - .pro:hover .pro-btn { - color: #f9fafc; - } - .pro:hover .bg-pro { - opacity: 0.3; - } -} - -/* v3 experience */ -#nav-pills-out { - border-left: 1px solid #007bff; -} -.nav-pills .active { - padding-left: 20%; - color: #818181 !important; - background-color: transparent !important; -} -.nav-pills .active::before { - padding-left: 8%; - content: "▹"; - position: absolute; - left: 0px; - color: #007bff; -} -.ex { - list-style-type: none; -} -.ex .ex-item { - padding-left: 30px; -} -.ex-item::before { - padding-left: 8%; - content: "▹"; - position: absolute; - left: 0px; - color: #007bff; -} -.ex-ol { - list-style-type: decimal-leading-zero; - padding-top: 7%; -} -.ex-ol .ex-ol-li { - padding-bottom: 3%; -} -.ex-ol-ul { - max-width: 100%; - list-style-type: none; - padding-left: 0; -} -.ex-ol-ul li { - max-width: 100%; - padding-left: 10%; -} -.ex-ol-item::before { - padding-left: 15%; - content: "▹"; - position: absolute; - left: 0px; - color: #007bff; -} -@media only screen and (max-width: 768px) and (orientation: landscape) { - .ex-ol { - list-style-type: decimal-leading-zero; - padding-left: 15% !important; - padding-right: 15% !important; - } - .ex-ol-item::before { - padding-left: 17%; - content: "▹"; - } -} - -/* v3 education */ -.education-back { - background-color: #e1e0e5; -} -.v-center { - display: flex; - align-items: center; -} -.edu { - width: 100%; - padding: 0; -} -.edu-item { - padding-right: 8%; - list-style: none; -} -.edu-item::before { - content: "\25C3"; - position: absolute; - right: 0px; -} -.edu-img { - width: 100%; -} -@media only screen and (max-width: 768px) { - .edu-item::before { - padding: 0%; - content: "▹"; - position: absolute; - left: 30px; - } - .edu-item { - padding-left: 5%; - list-style: none; - padding-right: 2%; - } - .edu-img { - width: 100%; - height: 400px; - } -} -@media only screen and (max-width: 1024px) and (orientation: landscape) { - .edu-item::before { - padding: 0%; - padding-left: 18%; - content: "▹"; - position: absolute; - left: 0px; - } - .edu-item { - padding-right: 18%; - padding-left: 18%; - list-style: none; - } - .edu-img { - width: 100%; - height: 400px; - } -} - -/* v3 Achievements */ -.achievements-back { - background-color: #dce6f1; -} -.achiv-card:hover { - filter: grayscale(100%); -} -.achiv-card { - height: 300px; - width: 100%; - background-size: cover; - background-repeat: no-repeat; - background-position: center center; -} -.achiv { - min-height: 40%; - background: rgba(255, 255, 255, 0.9); - box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); - transition: 0.3s; - transition: ease-in-out 0.4s; - border-radius: 0.25rem !important; -} -.achiv-out { - max-width: 35% !important; -} -.achiv-head { - color: #3a3b3c !important; -} -@media only screen and (max-width: 768px) { - .achiv-out { - max-width: 100% !important; - } -} - -/* v3 contact */ -#contact { - font-size: 17px; -} |