photo rotation

[friendica.git] / view / theme / duepuntozero / style.css

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
old mode 100755 (executable)
new mode 100644 (file)
index 10ddb00..fca935d
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -134,7 +134,8 @@ nav #banner #logo-text a:hover { text-decoration: none; }
     height: 15px;
        margin-top: 67px;
        margin-right: 2px;
-       padding: 6px 10px;
+       //padding: 6px 10px;
+       padding: 6px 3px;
        float: left;
        bottom: 140px;
        border: 1px solid #babdb6;
@@ -194,6 +195,16 @@ aside {
        font-weight: bold;
        background: #3465a4 url('friendika-16.png') no-repeat 95% center;
 }
+#wallmessage-link {
+       display: block;
+       color: #FFFFFF;
+       -webkit-border-radius: 5px ;
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+       padding: 5px;
+       font-weight: bold;
+       background-color: #3465a4;
+}
 
 /* section */
 section {
@@ -222,10 +233,12 @@ section {
        display:block;
        float:left;
        padding: 0.4em;
-       margin-right: 1em;
+       //margin-right: 1em;
+       margin-right: 3px ;
 }
 .tab.active {
        font-weight: bold;
+       
 }
 
 
@@ -249,6 +262,10 @@ div.wall-item-content-wrapper.shiny {
        background: #FFFFC8;
 }
 
+#theme-preview {
+       margin: 15px 0 15px 150px;
+}
+
 /* from default */
 #jot-perms-icon, 
 #profile-location,
@@ -271,8 +288,7 @@ div.wall-item-content-wrapper.shiny {
        float: left;
 }
 
-
-#jot-title {
+#jot-title, #jot-category {
        border: 0px;
        margin: 0px;
        height: 20px;
@@ -283,11 +299,15 @@ div.wall-item-content-wrapper.shiny {
 }
 
 #jot-title::-webkit-input-placeholder{font-weight: normal;}
+#jot-category::-webkit-input-placeholder{font-weight: normal;}
 #jot-title:-moz-placeholder{font-weight: normal;}
+#jot-category:-moz-placeholder{font-weight: normal;}
                
        
 #jot-title:hover,
-#jot-title:focus {
+#jot-title:focus,
+#jot-category:hover,
+#jot-category:focus {
        border: 1px solid #cccccc; 
 }
 
@@ -309,7 +329,7 @@ div.wall-item-content-wrapper.shiny {
        margin-bottom: 10px;
 }
 
-.group-selected, .nets-selected, .fileas-selected {
+.group-selected, .nets-selected, .fileas-selected, .categories-selected {
        padding: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;     
@@ -1071,6 +1091,11 @@ input#dfrn-url {
        overflow: auto;
 }
 
+.wall-item-content img {
+  max-width: 700px;
+}
+
+
 .wall-item-title {
        float: left;
        font-weight: bold;
@@ -1551,7 +1576,7 @@ input#dfrn-url {
 .contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
 
 
-#block-message, #ignore-message {
+#block-message, #ignore-message, #archive-message {
        color: #FF0000;
 }
 
@@ -1868,11 +1893,11 @@ a.mail-list-link {
        margin-top: 10px;
 }
 
-.nets-ul, .fileas-ul {
+.nets-ul, .fileas-ul, .categories-ul {
        list-style-type: none;
 }
 
-.nets-ul li, .fileas-ul li {
+.nets-ul li, .fileas-ul li, .categories-ul li {
        margin-top: 10px;
 }
 
@@ -1883,11 +1908,11 @@ a.mail-list-link {
        margin-left: 42px;
 }
 
-.fileas-link {
+.fileas-link, .categories-link {
        margin-left: 24px;
 }
 
-.fileas-all {
+.fileas-all, .categories-all {
        margin-left: 0px;
 }
 
@@ -1938,23 +1963,29 @@ aside input[type='text'] {
 }
 
 
-.photos {
+/*.photos {
        height: auto;
        overflow: auto;
+}*/
+
+.photos-end {
+       clear: both;
+       margin-bottom: 25px;
 }
 
 .photo-album-image-wrapper {
        float: left;
        margin-top: 15px;
        margin-right: 15px;
-       width: 200px; height: 200px; 
+       margin-left: 15px;
+/*     width: 200px; height: 200px; 
        overflow: hidden; 
-       position: relative;
+       position: relative; */
 }
 .photo-album-image-wrapper .caption {
        display: none; 
        width: 100%;
-       position: absolute; 
+/*     position: absolute; */
        bottom: 0px; 
        padding: 0.5em 0.5em 0px 0.5em;
        background-color: rgba(245, 245, 255, 0.8);
@@ -1967,20 +1998,23 @@ aside input[type='text'] {
 
 #photo-album-end {
        clear: both;
+       margin-bottom: 25px;
 }
 
 .photo-top-image-wrapper {
-       position: relative;
+/*     position: relative; */
        float: left;
        margin-top: 15px;
        margin-right: 15px;
-       width: 200px; height: 200px; 
-       overflow: hidden; 
+       margin-left: 15px;
+       margin-bottom: 15px;
+/*     width: 200px; height: 200px; 
+       overflow: hidden; */
 }
 .photo-top-album-name {
        width: 100%;
        min-height: 2em;
-       position: absolute; 
+/*     position: absolute;  */
        bottom: 0px; 
        padding: 0px 3px;
        padding-top: 0.5em;
@@ -2084,7 +2118,7 @@ aside input[type='text'] {
        margin-bottom: 15px;
 }
 
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label {
        float: left;
        width: 150px;
 }
@@ -2093,7 +2127,7 @@ aside input[type='text'] {
        margin-bottom: 15px;
 }
 
-#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
+#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate {
        float: left;
        margin-bottom: 25px;
 }
@@ -2104,10 +2138,14 @@ aside input[type='text'] {
        margin-bottom: 25px;
 }
 
-#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
+#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
        clear: both;
 }
 
+#photo-edit-rotate-end {
+       margin-bottom: 15px;
+}
+
 #photo-edit-delete-button {
        margin-left: 200px;
 }
@@ -2615,12 +2653,12 @@ aside input[type='text'] {
        margin-top: 10px;
 }
 
-.body-tag {
+.body-tag, .filesavetags, .categorytags {
        opacity: 0.5;
        filter:alpha(opacity=50);
 }
 
-.body-tag:hover {
+.body-tag:hover, .filesavetags:hover, .categorytags:hover {
        opacity: 1.0 !important;
        filter:alpha(opacity=100) !important;
 }
@@ -2920,6 +2958,79 @@ aside input[type='text'] {
 }
 
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
+[class^="comment-edit-bb"] {
+       list-style: none;
+       display: none;
+       margin: 0px 0 -5px 60px;
+       width: 75%;
+}
+[class^="comment-edit-bb"] > li {
+       display: inline-block;
+       margin: 10px 10px 0 0;
+       visibility: none;
+}
+[class^="comment-edit-bb-end"] {
+       clear: both;
+}
+.editicon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    background-image: url(bbedit.png);
+       background-color: #fff;
+    text-decoration: none;
+}
+.editicon:hover {
+       background-color: #ccc;
+}
+.boldbb {
+       background-position: 0px 0px;
+}
+.boldbb:hover {
+       background-position: 0px -16px;
+}
+.italicbb {
+       background-position: -16px 0px;
+}
+.italicbb:hover {
+       background-position: -16px -16px;
+}
+.underlinebb {
+       background-position: -32px 0px;
+}
+.underlinebb:hover {
+       background-position: -32px -16px;
+}
+.quotebb {
+       background-position: -48px 0px;
+}
+.quotebb:hover {
+       background-position: -48px -16px;
+}
+.codebb {
+       background-position: -64px 0px;
+}
+.codebb:hover {
+       background-position: -64px -16px;
+}
+.imagebb {
+       background-position: -80px 0px;
+}
+.imagebb:hover {
+       background-position: -80px -16px;
+}
+.urlbb {
+       background-position: -96px 0px;
+}
+.urlbb:hover {
+       background-position: -96px -16px;
+}
+.videobb {
+       background-position: -112px 0px;
+}
+.videobb:hover {
+       background-position: -112px -16px;
+}
 
 .attachtype {
        display: block; width: 20px; height: 23px;
@@ -2970,15 +3081,28 @@ div.jGrowl div.info {
   color: #ffffff;
   padding-left: 58px;
 }
-
+#jGrowl.top-right {
+       top: 15px;
+       right: 15px;
+}
 .qcomment {
        border: 1px solid #EEE;
        padding: 3px;
+       margin-top: 15px;
+       margin-left: 25px;
+       width: 125px;
+       overflow-y: auto;
+}
+
+
+.qcomment option {
+       width: 125px;
+       overflow-x: hidden;
 }
 
 .qcomment {
-       opacity: 0;
-       filter:alpha(opacity=0);
+       opacity: 0.3;
+       filter:alpha(opacity=30);
 }
 .qcomment:hover {
        opacity: 1.0;
@@ -3054,3 +3178,18 @@ ul.menu-popup {
 .notify-seen {
        background: #DDDDDD;
 }
+
+#id_term_label {
+       width:75px;
+}
+#id_term {
+       width:100px;
+}
+
+#recip {
+       
+}
+.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
+.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
+.autocomplete .selected { background:#F0F0F0; }
+.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }