kissingcomputer/app/assets/stylesheets/application.css

/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
// <weight>: Use a value from 300 to 900
// <uniquifier>: Use a unique and descriptive class name

.winky-sans-all{
  font-family: "Winky Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
table.intereststable {

padding: 4px;
}
section.bottomindex {
border: 1px solid black;
width: 990px;
height: 240px;
overflow: scroll;
margin-top: 20px;
}
section.etc {
border: 1px solid black;
padding: 10px;
width:260px;
height: 350px;
overflow: scroll;
margin-left: 730px;
}
section.blogdesc {
border: 1px solid black;
padding: 5px;
}
#minty {
    padding: .5em;
    background-color: #f0faf5;
    border: 1px solid black;
}
#minty-username {
    margin-bottom: .5em;
}
.marquee { 
position: absolute;
width:100%;
margin-top: 25px;
}
#minty-content {
    margin: 0 1em 0.5em 1em;
}
section.aboutus {
border: 1px solid black;
padding:10px;
width: 470px;
height: 350px;
text-align: center;
position: absolute;
margin-left:230px;
overflow: scroll;
margin-bottom: 15px;
}

section.latestpost {
position: absolute;
width: 215px;
height: 350px;
overflow: scroll;
margin-left: -15px;
border: 1px solid black;
padding: 10px;
}
section.posts {
margin: 0 auto;
border: 1px solid black;
padding: 4px;
}
section.interests {
float: right;
width: 250px;
border: 1px solid black;
padding: 1px;
}
section.createmember {
float: right;
top: 0px;
}
section.membertable {
border: 1px solid black;
padding: 3%;
}
section.memberspecific {
border: 1px solid black;
}
table {
padding: 3%;
margin: 0 auto;
}
tr.member {
border: 1px solid black;
}
td.member {
padding: 25px;

}
td.memberinterests {
border: 1px solid black;
padding: 5px;
}
section.memberlist {
width: 850px;
height: auto;
border: 1px solid black;
text-align: center;
margin: 0 auto;
padding: 9px;
}
section.avatarimg {
border: 3px double black;
width: 100px;
height: 100px;
margin: 0 auto;
}
section.memberinner {
border:1px solid black;
width: 250px;
height: auto;
float: left;
padding: 4px;
}
 body {
 color: #000;
 font-family: 'Comic Sans MS';

background: #ff597d;
background: linear-gradient(90deg, rgba(255, 89, 125, 1) 0%, rgba(97, 255, 136, 1) 50%, rgba(237, 83, 129, 1) 100%);
font-size:17px;
 }
 section.inner {
 text-align: left;
 }

 section.about {

 text-align: center;
 margin: 0 auto;
 width: 480px;
 height: auto;
  border:2px outset #000;
 }
 section.footer {
background: #ffe0e8;
background: radial-gradient(circle, rgba(255, 224, 232, 1) 0%, rgba(180, 250, 197, 1) 50%, rgba(255, 207, 219, 1) 100%);
 width: 1000px;
 color: #000;
 height: 30px;
 text-align: center;
 padding-left: 2%;
 padding-right: 2%;
 padding-bottom: 1%;
 margin: auto;
  border:3px outset #000;
 }
 h1 {
 font-family: "Comic Sans MS", cursive, sans-serif;
 background-color: pink;
 border: 5px outset #42f548;
 color: #000;
 text-align: center;
 }
 .profilenews {
 background: #fff;
 color: #000;
 }
 main {
 width: 1000px;
height: auto;
 margin: 0 auto;
background: #ffe0e8;
background: radial-gradient(circle, rgba(255, 224, 232, 1) 0%, rgba(180, 250, 197, 1) 50%, rgba(255, 207, 219, 1) 100%);
 border: 8px groove #ff5975;
 box-shadow: 8px 2px 5px 2px #a3ffc3;
padding-left: 2%;
padding-right: 2%;

 }
 .header {
 text-align: center;
background: #ffe0e8;
background: radial-gradient(circle, rgba(255, 224, 232, 1) 0%, rgba(180, 250, 197, 1) 50%, rgba(255, 207, 219, 1) 100%);
 }
 .headerall {
 color: #000;
background: #ffe0e8;
background: radial-gradient(circle, rgba(255, 224, 232, 1) 0%, rgba(180, 250, 197, 1) 50%, rgba(255, 207, 219, 1) 100%);
 }
 a {
 color: #000;
 }
 
 section.profileinner {
 text-align: left;
 padding: 15px;
 }
section.article {
text-align: center;
background-color: #fff;
padding: 5px;
color: #000;
}
section.profile {
text-align: center;
background-color: #fff;
padding: 15px;
color: #000;
}
h1.h1bio {
width: 350px;
margin: auto;
}
section.homepage {

}
 a:visited {
 color: #000;
 }
 a:hover {
 color: #000;
 }
 section.auth {
 float:right;
 box-shadow: 3px 3px 3px gray;
background: #fff;
 color: #000;

 }
 section.newstuff {
 width:200px;
 border:5px outset #42f548;
background: pink;
 color: #000;
 text-align: center;
  margin: auto;
  padding: 3px;

 }

 section.articleshow {
 align-content: center;
 background: pink;
 color: #000;
  border:5px outset #42f548;
 }
 section.newstuff a, a:visited, a:hover {
 color: #000;
 }
 table.articleshowing {
margin: auto;
  }
  
table.articleshowing a {
 color: #000;
 }
 
table.articleshowing  a:visited {
 color: #000;
 }
 table.articleshowing a:hover {
 color: #000;
 }
 
 
 section.profilelist {
 margin: auto;
 width: 300px;
 align-content: center; 
 padding: 10px;
 overflow: scroll;
 background-color: pink;
 color: #000;
   border:5px outset #42f548;
   }