Home Esplora Aiuto
Registrati Accedi
adelq
/
astroid-web
mirror da https://github.com/adelq/astroid-web.git
1
0
Forka 0
File Problemi 0 Wiki
Sfoglia il codice sorgente

Move custom styles to separate style.css file

Adel Qalieh 13 anni fa
parent
6ab53379a7
commit
31bbb2ffe2
2 ha cambiato i file con 95 aggiunte e 96 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 1 96
      index.html
  2. 94 0
      style.css

+ 1 - 96
index.html
Vedi File 

@@ -5,102 +5,7 @@
 
 	<title>Astroid</title>
 
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0-rc2/css/bootstrap.css">
 
-	<style>
 
-		body {
 
-			padding-top: 60px;
 
-			/* background-color: #eee; */
 
-		}
 
-		.form-group {
 
-			display: block !important;
 
-		}
 
-		.list-group-item {
 
-			padding: 5px 10px 5px 10px;
 
-		}
 
-		.nav .btn {
 
-			color: #fff;
 
-			background-color: #474949;
 
-			border-color: #323333;
 
-		}
 
-		.nav .btn-default:hover, .nav .btn-default:focus, .nav .btn-default:active, .nav .btn-default.active {
 
-			background-color: #3a3c3c;
 
-			border-color: #2e2f2f;
 
-		}
 
-		#signin {
 
-			width: 100%;
 
-		}
 
-		#filters hr {
 
-			margin-top: 15px;
 
-			margin-bottom: 5px;
 
-		}
 
-		#addTaskInput {
 
-			width: 100%;
 
-		}
 
-		#addTaskInput input {
 
-			width: 75%;
 
-		}
 
-		#addTaskInput button {
 
-			width: 24%;
 
-		}
 
-		.tasksHeading {
 
-			padding-bottom: 10px;
 
-		}
 
-		.taskList {
 
-			padding-top: 10px;
 
-		}
 
-		.taskListItem {
 
-			padding: 8px 0 8px 5px;
 
-			border-bottom: 1px solid #d3d7cf;
 
-		}
 
-		.completeBox {
 
-			height: 28px;
 
-			width: 28px;
 
-			position: absolute;
 
-			margin-top: 5px;
 
-			border: 3px solid #00a5e6;
 
-			-moz-border-radius: 25%;
 
-			border-radius: 25%;
 
-		}
 
-		.taskRowTop {
 
-			padding-left: 45px;
 
-			cursor: pointer;
 
-		}
 
-		.taskRowBottom {
 
-			padding: 1px 0px 1px 45px;
 
-		}
 
-		@media (max-width: 768px) {
 
-			#filters hr {
 
-				margin-top: 2px;
 
-				margin-bottom: 10px;
 
-			}
 
-			#signin {
 
-				width: 90%;
 
-			}
 
-			#addTaskInput input {
 
-				width: 100%;
 
-				margin-bottom: 15px;
 
-			}
 
-			#addTaskInput button {
 
-				width: 100%;
 
-			}
 
-			.navbar-brand {
 
-				display: block;
 
-				float: none;
 
-				padding: 15px;
 
-				max-width: 200px;
 
-				margin: 0 auto;
 
-				text-align: center;
 
-			}
 
-		}
 
-		@media (max-width: 480px) {
 
-			#filters {
 
-				display: none;
 
-			}
 
-			.tasksHeading {
 
-				text-align: center;
 
-				margin-top: 5px;
 
-			}
 
-		}
 
-	</style>
 
+	<link rel="stylesheet" href="style.css">
 
 </head>
 
 <body>
 
 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">

+ 94 - 0
style.css
Vedi File 

@@ -0,0 +1,94 @@
 
+body {
 
+	padding-top: 60px;
 
+	/* background-color: #eee; */
 
+}
 
+.form-group {
 
+	display: block !important;
 
+}
 
+.list-group-item {
 
+	padding: 5px 10px 5px 10px;
 
+}
 
+.nav .btn {
 
+	color: #fff;
 
+	background-color: #474949;
 
+	border-color: #323333;
 
+}
 
+.nav .btn-default:hover, .nav .btn-default:focus, .nav .btn-default:active, .nav .btn-default.active {
 
+	background-color: #3a3c3c;
 
+	border-color: #2e2f2f;
 
+}
 
+#signin {
 
+	width: 100%;
 
+}
 
+#filters hr {
 
+	margin-top: 15px;
 
+	margin-bottom: 5px;
 
+}
 
+#addTaskInput {
 
+	width: 100%;
 
+}
 
+#addTaskInput input {
 
+	width: 75%;
 
+}
 
+#addTaskInput button {
 
+	width: 24%;
 
+}
 
+.tasksHeading {
 
+	padding-bottom: 10px;
 
+}
 
+.taskList {
 
+	padding-top: 10px;
 
+}
 
+.taskListItem {
 
+	padding: 8px 0 8px 5px;
 
+	border-bottom: 1px solid #d3d7cf;
 
+}
 
+.completeBox {
 
+	height: 28px;
 
+	width: 28px;
 
+	position: absolute;
 
+	margin-top: 5px;
 
+	border: 3px solid #00a5e6;
 
+	-moz-border-radius: 25%;
 
+	border-radius: 25%;
 
+}
 
+.taskRowTop {
 
+	padding-left: 45px;
 
+	cursor: pointer;
 
+}
 
+.taskRowBottom {
 
+	padding: 1px 0 1px 45px;
 
+}
 
+@media (max-width: 768px) {
 
+	#filters hr {
 
+		margin-top: 2px;
 
+		margin-bottom: 10px;
 
+	}
 
+	#signin {
 
+		width: 90%;
 
+	}
 
+	#addTaskInput input {
 
+		width: 100%;
 
+		margin-bottom: 15px;
 
+	}
 
+	#addTaskInput button {
 
+		width: 100%;
 
+	}
 
+	.navbar-brand {
 
+		display: block;
 
+		float: none;
 
+		padding: 15px;
 
+		max-width: 200px;
 
+		margin: 0 auto;
 
+		text-align: center;
 
+	}
 
+}
 
+@media (max-width: 480px) {
 
+	#filters {
 
+		display: none;
 
+	}
 
+	.tasksHeading {
 
+		text-align: center;
 
+		margin-top: 5px;
 
+	}
 
+}