diff options
| author | jaerri <62021987+jaerri@users.noreply.github.com> | 2026-02-10 16:25:21 -0600 |
|---|---|---|
| committer | jaerri <62021987+jaerri@users.noreply.github.com> | 2026-02-10 16:25:21 -0600 |
| commit | eb62cf70a6791e5c8fd140f069e8b31b6886587a (patch) | |
| tree | ffa1abfb12e27708907b3c18d10ee6336da3a36e /prj_Irene/styles_snu.css | |
Diffstat (limited to 'prj_Irene/styles_snu.css')
| -rwxr-xr-x | prj_Irene/styles_snu.css | 167 |
1 files changed, 167 insertions, 0 deletions
diff --git a/prj_Irene/styles_snu.css b/prj_Irene/styles_snu.css new file mode 100755 index 0000000..0f377b3 --- /dev/null +++ b/prj_Irene/styles_snu.css @@ -0,0 +1,167 @@ +@font-face {
+ font-family: sayafont;
+ src: url(./sources/MSGothic.ttf);
+}
+.home-button {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ width: 50px;
+ height: 50px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+}
+
+.home-button img {
+ width: 50px !important;
+ height: 50px !important;
+}
+
+
+
+
+.home-button:hover {
+ transform: scale(1.1);
+}
+
+.home-button:active {
+ transform: scale(0.95);
+}
+
+#lockscreen-container {
+ z-index: 3;
+ display: flex;
+ position: fixed;
+ align-items: center;
+ justify-content: center;
+ background-color: #000000;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+#lockscreen-container img {
+ height: 100px;
+ transition: all 0.7s ease;
+}
+
+#lockscreen-container img:hover {
+ cursor: pointer;
+ top: 2px;
+ transform: scale(2);
+}
+
+#background img{
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ overflow: hidden;
+}
+
+#charater-box{
+ position: fixed;
+ bottom: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 1;
+ max-width: 40%;
+ max-height: 80%;
+ overflow: hidden;
+}
+
+#box{
+ display: block;
+ position: fixed;
+ bottom: 60%;
+ left: 50%;
+ transform: translate(-50%, 60%);
+ width: 80%;
+ height: 70%;
+ background-color: rgba(0, 0, 0, 0.8);
+ opacity: 0; /*70%; */
+ border: none;
+ border-radius: 10px;
+ padding: 10px;
+ z-index: 2;
+
+}
+
+#box-2{
+ display: flex;
+ flex-direction: column;
+ position: fixed;
+ background: none;
+ bottom: 60%;
+ left: 50%;
+ transform: translate(-50%, 50%);
+ width: 80%;
+ height: 70%;
+ border: none;
+ border-radius: 10px;
+ padding: 10px;
+ z-index: 2;
+}
+
+.text{
+ font-family: 'sayafont';
+ position: relative;
+ color: white;
+ font-size: 2.5em;
+ z-index: 3;
+ margin: 20px;
+ font-weight: 200;
+ margin: 10px 0 0 0;
+
+}
+
+#click-icon-image{
+ width: 30px;
+ height: 30px;
+ height: fit-content;
+}
+
+#only-for-you{
+ font-size: 45px;
+ color: red;
+}
+
+#option-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: fixed;
+ bottom: 20px;
+ width: 60%;
+ height: 30%;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ gap: 20px;
+ z-index: 2;
+}
+
+.option {
+ font-family: 'sayafont';
+ font-size: 1.6em;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ max-width: 30%;
+ height: 30%;
+ flex: 1;
+ top: 10px;
+ padding: 10px 20px;
+ border: none;
+ opacity: 0.7;
+ border-radius: 5px;
+ cursor: pointer;
+ background-color: #000000;
+ color: white;
+ transition: background-color 0.3s ease;
+ font-family: sans-serif;
+}
|