+/*** GENERAL ***/
body {
- color: #222222;
font: 20px/1.3em Palatino,Georgia,serif;
- background-color: #F1F1F1;
margin: 10px;
}
-body.article {
- color: #222222;
- font: 20px/1.3em Palatino,Georgia,serif;
- background-color: #F1F1F1;
-}
-a, a:hover, a:visited {
- color: #000;
-}
header {
text-align: center;
}
-#article header {
- text-align: left;
- border-bottom: 1px solid #222222;
-}
-
-#article header a {
- text-decoration: none;
+#main ul#links {
+ padding: 0;
+ list-style-type: none;
+ text-align: center;
}
-#article header .vieworiginal a {
- color: #888888;
+#main ul#links li {
+ display: inline;
}
-#main, #article {
- margin: 0 auto;
+#main ul#links li a.current {
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
}
-#main ul#links {
+#main ul#sort {
padding: 0;
list-style-type: none;
text-align: center;
}
-#main ul#links li {
+#main ul#sort li {
display: inline;
+ font-size: 0.9em;
+}
+
+#main ul#sort img:hover {
+ cursor: pointer;
}
-#links a, #backhome a{
+
+#main, #article {
+ margin: 0 auto;
+}
+
+#links a, .backhome a{
text-decoration: none;
padding: 5px 10px;
}
-#links a:hover, #backhome a{
+#links a:hover, .backhome a:hover{
-webkit-border-radius: 2px;
border-radius: 2px;
- background-color: #040707;
- color: #F1F1F1;
}
-#main #entries {
+footer {
+ text-align: right;
+}
+
+/*** ***/
+/*** LOGIN FORM ***/
+ul#login li {
+ list-style-type: none;
+}
+/*** ***/
+/*** 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 #entries .entrie {
- color: rgb(46, 46, 46);
- position:relative;
- background-color: #ffffff;
+#main .entrie {
padding: 15px;
- min-height: 6em;
- -webkit-border-radius: 2px;
- border-radius: 2px;
- -webkit-box-shadow: 0px 0px 2px -1px #000;
- box-shadow: 0px 0px 2px -1px #000;
+ min-height: 8em;
+ border: 1px solid;
}
-#main #entries .entrie h2 a {
+#main .entrie h2 a {
text-decoration: none;
}
-#main #entries .entrie h2 a:hover {
- color: #F5BE00;
+.tools {
+ text-align: right;
}
-#main #entries .entrie .tools {
- position:absolute;
- bottom: 0;
+.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: right;
- margin-left: -20px;
+ text-align: left;
}
-#main a.tool {
+#article.tools ul li{
+ display: inline;
+}
+
+#main .entrie .tools a.tool span, #article .tools a.tool span {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+}
+
+
+/*** ***/
+/*** ARTICLE PAGE ***/
+
+body.article {
+ font: 20px/1.3em Palatino,Georgia,serif;
+}
+
+#article header {
+ text-align: left;
+}
+
+#article header a {
text-decoration: none;
}
-footer {
- text-align: center;
-}
\ No newline at end of file
+.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;
+ }
+}
+
+