New version with themes
This commit is contained in:
Daisuke
BIN
themes/monad/bg.jpg
Normal file
BIN
themes/monad/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
255
themes/monad/css/color.css
Normal file
255
themes/monad/css/color.css
Normal file
@ -0,0 +1,255 @@
|
||||
a, .link {
|
||||
color: #d8a070;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #1a2a39;
|
||||
background-image: url("../bg.jpg");
|
||||
background-size: 100%;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
p,div,span{
|
||||
color:white;
|
||||
}
|
||||
|
||||
select{
|
||||
color:white;
|
||||
background-color:#121a24;
|
||||
}
|
||||
|
||||
label {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
textarea,input[type="text"] {
|
||||
background-color:#090d11;
|
||||
color:white;
|
||||
border:0px;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked+label {
|
||||
color: black;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked+label {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.topbar {
|
||||
background-color: #121a24;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
|
||||
.gotop a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.topicon {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tiselected {
|
||||
border-bottom: 2px solid white;
|
||||
}
|
||||
|
||||
.badge {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.alert {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#notifications {
|
||||
background-color:#121a24;
|
||||
box-shadow: 1px 1px 1px black;
|
||||
}
|
||||
|
||||
.notif{
|
||||
border-bottom:1px solid #1c2737;
|
||||
background-color:#121a24;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.new {
|
||||
background-color:#25354b;
|
||||
}
|
||||
|
||||
.side_element {
|
||||
background-color: #121a24;
|
||||
color: #04a0c6;
|
||||
}
|
||||
|
||||
.side_element,.topbar,.post,.postform{
|
||||
box-shadow: 0px 0px 7px #000;
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.side_element li:active {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.side_element a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.delpic {
|
||||
color:red;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
#send, #quicksend {
|
||||
background-color:#182230;
|
||||
border: 1px solid #464e59;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
color:#d8a070 !important;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
color:#d8a070;
|
||||
}
|
||||
|
||||
.menu,.menu li{
|
||||
background-color: #121a24 !important;
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.menu a{
|
||||
color: #white !important;
|
||||
}
|
||||
|
||||
.menu li:hover {
|
||||
background-color: rgba(255, 255, 255, 0.4) !important;
|
||||
}
|
||||
|
||||
.menu li:hover a{
|
||||
color: #d8a070 !important;
|
||||
}
|
||||
|
||||
|
||||
.listmenu li {
|
||||
background-color:black;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.listmenu li:hover {
|
||||
background-color:white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.autl:hover li{
|
||||
background-color:lightgreen !important;
|
||||
}
|
||||
|
||||
.rutl:hover li{
|
||||
background-color:crimson !important;
|
||||
}
|
||||
|
||||
.unblock,.unmute,.block,.mute,.follow,
|
||||
.unfollow,
|
||||
.nsfw,
|
||||
.unnsfw,
|
||||
.profileMenu,
|
||||
.listmenu {
|
||||
background-color: black;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mute:hover,.block:hover,.follow:hover,
|
||||
.nsfw:hover {
|
||||
background-color: lime;
|
||||
}
|
||||
|
||||
.unmute:hover,.unblock:hover,.unfollow:hover,
|
||||
.unnsfw:hover{
|
||||
background-color: crimson !important;
|
||||
}
|
||||
|
||||
.unbookmark{
|
||||
color: crimson !important;
|
||||
}
|
||||
|
||||
.unfav, .unreblog{
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.element_pad > .post {
|
||||
border-left:4px solid #ff0000;
|
||||
}
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore,.postform,.profile,.loader,.post_footer {
|
||||
background-color: #121a24;
|
||||
}
|
||||
|
||||
.toggleblur {
|
||||
background-color: #d8a070;
|
||||
color: #121a24;
|
||||
}
|
||||
|
||||
.post {
|
||||
border-top: 2px solid #1c2737;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
background-color: #1b2735;
|
||||
border: 1px solid darkgray;
|
||||
box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
background-color: #1b2735;
|
||||
border: 1px solid darkgray;
|
||||
box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.icon {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.notif .post_buttons {
|
||||
color: #0b82d2;
|
||||
background-color:#121a24;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background-color: #1b2735;
|
||||
border: 1px solid #121a24;
|
||||
}
|
||||
|
||||
.note {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.setting label {
|
||||
background-color: lightgray;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
background-color: #d8a070;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
color: black;
|
||||
}
|
||||
669
themes/monad/css/mobile.css
Normal file
669
themes/monad/css/mobile.css
Normal file
@ -0,0 +1,669 @@
|
||||
/* overall */
|
||||
|
||||
* {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
select{
|
||||
padding:5px;
|
||||
margin-top:5px;
|
||||
border:0px;
|
||||
font-weight:bold;
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
option{
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="file"], .nloadmore {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
/* omnipresent */
|
||||
|
||||
.desktop{
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
.link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.external:after{
|
||||
font-family:fontello;
|
||||
font-weight:normal;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
/* basic structure */
|
||||
|
||||
.topbar {
|
||||
width: 100vw;
|
||||
height: 45px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100vw;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100% !important;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#posts {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
margin:0px !important;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
aside {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 5px;
|
||||
position: fixed;
|
||||
display: table;
|
||||
text-align: center;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
border-radius: 10px;
|
||||
z-index:50;
|
||||
}
|
||||
|
||||
.gotop a {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
opacity: 0.7;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#hiddenside {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 100vw;
|
||||
height: auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
/* topbar elements */
|
||||
|
||||
.mid {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.topbutton {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
line-height: 45px;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topicon {
|
||||
text-decoration: none;
|
||||
display: inline;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-radius: 90px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#notifications {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 45px;
|
||||
width: 100vw;
|
||||
max-height: 400px;
|
||||
display: none;
|
||||
line-height:12px;
|
||||
overflow-y:scroll;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.notif{
|
||||
width:100%;
|
||||
height:80px;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#quicksend {
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.notifContents{
|
||||
margin:10px;
|
||||
display:flex;
|
||||
height:60px;
|
||||
max-width:325px;
|
||||
}
|
||||
|
||||
.nloadmore {
|
||||
display:inline-block;
|
||||
height:20px;
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
|
||||
.side_element {
|
||||
display:none;
|
||||
width: 92%;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.side_element a {
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
/* posts area elements */
|
||||
|
||||
.uploadedImage {
|
||||
width: 60px;
|
||||
margin: 10px 0px 10px 10px;
|
||||
height: 60px;
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
box-shadow: 3px 3px 3px grey;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.delpic {
|
||||
border-radius:90px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#send {
|
||||
padding:5px;
|
||||
border-radius:3px;
|
||||
font-weight:bold;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
background-color:transparent;
|
||||
border: 0px;
|
||||
margin-top:11px;
|
||||
margin-left:15px;
|
||||
float:left;
|
||||
width:20px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
overflow:hidden;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
margin:-5px;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.element {
|
||||
width: 90% !important;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.element {
|
||||
width: 800px;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.element_pad {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.profile {
|
||||
float:left;
|
||||
background-color:white;
|
||||
border-radius:5px;
|
||||
//width:650px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.profileButton{
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
font-family: fontello, sans-serif;
|
||||
}
|
||||
|
||||
#usermenu .menu {
|
||||
display: none;
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: -80px;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
#usermenu:hover>.menu,
|
||||
#usermenu:active>.menu {
|
||||
display: block;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.postMenu,.listmenu {
|
||||
cursor: pointer;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postMenu li {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
height:35px;
|
||||
display:block;
|
||||
text-align:center;
|
||||
line-height:35px;
|
||||
}
|
||||
|
||||
.postMenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.postMenu ul {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.profileMenu:hover > div, .listmenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.listmenu li {
|
||||
font-family: fontello, sans-serif;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
text-align:left;
|
||||
padding-left:12px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.felem {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
display:none;
|
||||
width: 50px;
|
||||
background-size: cover;
|
||||
height: 50px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.post,
|
||||
.loader,
|
||||
.loadmore,
|
||||
.rb,
|
||||
.textonly,
|
||||
.profile {
|
||||
width: 100% !important;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform {
|
||||
display:none;
|
||||
position:fixed;
|
||||
width: 100vw !important;
|
||||
left:0px;
|
||||
top:45px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#postform {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.postHeader {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.postHeader *,.post_footer *{
|
||||
font-size:small;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: -100px;
|
||||
width: 400px;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.user {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:-198px;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.media {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blur {
|
||||
-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
/* Safari 6.0 - 9.0 */
|
||||
filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
opacity: 0.5;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.toggleblur {
|
||||
display:none;
|
||||
cursor: pointer;
|
||||
font-family: sans, fontello;
|
||||
}
|
||||
|
||||
.small {
|
||||
width: 48% !important;
|
||||
height: 321px;
|
||||
line-height: 321px;
|
||||
background-color: black;
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.smaller {
|
||||
width: 31% !important;
|
||||
height: 212px;
|
||||
line-height: 212px;
|
||||
background-color: black;
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 80px !important;
|
||||
height: 80px !important;
|
||||
line-height: 80px;
|
||||
float:left;
|
||||
text-align:center;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.postbody {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
width: 630px;
|
||||
display: table-cell;
|
||||
clear: both;
|
||||
padding: 10px;
|
||||
height: 20px;
|
||||
text-align: left;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
font-family: fontello;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.post_buttons a,
|
||||
.post_buttons span {
|
||||
font-family: inherit;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.reply {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.note {
|
||||
width: 640px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 15px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
/* pages */
|
||||
|
||||
.setting label {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
float: left;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* other stuff */
|
||||
|
||||
/* <lightbox> */
|
||||
.lightbox-opened {
|
||||
/* background-color: #333; */
|
||||
background-color: rgba(50, 50, 50, 0.85);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
/* left: 0; */
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index:105;
|
||||
&:before {
|
||||
background-color: #333;
|
||||
background-color: rgba(#333, 0.9);
|
||||
color: #eee;
|
||||
content: "x";
|
||||
font-family: sans-serif;
|
||||
padding: 6px 12px;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
box-shadow: 0 0 6px 3px #333;
|
||||
}
|
||||
}
|
||||
/*
|
||||
.lightbox-opened {
|
||||
//background-color: #333;
|
||||
background-color: rgba(50, 50, 50, 0.85);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 24px;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
&:before {
|
||||
background-color: #333;
|
||||
background-color: rgba(#333, 0.9);
|
||||
color: #eee;
|
||||
content: "x";
|
||||
font-family: sans-serif;
|
||||
padding: 6px 12px;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
box-shadow: 0 0 6px 3px #333;
|
||||
}
|
||||
}
|
||||
*/
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* </lightbox> */
|
||||
|
||||
.fontello {
|
||||
font-family: fontello, sans-serif;
|
||||
}
|
||||
|
||||
.loading {
|
||||
font-family: fontello;
|
||||
color: black;
|
||||
content: "\E822";
|
||||
animation-name: spin;
|
||||
animation-duration: 5000ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
/* transform: rotate(3deg); */
|
||||
/* transform: rotate(0.3rad);/ */
|
||||
/* transform: rotate(3grad); */
|
||||
/* transform: rotate(.03turn); */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
background-color: black;
|
||||
}
|
||||
643
themes/monad/css/style.css
Normal file
643
themes/monad/css/style.css
Normal file
@ -0,0 +1,643 @@
|
||||
/* overall */
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:30px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
select{
|
||||
padding:5px;
|
||||
margin-top:5px;
|
||||
border:0px;
|
||||
font-weight:bold;
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
option{
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="file"], .nloadmore {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
/* omnipresent */
|
||||
|
||||
.mobile {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
.link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.external:after{
|
||||
font-family:fontello;
|
||||
font-weight:normal;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
/* basic structure */
|
||||
|
||||
.topbar {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#posts {
|
||||
width: 800px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
aside {
|
||||
margin-top: 5px;
|
||||
width: 280px;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 5px;
|
||||
position: fixed;
|
||||
display: table;
|
||||
text-align: center;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.gotop a {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
opacity: 0.7;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#hiddenside {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 115px;
|
||||
width: 350px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* topbar elements */
|
||||
|
||||
.topbutton {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
line-height: 45px;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topicon {
|
||||
text-decoration: none;
|
||||
display: inline;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.ntbutton {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.badge {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-radius: 90px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#notifications {
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
top: 45px;
|
||||
width: 350px;
|
||||
max-height: 500px;
|
||||
display: none;
|
||||
line-height:12px;
|
||||
overflow-y:scroll;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.notif{
|
||||
width:330px;
|
||||
height:80px;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#quicksend {
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.notifContents{
|
||||
margin:10px;
|
||||
display:flex;
|
||||
height:60px;
|
||||
max-width:325px;
|
||||
}
|
||||
|
||||
.nloadmore {
|
||||
display:inline-block;
|
||||
height:20px;
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
|
||||
.side_element {
|
||||
border-radius: 3px;
|
||||
width: 92%;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.side_element li {
|
||||
font-family: fontello, sans-serif;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
text-align:left;
|
||||
padding-left:12px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* posts area elements */
|
||||
|
||||
.uploadedImage {
|
||||
width: 60px;
|
||||
margin: 10px 0px 10px 10px;
|
||||
height: 60px;
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
box-shadow: 3px 3px 3px grey;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.delpic {
|
||||
border-radius:90px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#send {
|
||||
padding:5px;
|
||||
border-radius:3px;
|
||||
font-weight:bold;
|
||||
margin-top:5px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
background-color:transparent;
|
||||
border: 0px;
|
||||
margin-top:11px;
|
||||
margin-left:15px;
|
||||
float:left;
|
||||
width:20px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
overflow:hidden;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
margin:-5px;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.element {
|
||||
width: 800px;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.element {
|
||||
width: 800px;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.element_pad {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.profile,.loader {
|
||||
float:left;
|
||||
border-radius:5px;
|
||||
width:650px;
|
||||
}
|
||||
|
||||
.profileButton{
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
font-family: fontello, sans-serif;
|
||||
}
|
||||
|
||||
#usermenu .menu {
|
||||
display: none;
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: -80px;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
#usermenu:hover>.menu,
|
||||
#usermenu:active>.menu {
|
||||
display: block;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.postMenu {
|
||||
cursor: pointer;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postMenu li {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
height:35px;
|
||||
display:block;
|
||||
text-align:center;
|
||||
line-height:35px;
|
||||
}
|
||||
|
||||
.postMenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.postMenu ul {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.profileMenu:hover > div, .listmenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.listmenu li {
|
||||
font-family: fontello, sans-serif;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
text-align:left;
|
||||
padding-left:12px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.felem {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
background-size: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore {
|
||||
width: 650px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform {
|
||||
width:650px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.postHeader {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: -100px;
|
||||
width: 400px;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.user {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:15px;
|
||||
width: 300px;
|
||||
height: auto;
|
||||
border-radius:3px;
|
||||
line-height:initial;
|
||||
z-index:99;
|
||||
}
|
||||
|
||||
.userinfo_upper{
|
||||
top:-100px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.media {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blur {
|
||||
-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
/* Safari 6.0 - 9.0 */
|
||||
filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
opacity: 0.5;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.toggleblur {
|
||||
display:none;
|
||||
cursor: pointer;
|
||||
font-family: sans, fontello;
|
||||
}
|
||||
|
||||
.small {
|
||||
width: 321px !important;
|
||||
height: 321px;
|
||||
line-height: 321px;
|
||||
/* background-color: black; */
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.smaller {
|
||||
width: 212px !important;
|
||||
height: 212px;
|
||||
line-height: 212px;
|
||||
/* background-color: black; */
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 80px !important;
|
||||
height: 80px !important;
|
||||
line-height: 80px;
|
||||
float:left;
|
||||
text-align:center;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.postbody {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 600px;
|
||||
display: inline-block;
|
||||
margin:0px !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
width: 630px;
|
||||
display: table-cell;
|
||||
clear: both;
|
||||
padding: 10px;
|
||||
height: 20px;
|
||||
text-align: left;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
font-family: fontello;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.post_buttons a,
|
||||
.post_buttons span {
|
||||
font-family: inherit;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.reply {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.note {
|
||||
width: 640px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 15px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
/* pages */
|
||||
|
||||
.setting label {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
float: left;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* other stuff */
|
||||
|
||||
/* <lightbox> */
|
||||
.lightbox-opened {
|
||||
/* background-color: #333; */
|
||||
background-color: rgba(50, 50, 50, 0.85);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
/* left: 0; */
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index:105;
|
||||
&:before {
|
||||
background-color: #333;
|
||||
background-color: rgba(#333, 0.9);
|
||||
color: #eee;
|
||||
content: "x";
|
||||
font-family: sans-serif;
|
||||
padding: 6px 12px;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
box-shadow: 0 0 6px 3px #333;
|
||||
}
|
||||
}
|
||||
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* </lightbox> */
|
||||
|
||||
.fontello {
|
||||
font-family: fontello;
|
||||
}
|
||||
|
||||
.loading {
|
||||
font-family: fontello;
|
||||
color: black;
|
||||
content: "\E822";
|
||||
animation-name: spin;
|
||||
animation-duration: 5000ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
/* transform: rotate(3deg); */
|
||||
/* transform: rotate(0.3rad);/ */
|
||||
/* transform: rotate(3grad); */
|
||||
/* transform: rotate(.03turn); */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
background-color: black;
|
||||
}
|
||||
1
themes/monad/templates/2reply.txt
Normal file
1
themes/monad/templates/2reply.txt
Normal file
@ -0,0 +1 @@
|
||||
<div class='reply :mode:' id=':id:'> <div class='postHeader'> <span style='margin:12px; display:block; float:left;'> <img src=':avatar:' width=30 style='vertical-align:middle;'> <a class='ldr link user' href='?user=:uid:' id=':uid:'><b>:name:</b></a> <span class='desktop'>(:acct:)</span> </span> <span style='margin:10px; float:right; display:block;'> <span class='postMenu fontello'><div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div></span> </span> </div> <div class='postbody'> <div class='content' style='margin:0px;'>:media: :replyto: :text:</div> </div> <span style='width:100%; margin-bottom:10px; display:block;'> <span style='margin-left:10px;'>:date:</span> <span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span> </span> <div id=':id:' class='replies_container'></div> <script type='application/json' id='data-:id:'>:json:</script></div>
|
||||
21
themes/monad/templates/post.txt
Normal file
21
themes/monad/templates/post.txt
Normal file
@ -0,0 +1,21 @@
|
||||
<div class='element'>
|
||||
<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
|
||||
<div class='post' id=':id:' pid=':pid:'>
|
||||
<div id='a:id:' class='ancestors'>:ancestors:</div>
|
||||
<div class='postHeader'>
|
||||
<span style='margin:9px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
|
||||
<span style="margin:10px; float:right; display:block;">
|
||||
<span class='postMenu fontello'><div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
|
||||
</span>
|
||||
</div>
|
||||
:spoiler:
|
||||
<div class='media' style='text-align:center;'>:media:</div>
|
||||
<div class='postbody'><div class='content' style='margin-bottom:5px;'>
|
||||
:replyto: :text:
|
||||
</div></div>
|
||||
<div class='post_footer'>:footer:</DIV>
|
||||
<div class='post_notes'>:notes:</DIV>
|
||||
<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
|
||||
</div>
|
||||
<script type='application/json' id='data-:id:'>:json:</script>
|
||||
</div>
|
||||
26
themes/monad/templates/profileheader.txt
Normal file
26
themes/monad/templates/profileheader.txt
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
<div class='element'>
|
||||
<div class='avatar' style='height:1px;'></div>
|
||||
<div class='profile'>
|
||||
<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
|
||||
<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
|
||||
:top:
|
||||
</span>
|
||||
<span style='position:absolute; bottom:10px; left:10px;'>
|
||||
:bottom:
|
||||
</span>
|
||||
</div>
|
||||
<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
|
||||
<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
|
||||
<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
|
||||
<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
|
||||
<br><span>:note:</span>
|
||||
</div>
|
||||
<div class='post_footer' style='width: inherit; text-align:center;'>
|
||||
<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
|
||||
<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
|
||||
<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
|
||||
<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
16
themes/monad/templates/reblog.txt
Normal file
16
themes/monad/templates/reblog.txt
Normal file
@ -0,0 +1,16 @@
|
||||
<div class='element'>
|
||||
<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
|
||||
<div class='rb' id=':id:'>
|
||||
<div id='a:id:' class='ancestors'>:ancestors:</div>
|
||||
<div class='post_header'>:name:</div>
|
||||
<div class='media'>:media:</div>
|
||||
<div class='content' style='margin-bottom:5px;'>
|
||||
:spoiler:
|
||||
:text:
|
||||
</div>
|
||||
<div class='post_footer'>:footer:</DIV>
|
||||
<div id='r:id:' class='replies_container'>:form::descendants:</div>
|
||||
</div>
|
||||
<script type='application/json' id='data-:id:'>:json:</script>
|
||||
:notes:
|
||||
</div>
|
||||
25
themes/monad/templates/reply.txt
Normal file
25
themes/monad/templates/reply.txt
Normal file
@ -0,0 +1,25 @@
|
||||
<div class='reply :mode:' id=':id:'>
|
||||
<div class='postHeader'>
|
||||
<span style='margin:12px; display:block; float:left;'>
|
||||
<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
|
||||
<a class='ldr link user' href='?user=:uid:' id=':uid:'>
|
||||
<b>:name:</b>
|
||||
</a>
|
||||
<span class='desktop'>(:acct:)</span>
|
||||
</span>
|
||||
<span style='margin:10px; float:right; display:block;'>
|
||||
<span class='postMenu fontello'>
|
||||
<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class='postbody'>
|
||||
<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
|
||||
</div>
|
||||
<span style='width:100%; margin-bottom:10px; display:block;'>
|
||||
<span style='margin-left:10px;'>:date:</span>
|
||||
<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
|
||||
</span>
|
||||
<div id=':id:' class='replies_container'></div>
|
||||
<script type='application/json' id='data-:id:'>:json:</script>
|
||||
</div>
|
||||
39
themes/monad/templates/replyform.txt
Normal file
39
themes/monad/templates/replyform.txt
Normal file
@ -0,0 +1,39 @@
|
||||
<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
|
||||
<div style='width:95%; margin: 10px auto; display:block;'>
|
||||
<div style='text-align:right; background-color:white;'>
|
||||
<form action='status.php' method='post' enctype='multipart/form-data'>
|
||||
<input type='hidden' id='thread' name='thread' value=':id:'>
|
||||
<div style='width:100%; border: 0px; text-align:left;'>
|
||||
<div style='width:100% height:27px; border-bottom: 0px;'>
|
||||
<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
|
||||
</div>
|
||||
<textarea name='status' id="status" style='width:100%; height:100px; border:none;'>:content:</textarea>
|
||||
</div>
|
||||
<span style='float:left;'>
|
||||
<input type='submit' value='Send' id='send' onClick='return false'>
|
||||
<div class='formbtn fontello' style='position:relative;'>
|
||||

|
||||
<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
|
||||
</div>
|
||||
<div class='formbtn fontello' style='position:relative;'>
|
||||
<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
|
||||
<label for='rsensitive' class='fontello'></label>
|
||||
</div>
|
||||
</span>
|
||||
<span style='float:left; margin-left:10px;' class='status'>
|
||||
|
||||
</span>
|
||||
<span style='float:right;'>
|
||||
<select name='scope' id='scope'>
|
||||
<option id="public" value="1"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
23
themes/monad/templates/textpost.txt
Normal file
23
themes/monad/templates/textpost.txt
Normal file
@ -0,0 +1,23 @@
|
||||
<div class='element'>
|
||||
<div class='avatar' style='height:1px;'></div>
|
||||
<div class='post textonly' id=':id:' pid=':pid:'>
|
||||
<div id='a:id:' class='ancestors'>:ancestors:</div>
|
||||
<div class='postHeader'>
|
||||
<span style='margin:9px; display:block; float:left;'>
|
||||
<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
|
||||
:name: :rt:
|
||||
</span>
|
||||
<span style="margin:10px; float:right; display:block;">
|
||||
<span class='postMenu fontello'><div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class='postbody'>
|
||||
<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
|
||||
</div>
|
||||
<div class='post_footer'>:footer:</div>
|
||||
<div class='post_notes'>:notes:</DIV>
|
||||
<div id=':id:' class='replies_container'>:descendants:</div>
|
||||
</div>
|
||||
<script type='application/json' id='data-:id:'>:json:</script>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user