From 4ac3be445ebb041a503bbd2999f5d08dbc9a8578 Mon Sep 17 00:00:00 2001
From: Nathan Kinkade <nath@nkinka.de>
Date: Sat, 23 Jul 2011 17:00:38 +0000
Subject: Added a new module for annotating photos.

---
 modules/photoannotation/css/colorpicker.css     | 161 ++++++++++++++
 modules/photoannotation/css/photoannotation.css | 267 ++++++++++++++++++++++++
 2 files changed, 428 insertions(+)
 create mode 100644 modules/photoannotation/css/colorpicker.css
 create mode 100644 modules/photoannotation/css/photoannotation.css

(limited to 'modules/photoannotation/css')

diff --git a/modules/photoannotation/css/colorpicker.css b/modules/photoannotation/css/colorpicker.css
new file mode 100644
index 00000000..05b02b48
--- /dev/null
+++ b/modules/photoannotation/css/colorpicker.css
@@ -0,0 +1,161 @@
+.colorpicker {
+	width: 356px;
+	height: 176px;
+	overflow: hidden;
+	position: absolute;
+	background: url(../images/colorpicker_background.png);
+	font-family: Arial, Helvetica, sans-serif;
+	display: none;
+}
+.colorpicker_color {
+	width: 150px;
+	height: 150px;
+	left: 14px;
+	top: 13px;
+	position: absolute;
+	background: #f00;
+	overflow: hidden;
+	cursor: crosshair;
+}
+.colorpicker_color div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 150px;
+	height: 150px;
+	background: url(../images/colorpicker_overlay.png);
+}
+.colorpicker_color div div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 11px;
+	height: 11px;
+	overflow: hidden;
+	background: url(../images/colorpicker_select.gif);
+	margin: -5px 0 0 -5px;
+}
+.colorpicker_hue {
+	position: absolute;
+	top: 13px;
+	left: 171px;
+	width: 35px;
+	height: 150px;
+	cursor: n-resize;
+}
+.colorpicker_hue div {
+	position: absolute;
+	width: 35px;
+	height: 9px;
+	overflow: hidden;
+	background: url(../images/colorpicker_indic.gif) left top;
+	margin: -4px 0 0 0;
+	left: 0px;
+}
+.colorpicker_new_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 213px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker_current_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 283px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker input {
+	background-color: transparent;
+	border: 1px solid transparent;
+	position: absolute;
+	font-size: 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #898989;
+	top: 4px;
+	right: 11px;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+	height: 11px;
+}
+.colorpicker_hex {
+	position: absolute;
+	width: 72px;
+	height: 22px;
+	background: url(../images/colorpicker_hex.png) top;
+	left: 212px;
+	top: 142px;
+}
+.colorpicker_hex input {
+	right: 6px;
+}
+.colorpicker_field {
+	height: 22px;
+	width: 62px;
+	background-position: top;
+	position: absolute;
+}
+.colorpicker_field span {
+	position: absolute;
+	width: 12px;
+	height: 22px;
+	overflow: hidden;
+	top: 0;
+	right: 0;
+	cursor: n-resize;
+}
+.colorpicker_rgb_r {
+	background-image: url(../images/colorpicker_rgb_r.png);
+	top: 52px;
+	left: 212px;
+}
+.colorpicker_rgb_g {
+	background-image: url(../images/colorpicker_rgb_g.png);
+	top: 82px;
+	left: 212px;
+}
+.colorpicker_rgb_b {
+	background-image: url(../images/colorpicker_rgb_b.png);
+	top: 112px;
+	left: 212px;
+}
+.colorpicker_hsb_h {
+	background-image: url(../images/colorpicker_hsb_h.png);
+	top: 52px;
+	left: 282px;
+}
+.colorpicker_hsb_s {
+	background-image: url(../images/colorpicker_hsb_s.png);
+	top: 82px;
+	left: 282px;
+}
+.colorpicker_hsb_b {
+	background-image: url(../images/colorpicker_hsb_b.png);
+	top: 112px;
+	left: 282px;
+}
+.colorpicker_submit {
+	position: absolute;
+	width: 22px;
+	height: 22px;
+	background: url(../images/colorpicker_submit.png) top;
+	left: 322px;
+	top: 142px;
+	overflow: hidden;
+}
+.colorpicker_focus {
+	background-position: center;
+}
+.colorpicker_hex.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_submit.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_slider {
+	background-position: bottom;
+}
diff --git a/modules/photoannotation/css/photoannotation.css b/modules/photoannotation/css/photoannotation.css
new file mode 100644
index 00000000..90d7026b
--- /dev/null
+++ b/modules/photoannotation/css/photoannotation.css
@@ -0,0 +1,267 @@
+.photoannotation-user-search {
+  border-bottom-style:solid;
+  border-bottom-width:1px;
+  padding: 0.8em 0.8em !important;
+}
+
+#g-user-cloud ul {
+  font-size: 1.2em;
+  text-align: justify;
+}
+
+#g-user-cloud ul li {
+  display: inline;
+  line-height: 1.5em;
+  text-align: justify;
+}
+
+#g-user-cloud ul li a {
+  text-decoration: none;
+}
+
+#g-user-cloud ul li span {
+  display: none;
+}
+
+#g-user-cloud ul li.size1 a {
+  color: #9cf;
+  font-size: 80%;
+  font-weight: 100;
+}
+
+#g-user-cloud ul li.size2 a {
+  color: #69f;
+  font-size: 90%;
+  font-weight: 300;
+}
+
+#g-user-cloud ul li.size3 a {
+  color: #69c;
+  font-size: 100%;
+  font-weight: 500;
+}
+
+#g-user-cloud ul li.size4 a {
+  color: #369;
+  font-size: 110%;
+  font-weight: 700;
+}
+
+#g-user-cloud ul li.size5 a {
+  color: #0e2b52;
+  font-size: 120%;
+  font-weight: 900;
+}
+
+#g-user-cloud ul li.size6 a {
+  color: #0e2b52;
+  font-size: 130%;
+  font-weight: 900;
+}
+
+#g-user-cloud ul li.size7 a {
+  color: #0e2b52;
+  font-size: 140%;
+  font-weight: 900;
+}
+
+#g-user-cloud ul li a:hover {
+  color: #f30;
+  text-decoration: underline;
+}
+
+.image-annotate-canvas {
+    background-position: left top;
+    background-repeat: no-repeat;
+    display: block;
+    margin: 0 auto;
+    position: relative;
+}
+.image-annotate-view {
+    display: none;
+    position: relative;
+}
+.image-annotate-area {
+    position: absolute;
+    cursor: default;
+}
+.image-annotate-area div {
+    display: block;
+}
+.image-annotate-area-editable {
+    cursor: pointer;
+}
+.image-annotate-note {
+    background: #000000 none repeat scroll 0 0;
+    color: #FFFFFF;
+    display: none;
+    font-family: Verdana, Sans-Serif;
+    font-size: 1.4em;
+    max-width: 200px;
+    padding: 3px 7px;
+    position: absolute;
+}
+.image-annotate-note .actions {
+    display: block;
+    font-size: 80%;
+}
+.image-annotate-edit {
+    display: none;
+    direction: ltr !important;
+}
+#image-annotate-edit-form {
+    background: #FFFFFF none repeat scroll 0 0;
+    border: 1px solid #000000;
+    padding: 7px;
+    position: absolute;
+    width: 250px;
+}
+.image-annotate-rtl form {
+    text-align: right !important;
+}
+#image-annotate-edit-form form {
+    clear: right;
+    margin: 0 !important;
+    padding: 0;
+    z-index: 999;
+    text-align: left;
+    color: #000000;
+}
+#image-annotate-edit-form .box {
+    margin: 0;
+}
+#image-annotate-edit-form input.form-text, #image-annotate-edit-form #edit-comment-wrapper textarea {
+    width: 90%;
+}
+#image-annotate-edit-form textarea {
+    height: 50px;
+    font-family: Verdana, Sans-Serif;
+    font-size: 12px;    
+    width: 248px;
+    resize: none;
+}
+#image-annotate-edit-form fieldset {
+    background: transparent none repeat scroll 0 0;
+}
+#image-annotate-edit-form .form-item {
+    margin: 0 0 5px;
+}
+#image-annotate-edit-form .form-button, #image-annotate-edit-form .form-submit {
+    margin: 0;
+}
+#image-annotate-edit-form a {
+    cursor: pointer;
+    display: block;
+    float: left;    
+    margin: 3px 6px 3px 0;
+}
+.image-annotate-rtl a {
+    float: right !important;    
+    margin: 3px 0 3px 6px !important;
+}
+.inmage-annotate-dialog button{
+    float: left !important;
+}
+.inmage-annotate-dialog-rtl button{
+    float: left !important;
+}
+.image-annotate-edit-area {
+    border: 1px solid black;
+    cursor: move;
+    display: block;
+    height: 60px;
+    left: 10px;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 10px;
+    width: 60px;
+}
+.image-annotate-edit-area .ui-resizable-handle {
+    opacity: 0.8;
+}
+.image-annotate-edit-ok {
+    /*background-image: url(../images/accept.png);*/
+}
+.image-annotate-edit-delete {
+    background-image: url(../images/delete.png);
+}
+.image-annotate-edit-close {
+    /*background-image: url(../images/cross.png);*/
+}
+.ui-resizable {
+    position: relative;
+}
+.ui-resizable-handle {
+    position: absolute;
+    font-size: 0.1px;
+    z-index: 99999;
+    display: block;
+}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable- autohide .ui-resizable-handle {
+    display: block;
+}
+.ui-resizable-n {
+    cursor: n-resize;
+    height: 7px;
+    width: 100%;
+    top: -5px;
+    left: 0px;
+}
+.ui-resizable-s {
+    cursor: s-resize;
+    height: 7px;
+    width: 100%;
+    bottom: -5px;
+    left: 0px;
+}
+.ui-resizable-e {
+    cursor: e-resize;
+    width: 7px;
+    right: -5px;
+    top: 0px;
+    height: 100%;
+}
+.ui-resizable-w {
+    cursor: w-resize;
+    width: 7px;
+    left: -5px;
+    top: 0px;
+    height: 100%;
+}
+.ui-resizable-se {
+    cursor: se-resize;
+    width: 12px;
+    height: 12px;
+    right: 1px;
+    bottom: 1px;
+}
+.ui-resizable-sw {
+    cursor: sw-resize;
+    width: 9px;
+    height: 9px;
+    left: -5px;
+    bottom: -5px;
+}
+.ui-resizable-nw {
+    cursor: nw-resize;
+    width: 9px;
+    height: 9px;
+    left: -5px;
+    top: -5px;
+}
+.ui-resizable-ne {
+    cursor: ne-resize;
+    width: 9px;
+    height: 9px;
+    right: -5px;
+    top: -5px;
+}
+.photoannotation-del-button {
+    background-image: url('../images/delete.png');
+    cursor: pointer;
+}
+.photoannotation-edit-button {
+    background-image: url('../images/edit.png');
+    cursor: pointer;
+}
-- 
cgit v1.2.3