From 4f5b44bd3bd490309eb2ba7b44df4769816ba729 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Sat, 3 Aug 2013 19:26:54 +0200 Subject: twig implementation --- tpl/css/style.css | 210 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 210 insertions(+) create mode 100644 tpl/css/style.css (limited to 'tpl/css/style.css') diff --git a/tpl/css/style.css b/tpl/css/style.css new file mode 100644 index 00000000..69e37497 --- /dev/null +++ b/tpl/css/style.css @@ -0,0 +1,210 @@ +/*** GENERAL ***/ +body { + font: 20px/1.3em Palatino,Georgia,serif; + margin: 10px; +} + +header { + text-align: center; +} + +.bouton { + border-radius: 2px; +} + +#main ul#links { + padding: 0; + list-style-type: none; + text-align: center; +} + +#main ul#links li { + display: inline; +} + +#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; +} + +#main, #article { + margin: 0 auto; +} + +#links a, .backhome a, .support a{ + text-decoration: none; + padding: 5px 10px; +} +#links a:hover, .backhome a:hover, .support a:hover{ + -webkit-border-radius: 2px; + border-radius: 2px; +} + +.support { + font-size: 14px; +} + +footer { + text-align: right; +} + +/*** ***/ +/*** LINKS DISPLAY ***/ + +#main a.tool { + text-decoration: none; + cursor: pointer; +} + +input[type=submit].delete { + width : 16px; + height :16px; + border : none; + cursor: pointer; + font-size : 0; +} + +#main #content { + margin-top: 20px; +} + +#main .entrie { + padding: 15px; + min-height: 8em; + border: 1px solid; +} + +#main .entrie h2 a { + text-decoration: none; +} + +.tools { + text-align: right; +} + +.tools ul { + padding: 0; margin: 0; + list-style-type: none; +} + +.tools ul li { + line-height: 20px; +} + +.tools a.tool { + cursor: pointer; +} + +#article .tools { + position: relative; + display: inline; + top: 0px; + right: 0px; + width: 100%; + text-align: left; +} + +#article .tools ul li{ + display: inline; +} + +#main .entrie .tools a.tool span, #article .tools a.tool span { + display: inline-block; + width: 16px; + height: 16px; +} + +#main .entrie .url { + font-size: 13px; +} + + +/*** ***/ +/*** ARTICLE PAGE ***/ + +body.article { + font: 20px/1.3em Palatino,Georgia,serif; +} + +#article header { + text-align: left; +} + +#article header a { + text-decoration: none; +} + +.vieworiginal a { + text-decoration: none; +} + +.backhome { + display: inline; +} + +/*** ***/ + +#main +{ + max-width: 60em; /* 960 px */ + margin: 0 auto; +} +#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 */ + } +} + +@media only screen and ( max-width: 20em ) /* 320px */ +{ + #content + { + width: 100%; + margin-left: 0; + } + + .entrie + { + width: 100%; + margin-left: 0; + margin-right: 0; + } +} + +.messages { + +} \ No newline at end of file -- cgit v1.2.3 From 3ba5f81b7bc99d7ff954aa5b76aca93c9e157e67 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Sun, 4 Aug 2013 18:07:41 +0200 Subject: twig implementation --- tpl/css/style.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'tpl/css/style.css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 69e37497..d856a354 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -203,8 +203,4 @@ body.article { margin-left: 0; margin-right: 0; } -} - -.messages { - } \ No newline at end of file -- cgit v1.2.3 From 2a1791a4b1c319fc5bbc286d0bc94827fe1feec9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Sun, 4 Aug 2013 22:51:12 +0200 Subject: view of an article --- tpl/css/style.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'tpl/css/style.css') diff --git a/tpl/css/style.css b/tpl/css/style.css index d856a354..6b9f6aca 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -8,6 +8,10 @@ header { text-align: center; } +header h1 { + font-size: 1.3em; +} + .bouton { border-radius: 2px; } @@ -16,6 +20,7 @@ header { padding: 0; list-style-type: none; text-align: center; + font-size: 0.9em; } #main ul#links li { -- cgit v1.2.3 From 55821e04c188997d258645975220828e195d0df4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Mon, 5 Aug 2013 15:54:37 +0200 Subject: share email +twitter / class messages --- tpl/css/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'tpl/css/style.css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 6b9f6aca..333a0b77 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -47,6 +47,10 @@ header h1 { cursor: pointer; } +ul#messages { + +} + #main, #article { margin: 0 auto; } @@ -99,6 +103,7 @@ input[type=submit].delete { } .tools { + float: right; text-align: right; } @@ -121,7 +126,6 @@ input[type=submit].delete { top: 0px; right: 0px; width: 100%; - text-align: left; } #article .tools ul li{ -- cgit v1.2.3 From 6a361945eaf86a978b82bd6fb3442fe64428d9df Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Mon, 5 Aug 2013 21:56:32 +0200 Subject: new design, pagination & more --- tpl/css/style.css | 215 +++++++++++++++++++++++++++++++----------------------- 1 file changed, 124 insertions(+), 91 deletions(-) (limited to 'tpl/css/style.css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 333a0b77..8808b7ed 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -1,6 +1,6 @@ -/*** GENERAL ***/ body { - font: 20px/1.3em Palatino,Georgia,serif; + font-size: 16px; + font-family: 'Roboto', sans-serif; margin: 10px; } @@ -16,6 +16,10 @@ header h1 { border-radius: 2px; } +#main { + margin: 0 auto; +} + #main ul#links { padding: 0; list-style-type: none; @@ -36,6 +40,7 @@ header h1 { padding: 0; list-style-type: none; text-align: center; + opacity: 0.5; } #main ul#sort li { @@ -47,31 +52,16 @@ header h1 { cursor: pointer; } -ul#messages { - -} -#main, #article { - margin: 0 auto; -} - -#links a, .backhome a, .support a{ +#links a{ text-decoration: none; padding: 5px 10px; } -#links a:hover, .backhome a:hover, .support a:hover{ +#links a:hover{ -webkit-border-radius: 2px; border-radius: 2px; } -.support { - font-size: 14px; -} - -footer { - text-align: right; -} - /*** ***/ /*** LINKS DISPLAY ***/ @@ -80,33 +70,41 @@ footer { cursor: pointer; } -input[type=submit].delete { - width : 16px; - height :16px; - border : none; - cursor: pointer; - font-size : 0; -} - #main #content { margin-top: 20px; } -#main .entrie { - padding: 15px; - min-height: 8em; - border: 1px solid; +#main #content h2 { + font-size: 1.3em; + text-decoration: none; +} + +#main #content .entrie { + border-bottom: 1px solid #222222; } #main .entrie h2 a { text-decoration: none; } +#main .entrie ul.tools { + list-style-type: none; +} + +#main .entrie ul.tools li { + /*display: inline;*/ +} + .tools { float: right; text-align: right; + opacity: 0.5; } +.tools p { + font-size: 0.8em;} + +/* .tools ul { padding: 0; margin: 0; list-style-type: none; @@ -118,19 +116,7 @@ input[type=submit].delete { .tools a.tool { cursor: pointer; -} - -#article .tools { - position: relative; - display: inline; - top: 0px; - right: 0px; - width: 100%; -} - -#article .tools ul li{ - display: inline; -} +}*/ #main .entrie .tools a.tool span, #article .tools a.tool span { display: inline-block; @@ -146,10 +132,9 @@ input[type=submit].delete { /*** ***/ /*** ARTICLE PAGE ***/ -body.article { - font: 20px/1.3em Palatino,Georgia,serif; +#article { + margin: 0 auto; } - #article header { text-align: left; } @@ -158,58 +143,106 @@ body.article { text-decoration: none; } -.vieworiginal a { +.vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited { text-decoration: none; + color: #888888; } .backhome { display: inline; } +#article .tools { + position: relative; + display: inline; + top: 0px; + right: 0px; + width: 100%; +} + +#article .tools ul li{ + display: inline; +} + + +/*** GENERAL ***/ +body { + color: #000; +} + +a, a:hover, a:visited { + color: #000; +} + +.bouton { + background-color: #000; + color: #fff; + border: none; +} +.bouton:hover { + background-color: #222222; + color: #F1F1F1; +} + +#main ul#links li a.current { + background-color: #000; + color: #fff; +} + +#links a:hover{ + background-color: #040707; + color: #F1F1F1; +} + + /*** ***/ +/*** ARTICLE PAGE ***/ -#main -{ - max-width: 60em; /* 960 px */ - margin: 0 auto; +#article header, #article article { + border-bottom: 1px solid #222222; } -#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 */ - } -} - -@media only screen and ( max-width: 20em ) /* 320px */ -{ - #content - { - width: 100%; - margin-left: 0; - } - - .entrie - { - width: 100%; - margin-left: 0; - margin-right: 0; - } + + +/* Pagination */ +.pagination { + clear: both; + padding-bottom: 20px; + padding-top: 10px; + text-align: right; +} +.pagination a { + border: 1px solid #D5D5D5; + color: #333; + font-size: 11px; + font-weight: bold; + height: 25px; + padding: 4px 8px; + text-decoration: none; + margin:2px; +} +.pagination a:hover, .pagination a:active { + background:#efefef; +} +.pagination span.current { + background-color: #ccc; + border: 1px solid #D5D5D5; + color: #000; + font-size: 11px; + font-weight: bold; + height: 25px; + padding: 4px 8px; + text-decoration: none; + margin:2px; +} +.pagination span.disabled { + border: 1px solid #EEEEEE; + color: #DDDDDD; + margin:2px; + padding: 4px 8px; + font-size: 11px; + font-weight: bold; +} + +footer { + clear: both; } \ No newline at end of file -- cgit v1.2.3 From 7ce7ec4c942e0a3567858ad0ec8e654000b49a3f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Tue, 6 Aug 2013 14:18:03 +0200 Subject: prepare to multi users --- tpl/css/style.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'tpl/css/style.css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 8808b7ed..d23c1896 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -80,11 +80,7 @@ header h1 { } #main #content .entrie { - border-bottom: 1px solid #222222; -} - -#main .entrie h2 a { - text-decoration: none; + border-bottom: 1px dashed #222222; } #main .entrie ul.tools { -- cgit v1.2.3