Enhace CSS.

portnov [2008-06-14 13:58:43]
Enhace CSS.
Filename
media/css/main.css
media/js/markitup/skins/markitup/style.css
templates/comments.html
diff --git a/media/css/main.css b/media/css/main.css
index aae2231..a97bba0 100644
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -18,6 +18,13 @@ a:hover {
   color: #0b0;
 }

+blockquote {
+  border: 1px #ddd solid;
+  border-left: 3px #888 double;
+  padding: 1ex;
+  margin-left: 1em;
+}
+
 table {
   width: 100%;
 }
@@ -47,6 +54,10 @@ table.form td {
   border: none;
 }

+table.form td input {
+  width: 100%;
+}
+
 form {
   padding: 1ex;
   border: 1px #eee solid;
@@ -59,16 +70,21 @@ form p {
 }

 pre {
-  border: 1px #888 solid;
+  border: 1px #ddd solid;
+  border-left: 3px #888 double;
   background: #fafafa;
   overflow: hidden;
-  padding: 0.5ex;
+  padding: 1ex;
 }

 input,textarea,select {
   border: 1px #888 solid;
 }

+input:focus {
+  border: 1px blue solid;
+}
+
 textarea {
   width: 100%;
 }
@@ -160,15 +176,15 @@ ul.errorlist {
 }

 .comment {
-  border-top: 1px #888 solid;
+  border: 1px #888 solid;
   margin-bottom: 1em;
+  padding: 1ex;
 }

 p.comment-title {
-  border-bottom: 1px #888 solid;
-  background: #eee;
   margin-top: 0;
-  padding-left: 1em;
+  font-weight: bold;
+  border-bottom: 1px #888 solid;
 }

 p.date {
diff --git a/media/js/markitup/skins/markitup/style.css b/media/js/markitup/skins/markitup/style.css
index 42e59a3..3745bf3 100644
--- a/media/js/markitup/skins/markitup/style.css
+++ b/media/js/markitup/skins/markitup/style.css
@@ -16,7 +16,7 @@
 	border:5px solid #F5F5F5;
 }
 .markItUpContainer  {
-	border:1px solid #3C769D;
+/*	border:1px solid #3C769D;	*/
 	background:#FFF url(images/bg-container.png) repeat-x top left;
 	padding:5px 5px 2px 5px;
 	font:11px Verdana, Arial, Helvetica, sans-serif;
@@ -26,12 +26,11 @@
   font-family: monospace;
   font-size: medium;
 	padding:5px 5px 5px 35px;
-	border:3px solid #3C769D;
-	height:320px;
+	border: 1px solid #3C769D;
+	height: 200px;
 	background-image:url(images/bg-editor.png);
 	background-repeat:no-repeat;
 	clear:both; display:block;
-	line-height:18px;
 	overflow:auto;
 }
 .markItUpPreviewFrame	{
@@ -39,7 +38,7 @@
 	background-color:#FFFFFF;
 	border:1px solid #3C769D;
 /*	width:99.9%;*/
-	height:300px;
+	height: 200px;
 	margin:5px 0;
 }
 .markItUpFooter {
diff --git a/templates/comments.html b/templates/comments.html
index 09fa148..43ffa29 100644
--- a/templates/comments.html
+++ b/templates/comments.html
@@ -5,7 +5,8 @@
     {% for comment in comments %}
       <div class='comment'>
         <p class='comment-title'>
-          <a name='comment-{{comment.id}}'>{{ comment.title }} от {{ comment.author }}, {{ comment.created }}</a>
+          <a name='comment-{{comment.id}}'>#</a>
+          {{comment.title}} от <a href='{% url mgmt.views.user_page comment.author %}'>{{comment.author}}</a>, {{comment.created}}
         </p>
         <p>{{ comment.text|markdown|safe }}</p>
       </div>
ViewGit