first commit

2026-04-26 20:44:14 +05:30
commit df2479a7dd
6 changed files with 5736 additions and 0 deletions
@@ -0,0 +1,315 @@
+@font-face {
+    font-family: "LM Roman";
+    font-weight: bold;
+    font-style: normal;
+    src: url("/fonts/lmroman10-bold.otf");
+}
+
+@font-face {
+    font-family: "LM Roman";
+    font-weight: bold;
+    font-style: italic;
+    src: url("/fonts/lmroman10-bolditalic.otf");
+}
+
+@font-face {
+    font-family: "LM Roman";
+    font-weight: normal;
+    font-style: italic;
+    src: url("/fonts/lmroman10-italic.otf");
+}
+
+@font-face {
+    font-family: "LM Roman";
+    font-weight: normal;
+    font-style: normal;
+    src: url("/fonts/lmroman10-regular.otf");
+}
+
+div.jp-load-bar {
+    background-color: #f2f2f2;
+    width: 0;
+    height: 10px;
+    cursor: pointer;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+div.jp-play-bar {
+    background-color: #c2c2c2;
+    width: 0;
+    height: 10px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+div.jp-progress {
+    display: inline-block;
+    width: 180px;
+    text-align: left;
+}
+
+div.jp-volume-bar {
+    background-color: #f2f2f2;
+    width: 46px;
+    height: 5px;
+    cursor: pointer;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+}
+
+div.jp-volume-bar-value {
+    background-color: #c2c2c2;
+    width: 0;
+    height: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    display: inline-block;
+    text-align: left;
+    vertical-align: top;
+}
+
+.jp-play-time,.jp-total-time {
+    font-size: 10px;
+    color: #f2f2f2;
+}
+
+div.jp-controls {
+    font-size: 10px;
+}
+
+div.jp-interface {
+    text-align: center;
+}
+
+div.jp-playlist li {
+    list-style-type: none;
+    padding-left: 0;
+    padding-bottom: 8px;
+}
+
+div.jp-playlist {
+    overflow: auto;
+    height: 200px;
+}
+
+div.jp-playlist li.jplayer_playlist_current {
+    padding-left: 8px;
+    list-style-type: circle;
+}
+
+div.jp-playlist li.jplayer_playlist_item_last {
+    padding-bottom: 0;
+}
+
+div.jp-playlist a.jplayer_playlist_current {
+    font-style: italic;
+}
+
+#jplayer_play {
+    color: #d33;
+    text-shadow: 3px 3px 3px #0F111F;
+}
+
+body {
+    background-image: url(../images/background.png);
+    background-repeat: repeat;
+    font-family: "LM Roman",Georgia,Palatino,"Palatino Linotype","Times New Roman","Times",serif;
+    line-height: 1.25;
+    margin: 0;
+    color: #f2f2f2; 
+    overflow: hidden;
+}
+
+a {
+    color: #f2f2f2;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+h1 {
+    font-size: 20px;
+    text-shadow: 1px 1px 1px #0F111F;
+    margin-top: 0;
+}
+
+#background {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: -999;
+}
+
+.transparentbox {
+    background-color: black;
+    opacity: .15;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
+    filter: alpha(opacity=15);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.contents {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.padded {
+    padding: 15px;
+}
+
+.container {
+    position: absolute;
+}
+
+.loading {
+    color: #d1d1d1;
+}
+
+#name {
+    left: 20px;
+    top: 20px;
+    height: 230px;
+    width: 500px;
+}
+
+#name h1 {
+    font-size: 25px;
+    text-shadow: 2px 2px 1px #0F111F;
+}
+
+#name h2 {
+    float: right;
+    color: #e8e8e8!important;
+    text-shadow: 1px 1px 1px #0F111F;
+    font-size: 12px!important;
+    margin-top: -38px;
+}
+
+#name h2 a {
+    color: #d33;
+}
+
+#name p {
+    margin-bottom: 5px;
+    text-align: justify;
+    font-size: 16px;
+    text-shadow: .5px .5px 3px black;
+}
+
+#profile_image {
+    float: left;
+    margin-right: 10px;
+    -moz-border-radius: 35px;
+    -webkit-border-radius: 35px;
+    border-radius: 35px;
+    background: url(https://www.gravatar.com/avatar/06aae0ca3c86b226344de46ba05e2c9b?s=100);
+    background-repeat: no-repeat;
+    width: 100px;
+    height: 100px;
+}
+
+#photos {
+    right: 20px;
+    top: 20px;
+    bottom: 20px;
+    width: 295px;
+}
+
+#photos h1 a {
+    border-bottom: 1px dotted #999;
+}
+
+#photos h1 a:hover {
+    border-bottom: none;
+}
+
+#photos .photobox {
+    overflow: auto;
+    height: 40%;
+}
+
+#photos img {
+    border: none;
+    margin: 3px;
+}
+
+#improvisations {
+    left: 20px;
+    bottom: 20px;
+    height: 300px;
+    width: 300px;
+}
+
+#oldweb {
+    position: absolute;
+    font-size: 8px;
+    right: 1px;
+    bottom: 1px;
+}
+
+#oldweb a {
+    color: #aad;
+}
+
+.arrow {
+    font-size: 70px;
+    font-weight: bold;
+    position: absolute;
+    z-index: -2;
+    opacity: .75;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
+    filter: alpha(opacity=75);
+    visibility: hidden;
+}
+
+#down {
+    bottom: 20px;
+    left: 145px;
+}
+
+#right {
+    top: 45%;
+    right: 20px;
+}
+
+#copyright {
+    bottom: 1px;
+    width: 100%;
+    text-align: center;
+    position: fixed;
+    color: #ccc;
+    font-size: 8px;
+    opacity: .30;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+    filter: alpha(opacity=30);
+}
+
+#title {
+    font-size: 15pt;
+    font-weight: bold;
+    text-shadow: 1px 1px 5px #FFF;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    right: 30%;
+}