瀏覽代碼

Add helper CSS classes for floating images in article

Talha Mansoor 11 年之前
父節點
當前提交
fba05a05b2
共有 1 個文件被更改,包括 24 次插入0 次删除
  1. 24 0
      static/css/elegant.css

+ 24 - 0
static/css/elegant.css

@@ -598,8 +598,32 @@ ul.list-all-articles li time {
     padding: 2px 4px;
     white-space: nowrap;
 }
+/* Helper CSS classes */
 .amp {
     font-family: 'Warnock Pro', 'Goudy Old Style', 'Palatino', 'Book Antiqua', Serif;
     font-style: italic;
 }
+/* Use following classes to add floating images to your post */
+div .float-image {
+    margin: 1.5em;
+    text-align: center;
+}
+div .float-image img {
+    width: 100%;
+}
+div .float-image p {
+    color: gray;
+    font-size: .6em;
+    margin: 0;
+}
+div .float-image p a {
+    border: none;
+    color: gray;
+}
+div .float-right {
+    float: right;
+}
+div .float-left {
+    float: left;
+}