Welcome to my Website!
This is a paragraph! Here's how you make a link: Neocities.
Here's how you can make bold and italic text.
.
/* Main */
#c_widget {
box-sizing: border-box;
height: 100%;
padding: 15px;
overflow: auto;
background-image: url('bow-bg.gif'); /* F2U background provided by https://sadgrl.online/webmastery/downloads/tiledbgs */
background-attachment: fixed;
font-family: 'Trebuchet MS';
font-size: 14px;
color: #211F24;
}
#c_widget button, #c_widget input[type=submit] {
padding: 4px;
text-decoration: none;
text-transform: lowercase;
text-align: center;
background-color: white;
color: #CE98FB;
border: 1px solid #CE98FB;
border-radius: 5px;
}
#c_widget button:hover, #c_widget input[type=submit]:hover {
background-color: #FB96D8;
color: white;
border: 1px solid #FB96D8;
}
#c_widget button:disabled, #c_widget input[type=submit]:disabled {opacity: 60%;}
#c_widget button:disabled:hover, #c_widget input[type=submit]:disabled:hover {
background-color: white;
color: #CE98FB;
border: 1px solid #CE98FB;
}
/* Input section */
#c_inputDiv {
padding: 10px;
text-transform: lowercase;
background-color: rgba(255, 255, 255, .8);
border: 1px dashed #CE98FB;
border-radius: 5px;
}
#c_container {margin-top: 10px;}
#c_widgetTitle {
margin: 0;
padding: 0;
font-style: italic;
text-decoration: underline;
}
.c-inputWrapper {
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.c-input {
padding: 4px;
color: #5E2C49;
border-radius: 4px;
border: 1px solid #CE98FB;
outline: none;
}
.c-input:focus {border: 1px solid #FB96D8;}
.c-textInput {
width: calc(100% - 10px);
max-width: 900px;
resize: none;
}
#c_submitButton {display: block;}
#c_replyingText {color: #5E2C49;}
/* Comment section */
.c-comment {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color: rgba(255, 255, 255, .75);
border: 1px dashed #CE98FB;
border-radius: 4px;
}
.c-reply {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color: rgba(255, 255, 255, 1);
border: 1px dashed #CE98FB;
border-radius: 4px;
}
.c-reply:last-child {margin-bottom: 0;}
.c-name {
display: inline-block;
margin: 0;
margin-right: 10px;
padding: 0;
text-decoration: underline;
}
.c-site {
text-transform: lowercase;
color: #CE98FB;
}
.c-site:hover {color: #211F24;}
.c-timestamp {
float: right;
opacity: 60%;
}
.c-text {
margin: 0;
margin-top: 10px;
padding: 0;
text-align: justify;
color: #5E2C49;
}
/* Pagination */
#c_pagination {text-align: center;}
.c-replyButton {margin-top: 10px;}
.c-expandButton {
float: right;
margin-top: 10px;
}
.c-paginationButton {
margin-right: 4px;
margin-left: 4px;
}
Here's how you can add an image:
Here's how to make a list:
- First thing
- Second thing
- Third thing
To learn more HTML/CSS, check out these tutorials!