mirror of
https://github.com/nhammer514/textfiles-politics.git
synced 2025-01-12 15:59:27 -05:00
test
This commit is contained in:
jms9354
parent
b4aaaf7e05
commit
40017f8ced
321
docs/CSSstyle.css
Normal file
321
docs/CSSstyle.css
Normal file
@ -0,0 +1,321 @@
|
||||
body {
|
||||
background-color: cyan;
|
||||
color: #031B3F;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
padding:15px;
|
||||
line-height:2em;
|
||||
background-image:radial-gradient(circle, white, #f0dfd1);
|
||||
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#title-index {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#top {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
#citation-link > a {
|
||||
color: #000d81;
|
||||
text-decoration: underline;
|
||||
}
|
||||
#citation-link > a:hover {
|
||||
color: #C8AC80;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
#menu {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
#menu > a {
|
||||
text-align: center;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
div.button {
|
||||
background-color: white;
|
||||
border: double black;
|
||||
color: black;
|
||||
padding: 15px 32px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
font-family: georgia;
|
||||
cursor: grab;
|
||||
display: inline;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 15px 25px;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
background-color: #4CAF50;
|
||||
border: none;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 9px #999;
|
||||
}
|
||||
|
||||
.button:hover {background-color: transparent}
|
||||
|
||||
.button:active {
|
||||
background-color: transparent;
|
||||
box-shadow: 0 5px #666;
|
||||
transform: translateY(4px);
|
||||
}
|
||||
|
||||
/* Fulltext page */
|
||||
#toc {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#fulltext {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#to-top {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 30px;
|
||||
z-index: 99;
|
||||
font-size: 18px;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: white;
|
||||
color: black;
|
||||
cursor: pointer;
|
||||
padding: 15px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#to-top:hover {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
/* Home page */
|
||||
#Home {
|
||||
text-align: center;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
padding-top: 30px;
|
||||
}
|
||||
#Home > figure > img {
|
||||
box-shadow: 0 0 8px 8px white inset;
|
||||
}
|
||||
|
||||
#site-desc {
|
||||
text-align: center;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
#credit {
|
||||
text-align: center;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid;
|
||||
border-color: #ffffff;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* Gallery page */
|
||||
section.Index
|
||||
img.red.JPG {
|
||||
width: 60%;
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding-top:5em;
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
/*
|
||||
section.Gallery figure img:hover {
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
*/
|
||||
|
||||
section.Resume
|
||||
div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding:5vw;
|
||||
background-color: peachpuff
|
||||
}
|
||||
|
||||
section.Gallery {
|
||||
width: 80%;
|
||||
display: block;
|
||||
justify-content:space-around;
|
||||
padding: 2vw;
|
||||
column-gap:0;}
|
||||
section.Gallery figure {
|
||||
flex:1;
|
||||
/*background-color: lightgray;*/
|
||||
padding: 2vw;
|
||||
width: 100%;
|
||||
}
|
||||
section.Gallery p.wider{
|
||||
flex:2;
|
||||
background-color:white;
|
||||
padding:2vw;
|
||||
margin-left: -5em;
|
||||
}
|
||||
section.Gallery p.analysis{
|
||||
flex:1;
|
||||
background-color: white;
|
||||
padding:2vw;
|
||||
margin-left: -5em;
|
||||
}
|
||||
img.dahlia {
|
||||
max-width: 500px;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#gallery-title {
|
||||
text-align: center;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.Gallery > h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.Gallery {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* Github repo links page */
|
||||
#github-links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1px;
|
||||
line-height: 5px;
|
||||
|
||||
}
|
||||
#github-links > a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#github-links > a:hover {
|
||||
color: #C8AC80;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#copyright-centered {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-top: 150px;
|
||||
padding-right: 1500px;
|
||||
}
|
||||
|
||||
/* Biography page */
|
||||
#bio-gallery {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#bio-title {
|
||||
text-align: center;
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
section.Gallery figure img {
|
||||
display: inline-block;
|
||||
margin: 25px 10px;
|
||||
width: 20%;
|
||||
border: 5px solid #555;
|
||||
float: left;
|
||||
padding: 2vw;
|
||||
}
|
||||
|
||||
/* About Us page */
|
||||
#reflection-title {
|
||||
text-align: center;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#bio-text {
|
||||
padding-left: 1000px;
|
||||
margin-right: 84px;
|
||||
}
|
||||
|
||||
#bio-copyright {
|
||||
padding-top: 300px;
|
||||
}
|
||||
|
||||
/* This is some CSS code specifically for Text Analysis */
|
||||
section.textAnalysis {
|
||||
width:100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
section.textAnalysis figure {flex:1;
|
||||
background-color: lightgray;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
|
||||
section.textAnalysis figure img {flex:5;
|
||||
width:100%;
|
||||
max-width:1000px;
|
||||
}
|
||||
section.textAnalysis figure figcaption {flex:1;
|
||||
;}
|
||||
|
||||
/* Fulltext color codings */
|
||||
span.beast {color:blue;}
|
||||
#beast-legend {color:blue;}
|
||||
span.person {color:orange;}
|
||||
#person-legend {color:orange;}
|
||||
span.location {color:purple;}
|
||||
#location-legend {color:purple;}
|
||||
span.pos {color:green;}
|
||||
#positive-legend {color:green;}
|
||||
span.neg {color:red;}
|
||||
#negative-legend {color:red;}
|
||||
span.foot {color:gray;}
|
||||
|
||||
/* Exceptions for Poem titles */
|
||||
#fulltext > h2 > a > span {color: #000000;}
|
||||
@ -2,6 +2,8 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Politics-Conspiracies-Project</title>
|
||||
|
||||
<link href="CSSstyle.css" rel="stylesheet type="text/>"
|
||||
</head>
|
||||
<body>
|
||||
<<<<<<< HEAD:docs/StartPage.html
|
||||
|
||||
Loading…
Reference in New Issue
Block a user