Add 'how-to-make-a-notebook-that/style.css'

how-to-make-a-notebook-that/style.css

@@ -0,0 +1,206 @@
+@import url("main.css");
+
+
+body{
+	color:black;
+}
+
+#wrapper {
+	background-color:white;
+}
+
+/*header*/
+
+header{padding-bottom:2%;}
+
+header h1{float:none;}
+
+#homebttn{
+	background-color: inherit;
+	text-align:right;
+	color:black;
+	position:absolute;
+	top:0;
+	right:0;
+	margin-right:6%;
+	margin-top:15px;
+	padding:0.3% 0 0 0.3%;
+	font-size:0.6em;
+	z-index:44;
+}
+
+
+#project-title {
+	font-size:1.4em;
+	line-height:135%;
+	margin-bottom:1%;
+}
+
+#student-name {
+	margin-bottom:0;
+	font-weight:normal;
+	font-size:0.8em;
+}
+
+a#student-page{color:black;}
+
+#hleft-text{
+	overflow-y:auto;
+	overflow-x:hidden;
+	padding-right:1%;
+	box-sizing:border-box;
+	cursor:default;
+
+}
+
+#ihtp{
+	margin-top:3%;
+	width:80%;
+	color:black;
+}
+
+#about-student{
+	width:95%;
+	color:#2f2f2f;
+	font-size:1em;
+	font-style:italic;
+}
+
+object{
+	padding-bottom:7%;
+}
+
+hr{
+	width:50%;
+	color:#ccc;
+}
+
+.show{
+	font-size:1em;
+}
+
+#project-link{
+	color:black;
+}
+
+
+/*section*/
+
+section#main{
+	overflow:auto;
+	padding-left:1.5%;
+}
+
+#galleries{
+	padding-top:3%;
+}
+
+.gal-title{
+	font-size:0.8em;
+}
+
+#publist {
+	line-height:80%;
+}
+
+#galleries li, #galleries p{
+	color:black;
+	font-size:0.9em;;
+}
+
+.workimg{
+	max-width: 47%;
+  	height: auto;
+	padding: 0.5% 0.5% 0.5% 0;
+}
+
+@media all and (min-width: 600px) and (max-width: 720px){
+
+#galleries{
+	padding-top:1%;
+}
+
+#galleries li, #galleries p{
+	font-size:0.8em;
+}
+
+}
+
+@media all and (min-width: 720px) and (max-width: 992px){
+
+#galleries{
+	padding-top:1%;
+}
+
+#galleries li, #galleries p{
+	font-size:0.8em;;
+}
+
+}
+
+@media all and (max-width: 992px){
+
+/*header*/
+#sub{
+	width:30%;
+	padding-right:5%;
+	white-space:normal;
+}
+
+#student-name{
+	line-height:125%;
+}
+
+#ihtp, #about-student, #ihtp a{
+	color:white;
+}
+
+}
+
+@media all and (min-width: 992px){
+
+
+#homebttn{
+	margin-right:3%;
+	margin-top:0.7%;
+}
+
+/*header*/
+
+
+#student-name {
+	font-size:0.6em;
+}
+
+
+/*main*/
+section#main{
+	width:74%;
+	left:27%;
+
+
+}
+
+#galleries{
+	padding-left:1%;
+}
+
+#galleries li, #galleries p{
+	font-size:0.62em;
+}
+
+}
+
+@media all and (min-width: 1400px){
+
+#galleries li, #galleries p{
+	font-size:0.55em;
+}
+
+.gal-title{
+	font-size:0.73em;
+}
+
+
+}
+