Create a separeted CSS file

This commit is contained in:
Benjamin Renard 2017-09-17 19:50:59 +02:00
parent edd395799a
commit dcf7b56163
3 changed files with 52 additions and 49 deletions

View file

@ -7,6 +7,8 @@ favicon.png
icon-196x196.png icon-196x196.png
icon-128x128.png icon-128x128.png
inc/main.css
inc/main.js inc/main.js
inc/mysc_objects.js inc/mysc_objects.js

43
public_html/inc/main.css Normal file
View file

@ -0,0 +1,43 @@
body{
margin-top: 4em;
}
div.panel-heading, li.list-group-item, a {
cursor: pointer;
}
.collapsing {
-webkit-transition: none;
transition: none;
display: none;
}
.count-tag {
display: inline-block;
width: 6em;
text-align: center;
}
.done {
font-style: italic;
color: #999;
text-decoration: line-through;
}
.center {
text-align: center;
}
.scase-name {
font-size: 1.5em;
}
.add_thing_label, #edit_thing_label {
width: 80%;
display: inline-block;
}
.add_thing_nb, #edit_thing_nb {
width: 18%;
display: inline-block;
}

View file

@ -11,57 +11,15 @@
<link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png"> <link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png"> <link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png">
<!-- Bootstrap --> <!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
<!-- Optional theme --> <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="inc/main.css">
</head> </head>
<style>
body{
margin-top: 4em;
}
div.panel-heading, li.list-group-item, a {
cursor: pointer;
}
.collapsing {
-webkit-transition: none;
transition: none;
display: none;
}
.count-tag {
display: inline-block;
width: 6em;
text-align: center;
}
.done {
font-style: italic;
color: #999;
text-decoration: line-through;
}
.center {
text-align: center;
}
.scase-name {
font-size: 1.5em;
}
.add_thing_label, #edit_thing_label {
width: 80%;
display: inline-block;
}
.add_thing_nb, #edit_thing_nb {
width: 18%;
display: inline-block;
}
</style>
<body> <body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">