Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- font-family: verdana,sans-serif;
- margin: 0;
- padding: 0;
- }
- html
- {
- box-sizing: border-box;
- }
- *, *:before, *:after
- {
- box-sizing: inherit;
- }
- body {
- font: 80% verdana, sans-serif;
- background: #fff;
- /*padding: 1em 2em;*/
- }
- h1 {
- font-size: 2em;
- }
- h2 {
- font-size: 1.8em;
- }
- h3 {
- font-size: 1.6em;
- }
- h4 {
- font-size: 1.4em;
- }
- h5 {
- font-size: 1.2em;
- }
- h6 {
- font-size: 1em;
- }
- img {
- border: none;
- vertical-align: middle;
- }
- input {
- padding: 0 0.5em;
- }
- a{
- color: #e60000;
- }
- a:link {
- color: #E60000;
- text-decoration: none;
- transition: all .5s ease;
- }
- a:visited {
- /*color: #006FFA;*/
- color: #E60000;
- text-decoration: none;
- font-family: sans-serif;
- }
- a[href="http://booru.org/"] strong{
- transition: all .5s ease;
- }
- a[href="http://booru.org/"] strong:hover{
- color: #33CFFF;
- }
- a:hover {
- color: #33CFFF;
- text-decoration: none;
- /*a los links*/
- border-radius: 50px;
- /*background-color: #4b77c7;*/
- background-color: #de0000;
- padding: 5px;
- color: #fff7a5;
- }
- a:active {
- color: #E60000;
- text-decoration: none;
- }
- a.spoilers {
- color: black;
- background: black;
- cursor: text;
- }
- a.spoilers:hover {
- color: black;
- background: white;
- }
- a.help {
- background: #E6E6E6;
- }
- .link {
- color: #006FFA;
- background: none;
- border: none;
- font-size: 1em;
- cursor: pointer;
- }
- .link:hover {
- color: #33CFFF;
- }
- label {
- font-weight: bold;
- padding-right: 2em;
- }
- strong.divider {
- font-weight: bold;
- color: gray;
- }
- span.author {
- color: #AAA;
- }
- span.date {
- color: #AAA;
- }
- span.locked-topic {
- color: #666;
- }
- th {
- font-weight: bold;
- text-align: left;
- background-color: #E60000;
- color: white;
- padding: 0.2em 0.5em;
- white-space: nowrap;
- }
- th a, th a:link, th a:visited {
- color: rgb(250, 250, 255);
- }
- tr.padded th {
- padding: 0 1em;
- }
- table.highlightable > tbody > tr:hover {
- background: #FFD;
- }
- tr.even {
- background: #ffffff;
- }
- tr.odd {
- background: #f0f0f0;
- }
- tr.pending-tag {
- background: #dcf6dc;
- }
- td {
- padding: 1px 4px; vertical-align: top;
- }
- fieldset {
- border: 1px dashed gray;
- margin-bottom: 1em;
- padding: 0.5em 1em;
- width: 50%;
- }
- legend {
- letter-spacing: 0.5em;
- }
- code {
- font-family: monospace;
- font-size: 1.2em;
- }
- table {
- margin-bottom: 2em;
- }
- textarea {
- font-family: monospace;
- font-size: 1.2em;
- width: 400px;
- height: 100px;
- }
- ol {
- margin-left: 1em;
- }
- ul {
- margin-bottom: 1em;
- }
- li {
- margin-left: 1em;
- }
- p {
- margin-bottom: 1em;
- }
- h5 a:link {
- color: black;
- }
- h5 a:visited {
- color: black;
- }
- h5 a:hover {
- color: #33CFFF;
- }
- .space {
- margin-bottom: 1em;
- }
- /* aqui esta todos los cambios que hice negro */
- .space#links
- {
- background-color: #F2E1D6;
- padding: 1rem 0;
- margin-top: 1rem;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- div#header {
- margin-bottom: 1em;
- }
- div#content {
- }
- div#footer {
- margin-top: 1em;
- text-align: center;
- font-size: 120%;
- color: #CCC;
- clear: both;
- }
- div.sidebar {
- width: 20%;
- float: left;
- overflow: hidden;
- margin-top: 3rem;
- padding: 1rem;
- background-color: #F2E1D6;
- border-radius: 10px;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- margin-left: .5rem;
- }
- div.sidebar li {
- list-style-type: none;
- margin: 0;
- }
- div.content {
- float: left;
- width: 78%;
- }
- div.option {
- clear: both;
- margin-bottom: 0.5em;
- }
- div.option p {
- width: 15em;
- font-size: 90%;
- }
- label.block {
- float: left;
- width: 15em;
- padding-right: 1em;
- }
- span.informational {
- cursor: help;
- }
- img.preview {
- margin: auto;
- }
- span.thumb {
- height: 180px;
- width: 180px;
- display: inline-block;
- float: left;
- text-align: center;
- vertical-align: middle;
- }
- .hidden-comment {
- background-color: #CCC;
- }
- .ignored-comment {
- background-color: #FEE;
- }
- .good-comment {
- background-color: #EFE;
- }
- .ignored-post {
- background-color: #FEE;
- }
- span.comment-info {
- font-size: 120%;
- }
- span.comment-info a {
- color: #AAA;
- }
- span.comment-info a:hover {
- color: #33CFFF;
- }
- a.comment-link:link, a.comment-link:visited {
- color: black;
- font-weight: bold;
- }
- a.resp-link {
- font-weight: bold;
- }
- span.post-count {
- color: #AAA;
- }
- ul.flat-list {
- display: inline;
- }
- ul.flat-list * {
- display: inline;
- }
- ul.flat-list li {
- list-style-type: none;
- font-weight: bold;
- margin: 0 1em 0 0;
- }
- ul.flat-list li a {
- font-weight: normal;
- }
- ul.flat-list li a.forum-update {
- font-weight: bold;
- }
- ul.link-page {
- font-size: 1.2em;
- font-weight: bold;
- }
- ul.link-page > li {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- li#notice {
- color: red;
- font-weight: bold;
- }
- form.button-to input {
- border: none;
- color: #006FFA;
- background: none;
- cursor: pointer;
- font-size: 1em;
- font-weight: normal;
- }
- form.button-to input:hover {
- color: #33CFFF;
- }
- div#paginator {
- display: block;
- padding: 2em 0 1em 0;
- font-size: 1em;
- text-align: center;
- font-weight: bold;
- clear: both;
- }
- div#paginator span {
- margin: 0 3px;
- padding: 2px 6px;
- }
- div#paginator a {
- margin: 0 3px;
- padding: 2px 6px;
- font-weight: normal;
- border: 1px solid #EAEAEA;
- }
- div#paginator a.current {
- border: 1px solid #AAA;
- }
- div#paginator a:hover {
- background: rgb(60, 60, 220);
- color: white;
- }
- div#paginator a.arrow {
- border: none;
- }
- div#paginator a.arrow:hover {
- background: white;
- color: #33CFFF;
- }
- div#static-index {
- text-align: center;
- }
- div#static-index div#links a {
- margin: 0 0.5em;
- }
- div#static-more li {
- list-style-type: none;
- margin: 0;
- }
- div#static-more div {
- float: left;
- width: 25%;
- }
- div#static-more ul {
- margin-top: 2em;
- }
- div#user-stats li {
- list-style-type: none;
- margin: 0;
- }
- div#user-stats div {
- float: left;
- width: 30%;
- }
- div#user-stats ul {
- margin-top: 2em;
- }
- div.comment-quote {
- padding: 0 1em;
- margin: 0;
- background: #fafafa;
- }
- div.quote {
- margin-top: 10px;
- padding: 12px;
- text-align: justify;
- font-style: italic;
- background: #f6f6f6 url('/counter/quote.gif') no-repeat top right;
- font-size: 12px;
- font-family: sans-serif, arial, tahoma;
- border: 1px solid #bababa;
- }
- div.comment-quote div.comment-quote {
- background: #DDD;
- }
- div#comment-list2 li {
- list-style-type: none;
- margin: 0;
- }
- div#comment-list2 ul.post-info {
- font-size: 1.2em;
- color: #AAA;
- }
- div#comment-list2 h4 a {
- color: #339;
- }
- div#comment-list2 h5.post-header {
- margin-bottom: 1em;
- font-weight: normal;
- color: #AAA;
- }
- div#comment-list2 h5 a {
- color: #666;
- }
- div#comment-list2 h5 a:hover {
- color: #33CFFF;
- }
- div#comment-list2 div.col1 {
- width: 200px;
- float: left;
- text-align: center;
- }
- div#comment-list2 div.col2 {
- width: 500px;
- padding-right: 1em;
- float: left;
- }
- div#comment-list2 div.col3 {
- width: 200px;
- float: left;
- }
- div#comment-list2 div.comment {
- margin-bottom: 1em;
- }
- div#comment-list2 h4.comment-header {
- font-weight: normal;
- color: #AAA;
- }
- div#comment-list2 img.preview {
- display: block;
- margin: auto;
- }
- div#comment-list2 div.post {
- margin: 0 2em 0 0;
- padding: 2em 1em;
- float: left;
- clear: both;
- width: 100%;
- }
- div#post-list div.upload input {
- margin-right: 1em;
- }
- div#post-view img.data {
- margin-right: 5em;
- }
- div#post-view div#related0 img {
- padding: 0;
- }
- div#post-view div#note-container {
- position: absolute;
- }
- div#post-view div.note-box {
- position: absolute;
- border: 1px solid black;
- width: 150px;
- height: 150px;
- cursor: move;
- background: #FFE;
- overflow: auto;
- opacity:0.5;
- /* for IE */
- filter:alpha(opacity=50);
- /* for Mozilla */
- -moz-opacity:0.5;
- }
- div#post-view div.note-corner {
- background: black;
- width: 7px;
- height: 7px;
- position: absolute;
- bottom: 0;
- right: 0;
- cursor: se-resize;
- }
- div#post-view div.note-body {
- background: #FFE;
- border: 1px solid black;
- display: none;
- width: 140px;
- height: 100px;
- position: absolute;
- padding: 5px;
- cursor: pointer;
- overflow: auto;
- }
- tn {
- font-size: 0.8em;
- color: gray;
- }
- div#post-view div#edit-box textarea {
- width: 90%;
- }
- div#post-view div#edit-box {
- position: absolute;
- z-index: 100;
- background: #FFE;
- border: 1px solid black;
- padding: 1em;
- }
- div#post-view p {
- margin: 0;
- }
- div#post-view span.radio {
- margin-right: 1em;
- }
- div#post-view div.comment {
- margin-bottom: 1em;
- }
- div#post-remove * {
- display: inline;
- }
- div#post-remove img {
- margin: 1em 0;
- display: block;
- }
- div#tag-list {
- text-align: center;
- margin-bottom: 2em;
- }
- div#tag-list div.space a {
- padding-right: 5px;
- }
- div#alpha-paginator {
- text-align: center;
- }
- div#alpha-paginator a {
- margin: 0.2em;
- }
- div#wiki-view {
- line-height: 2em;
- width: 50em;
- text-align: left;
- }
- h2.wiki-title {
- color: #003DD8;
- margin-bottom: 0.25em;
- }
- span.old-version {
- color: gray;
- }
- p.linked-from {
- color: gray;
- font-style: italic;
- }
- div.diff {
- font-family: monospace;
- font-size: 1.2em;
- margin-top: 1em;
- }
- del {
- font-family: monospace;
- background-color: #f88;
- text-decoration: line-through;
- }
- ins {
- font-family: monospace;
- background-color: #8f8;
- }
- div#admin-edit-user option {
- width: 15em;
- }
- div#upload-list td {
- padding: 0 1em;
- }
- div#user-index {
- width: 40em;
- }
- div#user-list {
- width: 40em;
- }
- div#user-list table {
- width: 100%;
- }
- div#post-add {
- }
- div#post-add table div {
- width: 36em;
- }
- div#post-add div#mytags a,
- div#post-add div#recent a,
- div#post-add div#related a {
- margin-right: 15px;
- }
- div#post-add label {
- padding: 0;
- margin: 0;
- }
- div#post-popular {
- text-align: center;
- }
- div#post-popular * {
- margin: auto;
- }
- div#post-popular h1 {
- margin-bottom: 1em;
- }
- div#post-tag-history li {
- list-style-type: none;
- margin: 0;
- }
- div#amb-content {
- font-size: 1.2em;
- font-style: italic;
- }
- ul.tag-explore {
- margin: 0;
- }
- ul.tag-explore li {
- list-style-type: none;
- margin: 0 0 0 1em;
- }
- div#tag-explore img {
- margin: 1em;
- }
- span.artist-tag {
- color: #f00;
- }
- span.character-tag {
- color: #0a0;
- }
- span.copyright-tag {
- color: #a0a;
- }
- tr.footer > td {
- padding-top: 1em;
- }
- div#artist td {
- white-space: nowrap;
- }
- div#artist > div#search-form {
- margin-bottom: 2em;
- }
- div#forum > table {
- width: 100%;
- }
- div#forum > table td,
- div#forum > table th {
- text-align: center;
- }
- div#forum > table td:first-child,
- div#forum > table th:first-child {
- text-align: left;
- }
- div#forum > div.post {
- margin-bottom: 2em;
- float: left;
- clear: left;
- }
- div#forum > div.post div.author {
- float: left;
- width: 15em;
- padding-right: 1em;
- }
- div#forum > div.post div.author h6.author {
- font-size: 1.3em;
- }
- div#forum > div.post div.post-content {
- padding-left: 2em;
- float: left;
- min-height: 4em;
- }
- div#forum > div.post div.footer {
- margin-top: 1em;
- color: #CCC;
- }
- div#forum > div.post div.footer a {
- color: #666;
- }
- div#forum > div.post div.body {
- width: 40em;
- }
- div.response-list > div.post {
- float: left;
- clear: left;
- margin-bottom: 2em;
- }
- div.response-list > div.post > div.author {
- float: left;
- width: 15em;
- padding-right: 1em;
- }
- div.response-list > div.post > div.author > h6 {
- font-size: 1.3em;
- }
- div.response-list > div.post > div.content {
- float: left;
- width: 30em;
- padding: 0 0 0 10px;
- margin: 0;
- }
- div.response-list > div.post > div.content > div.footer {
- margin-top: 1em;
- color: #CCC;
- }
- div.response-list > div.post > div.content > div.footer a {
- color: #666;
- }
- div#invite > div#new {
- }
- div#invite > div#current {
- margin-top: 2em;
- }
- span.blocked-post {
- display: block;
- float: left;
- text-align: center;
- width: 150px;
- height: 150px;
- margin: 15px;
- }
- p.tn {
- font-size: smaller;
- color: gray;
- }
- ul.news li {
- margin-bottom: 0.5em;
- }
- div.help {
- width: 40em;
- margin-top: 2em;
- }
- div.help div.section {
- margin-bottom: 4em;
- }
- div.help div.section div.section {
- margin-bottom: 2em;
- }
- div.help h4 {
- margin-bottom: 0.5em;
- color: #060;
- }
- div.help h1, div.help h2, div.help h3, div.help h4 {
- margin: 0 0 0.5em 0;
- }
- dt {
- font-weight: bold;
- }
- dt.bad {
- color: red;
- }
- dd {
- margin-bottom: 1em;
- }
- div.help div.code {
- border: 1px dashed green;
- margin: 1em 0;
- padding: 1em 2em;
- background: #EEE;
- overflow: hidden;
- font-family: monospace;
- }
- a.code {
- font-family: monospace;
- }
- .adHeadline {
- font: bold 12px Arial;
- text-decoration: underline;
- color: #0000FF;
- }
- .adText {
- font: normal 12px Arial;
- text-decoration: none;
- color: #000000;
- }
- /* todos los cambios que hico anon */
- /* zeta Paga La coca!! */
- div[style="font-size: 80%; margin-bottom: 2em;"]
- {
- background-color: #F2E1D6;
- padding: .5rem 0;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- div[style="font-size: 80%; margin-bottom: 2em;"] p,
- div[style="font-size: 80%; margin-bottom: 2em;"] small
- {
- font-size: 10.5px;
- }
- .space form[action="index.php?page=search"]
- {
- margin: 2rem 0;
- display: flex;
- justify-content: center;
- }
- input[type="text"],
- input[type="password"]
- {
- padding: .5em 0;
- border-top-left-radius: 50px;
- border-bottom-left-radius: 50px;
- border: solid 2px #F2E1D6;
- font-size: 1rem;
- color: #3e3e3e;
- }
- input[type="submit"]
- {
- border: none;
- font-size: 1rem;
- border-top-right-radius: 50px;
- border-bottom-right-radius: 50px;
- font-family: verdana, sans-serif;
- transition: all .5s ease;
- }
- input[type="submit"]:hover
- {
- background-color: #F2E1D6;
- }
- /* tuve que selecionarlo con sus atributos por que no tenian clases */
- /*========sidebar======*/
- div.sidebar .space form[action="index.php?page=search"]
- {
- display: block;
- margin: .5rem 0;
- }
- div.sidebar input[type="text"]
- {
- padding: 2px 0;
- border-bottom-left-radius: 0px;
- border-top-right-radius: 50px;
- width: 100%;
- }
- div.sidebar input[type="submit"]
- {
- border-top-right-radius: 0;
- border-bottom-left-radius: 50px;
- text-align: center;
- margin: 0;
- margin: 0 auto;
- width: 100%!important;
- }
- div.sidebar h5
- {
- text-align: center;
- border-bottom: solid 2px #C4A38E;
- }
- div.sidebar small
- {
- text-align: center;
- display: block;
- }
- div#tag_list h5{
- margin: 2rem 0;
- }
- div#tag_list ul li
- {
- margin-bottom: 5px;
- }
- /*
- div#tag_list ul li a:first-of-type
- {
- background-color: black;
- }
- */
- /*Header*/
- div#header
- {
- background-color: #F2E1D6;
- padding: .5rem 0;
- text-align: center;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- div#header h2{
- margin-bottom: .6rem;
- }
- span.thumb img
- {
- transition: all .5s ease;
- }
- span.thumb img:hover
- {
- transform: scale(1.2);
- }
- div#paginator
- {
- position: fixed;
- bottom: 0;
- width: 100%;
- left: 0;
- right: 0;
- text-align: center;
- }
- div#paginator a
- {
- background-color: rgba(230, 0, 0, 0.60);
- border: none;
- border-radius: 5px;
- color: #ffffff;
- font-size: 1rem;
- transition: all .5s ease;
- }
- div#paginator a:hover
- {
- background-color: #E60000;
- }
- div#footer
- {
- position: fixed;
- bottom: 50px;
- width: 100%;
- left: 0;
- right: 0;
- text-align: center;
- }
- div#footer a
- {
- background-color: rgba(230, 0, 0, 0.60);
- padding: 2px;
- border: none;
- border-radius: 5px;
- color: #ffffff;
- transition: all .5s ease;
- }
- div#footer a:hover
- {
- background-color: #e60000;
- }
- div#post-view
- {
- text-align: center;
- }
- /*para el ADD*/
- table {
- background-color :#F2E1D6;
- padding: 1rem;
- border-radius: 10px;
- margin: 0 auto;
- margin-bottom: 3rem;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- table td {
- font-family: 'Arial';
- padding-bottom: 1rem;
- }
- input[type="radio"]
- {
- margin: 0 5px 0 20px;
- }
- tr input[type="text"],
- input[type="password"]
- {
- border-top-right-radius: 50px;
- border-bottom-right-radius: 50px;
- }
- tr td input[type="submit"]
- {
- padding: 10px;
- border-bottom-left-radius: 50px;
- border-top-left-radius: 50px;
- transition:all .8s ease;
- }
- tr td input[type="submit"]:hover
- {
- background-color: #006FFA;
- }
- form[method="post"] ul li {
- text-align: center;
- text-decoration:none;
- }
- div#user-index
- {
- background-color :#F2E1D6;
- padding: 1rem;
- border-radius: 10px;
- margin: 0 auto;
- margin-bottom: 3rem;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- div#user-index h4{
- margin: 1rem 0 .1rem 0;
- }
- div#comment-list2 h1
- {
- margin: 1rem auto;
- text-align:center;
- }
- /*areclando Stats*/
- div[onclick="hs.close()"]
- {
- text-align: center;
- }
- div[onclick="hs.close()"] h1,
- div[onclick="hs.close()"] h2
- {
- color : #E60000;
- }
- div[onclick="hs.close()"] h2{
- margin-bottom:20px
- }
- input[name="date"]
- {
- border-top-right-radius: 50px;
- border-bottom-right-radius: 50px;
- margin-bottom: 20px;
- }
- form input[value="Go"]
- {
- padding: 20px;
- border-bottom-left-radius: 50px;
- border-top-left-radius: 50px;
- transition:all .8s ease;
- }
- form input[value="Go"]:hover
- {
- background-color: #fa5100;
- }
- /*areeglando las tablas*/
- div.toptencont{
- width: 50%;
- background-color: #F2E1D6;
- border: none;
- border-radius: 10px;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- padding-bottom:10px;
- margin-bottom: 20px;
- }
- @media only screen and (min-width: 750px) {
- div.toptencont{
- width: 33.3%;
- }
- }
- @media only screen and (min-width: 1200px) {
- div.toptencont{
- width: 20%;
- }
- }
- div.toptencont table{
- margin-bottom: 20px;
- }
- div.toptencont table thead tr th{
- background-color: #E60000;
- }
- div.toptencont table tbody tr td{
- padding: 10px;
- }
- /*la seccione de forum*/
- form[action="?page=forum&s=search"]
- {
- text-align: center;
- margin-bottom: 20px;
- }
- /*un poco de areglo en help*/
- div.help {
- background-color :#F2E1D6;
- padding: 1rem;
- border-radius: 10px;
- margin: 0 auto;
- margin-bottom: 3rem;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- text-align: center;
- }
- div.help ul li {
- padding: .3rem 0;
- }
- /*en la seccion de alias un submit*/
- form[method="post"]{
- text-align:center
- }
- input[value="Submit"] {
- padding: 1rem;
- margin-bottom: 1rem;
- border-bottom-left-radius: 50px;
- border-top-left-radius: 50px;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
- }
- /*El submit de forum*/
- form[action="?page=forum&s=search"] input[value="Search"]{
- padding : .6rem 1rem;
- }
- /*para que se adapte a cualquier pantalla*/
- div.content {
- width: 100%;
- }
- .divTable {
- width: 100%;
- }
- .content > div div:nth-child(3) {
- display: grid;
- grid: auto 1fr / repeat(auto-fill, minmax(15em, 1fr));
- width: 100%;
- }
- .content,
- .content > div {
- width: 100%;
- }
- div.sidebar {
- width: 260px;
- margin-right: 1em;
- height: fit-content;
- }
- #post-list {
- display: flex;
- }
- @media only screen and (max-width: 870px) {
- #post-list {
- flex-direction: column;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement