wallabag/tpl/css/style.css

210 lines
2.8 KiB
CSS
Raw Normal View History

2013-04-09 13:18:39 +00:00
/*** GENERAL ***/
2013-04-03 13:14:01 +00:00
body {
font: 20px/1.3em Palatino,Georgia,serif;
2013-04-08 07:44:45 +00:00
margin: 10px;
}
2013-04-03 13:14:01 +00:00
header {
text-align: center;
}
.bouton {
border-radius: 2px;
}
2013-04-03 13:14:01 +00:00
#main ul#links {
padding: 0;
list-style-type: none;
text-align: center;
}
#main ul#links li {
display: inline;
2013-04-08 07:44:45 +00:00
}
#main ul#links li a.current {
-webkit-border-radius: 2px;
border-radius: 2px;
}
#main ul#sort {
padding: 0;
list-style-type: none;
text-align: center;
}
#main ul#sort li {
display: inline;
font-size: 0.9em;
}
#main ul#sort img:hover {
cursor: pointer;
}
2013-04-09 13:18:39 +00:00
#main, #article {
margin: 0 auto;
}
#links a, .backhome a, .support a{
2013-04-08 07:44:45 +00:00
text-decoration: none;
padding: 5px 10px;
}
#links a:hover, .backhome a:hover, .support a:hover{
2013-04-08 07:44:45 +00:00
-webkit-border-radius: 2px;
border-radius: 2px;
2013-04-03 13:14:01 +00:00
}
.support {
font-size: 14px;
}
footer {
text-align: right;
2013-04-09 13:18:39 +00:00
}
/*** ***/
/*** LINKS DISPLAY ***/
#main a.tool {
text-decoration: none;
cursor: pointer;
}
2013-04-15 12:09:58 +00:00
input[type=submit].delete {
width : 16px;
height :16px;
border : none;
cursor: pointer;
font-size : 0;
}
#main #content {
margin-top: 20px;
}
#main .entrie {
2013-04-08 07:44:45 +00:00
padding: 15px;
min-height: 8em;
2013-04-16 13:34:43 +00:00
border: 1px solid;
}
2013-04-16 13:43:05 +00:00
#main .entrie h2 a {
text-decoration: none;
}
2013-04-15 12:09:58 +00:00
.tools {
text-align: right;
2013-04-15 12:09:58 +00:00
}
.tools ul {
padding: 0; margin: 0;
list-style-type: none;
}
.tools ul li {
line-height: 20px;
}
.tools a.tool {
cursor: pointer;
}
#article .tools {
2013-04-15 12:09:58 +00:00
position: relative;
display: inline;
2013-04-15 12:09:58 +00:00
top: 0px;
right: 0px;
width: 100%;
text-align: left;
}
#article .tools ul li{
2013-04-15 12:09:58 +00:00
display: inline;
}
#main .entrie .tools a.tool span, #article .tools a.tool span {
2013-04-09 13:18:39 +00:00
display: inline-block;
width: 16px;
height: 16px;
}
2013-08-02 11:51:22 +00:00
#main .entrie .url {
font-size: 13px;
}
2013-04-09 13:18:39 +00:00
/*** ***/
/*** ARTICLE PAGE ***/
body.article {
font: 20px/1.3em Palatino,Georgia,serif;
}
#article header {
text-align: left;
}
#article header a {
2013-04-03 13:14:01 +00:00
text-decoration: none;
}
2013-04-09 13:18:39 +00:00
.vieworiginal a {
text-decoration: none;
}
.backhome {
display: inline;
}
/*** ***/
2013-04-16 13:34:43 +00:00
#main
{
max-width: 60em; /* 960 px */
margin: 0 auto;
}
2013-04-16 13:34:43 +00:00
#content
{
width: 103.125%; /* 990px */
overflow: hidden;
margin-left: -1.562%; /* 15px */
margin-bottom: -1.875em; /* 30px */
}
.entrie
{
width: 30.303%; /* 300px */
background-color: #fff;
float: left;
margin: 0 1.515% 1.875em; /* 15px 30px */
}
@media only screen and ( max-width: 40em ) /* 640px */
{
.entrie
{
width: 46.876%; /* 305px */
margin-bottom: 0.938em; /* 15px */
}
}
2013-04-16 13:34:43 +00:00
@media only screen and ( max-width: 20em ) /* 320px */
{
#content
{
width: 100%;
margin-left: 0;
}
2013-04-16 13:34:43 +00:00
.entrie
{
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
2013-08-03 06:25:11 +00:00
.messages {
}