Melange Surveys: Survey taking and editing JS, additions to CSS.

app/soc/content/css/soc-090602.css

 /*

[Mario Ferraro, 2009/06/26 12:02:10]

For the whole file: I was thinking it could be good to agree on using a space
after ":" for every statement like this:

.classwhatever {
  width: 50px;
}

instead of

.classwhatever {
  width:50px;
}

I see you use both, perhaps we want to do it only in the former way. Just a
suggestion :)

[ajaksu, 2009/06/26 13:53:07]

I actually wanted to use a space, but missed some places, thank!

 Copyright 2009 the Melange authors.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 
   http://www.apache.org/licenses/LICENSE-2.0
 
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
  */
 
 /*
  * STANDARD HTML TAGS
  */
-
+@import '/soc/content/css/ui.all.css';
 body {
   background-color: white;
   color: black;
 
   font-family: Arial, sans-serif;
   font-size: medium;
 
   margin: 8px;
   margin-top: 3px;
 }
@@ skipping 166 matching lines @@
 
 td.formfieldvalue input:focus {
   background-color: #FFFF99;
   font-weight: bold;
 }
 
 td.formfieldvalue textarea {
   width: 100%;
 }
 
-td.formfieldvalue select {
+/*td.formfieldvalue select {
   width: 100%;
-}
+}*/
 
 td.formfielderrorlabel, td.warning, span.formfielderrorlabel {
   font-weight: bold;
   color: #FF0000;
   font-size: small;
   text-align: right;
 }
 
 /* TABLE QUEUES (used with .list) */
 table#queues {
@@ skipping 40 matching lines @@
   color: #f9f9f9;
 }
 
 .tooltip-body img {
   width: 50px;
   margin: 0 10px 0 0;
   float: left;
 }
 
 .tooltip-body h3 {
-  margin: 0; 
+  margin: 0;
   font-size: 1.1em;
 }
 
 .tooltip-body p {
   margin: 5px 0 0 60px;
   font-size: 0.8em;
   line-height: 1.4em;
 }
 
 .tooltip-bottom {
@@ skipping 108 matching lines @@
 
 #org_home_extras {
   margin:2em 0em 2em;
   min-height:500px;
 }
 
 #extras_left {
   width: 55%;
   left: 0px;
   float: left;
-} 
+}
 
 #extras_right {
   width: 43%;
   right: 0px;
   float: right;
-} 
+}
 
 /* Organization home gmap */
 #org_home_map {
   height: 500px;
   width: 500px;
 }
 
 /* SIDEBAR MENU */
 #side {
   width: 200px;
@@ skipping 219 matching lines @@
 /* Disabled text. */
 .disabled {
   color: gray;
 }
 
 .plaintext {
   background:transparent none repeat scroll 0 0;
   border:0 none;
   color:black;
 }
+
+/* Surveys */
+
+
+div #survey_widget {
+  margin: 20px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  background-color: #FFFEEB;
+  border: 5px solid #F7CA75;
+  padding: 15px;
+  max-width:700px;
+  float:left;
+}
+
+div #survey_widget.survey_admin {
+

[Mario Ferraro, 2009/06/26 12:02:10]

Ehm :) Now it's void... it's still needed to be filled afterwards?

[ajaksu, 2009/06/26 13:53:07]

Not sure, but as we have to go through CSS and HTML for cross-browser checking,
adding a TODO to remove if not needed :)

+}
+
+div #survey_widget tr {
+  float:left;
+  clear:both;
+}
+
+div #survey_widget th, div #survey_widget td {

[Mario Ferraro, 2009/06/26 12:02:10]

Sorry I didn't understand if you liked the idea or if you missed the change :)
If it's so, just put every selector in a line like this:

div #survey_widget th,
div #survey_widget td {
}

[ajaksu, 2009/06/26 13:53:07]

Missed this one :)
Done,thanks!

+  padding-top:15px;
+}
+
+/* fields */
+
+div #survey_widget textarea {
+  padding: 10px;
+  width:300px;
+}
+
+div #survey_widget input.text_question {
+  width:320px;
+}
+
+div #survey_widget td.formfieldlabel {
+  font-size:medium;
+}
+
+#survey_widget.view input[disabled="disabled"],
+#survey_widget.view textarea[disabled="disabled"],
+#survey_widget.view select[disabled="disabled"],
+#survey_widget.view option {
+  color: black;
+}
+
+#survey_widget.quant_radio input,
+#survey_widget.quant_radio label {
+  clear:left;
+  display:block;
+  float:left;
+  margin:4px;
+}
+
+/* options */
+
+div #survey_options button {
+  display: block;
+  margin: 10px 0 0;
+}
+
+div #survey_options {
+  margin: 20px 0 0 0;
+}
+
+div #survey_widget a.delete {
+  margin: 0 7px;
+}
+
+div #survey_widget th label {
+  display: block;
+  max-width: 180px;
+}
+
+div #survey_widget tr.role-specific label {
+  color:#666666;
+}
+
+
+span.formfieldlabel {
+  font-weight: bold;
+  font-size: small;
+}
+
+.sortable_li {
+  border: solid 1px !important;
+  padding:5px !important;
+}
+
+.sortable_li,
+div #survey_widget fieldset {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+}
+
+div #survey_widget fieldset,
+div #survey_widget th,
+div #survey_widget td,
+div #survey_widget select {
+  max-width:700px;
+}
+
+#dialog {
+  font-size: 62.5%;
+}
+
+#dialog label, #dialog input {
+  display:block;
+}
+
+#dialog p {
+  text-align:center;
+  padding-left: 0;
+}
+
+#dialog input.text {
+  margin-bottom:12px;
+  width:95%;
+  padding: .4em;
+}
+
+#dialog fieldset {
+  padding:0;
+  border:0;
+  margin-top:25px;
+}
+
+#dialog h1 {
+  font-size: 1.2em;
+  margin: .6em 0;
+}
+
+.ui-button {

[Mario Ferraro, 2009/06/26 12:02:10]

Ok I was meaning exactly that ^__^

[ajaksu, 2009/06/26 13:53:07]

Cool :)

+  outline: 0;
+  margin:0;
+  padding: .4em 1em .5em;
+  text-decoration:none;
+  cursor:pointer;
+  position: relative;
+  text-align: center;
+}
+
+.ui-dialog .ui-state-highlight,
+.ui-dialog .ui-state-error {
+  padding: .3em;
+}
+
+.pick_multi input {
+  display: inline;
+}
+
+/* NEWS FEED FEEDS */
+.news_feed {
+  border: 10px solid #e5ecf9;
+  border-top: 1px solid #3366cc;
+  float:left;
+}
+
+.news_feed .inner{
+  padding:0 20px;
+}
+
+.news_feed h2 {
+  margin-top: 0.1em;
+  background-color: #e5ecf9;
+}
+
+.news_feed h2 a {
+  text-decoration: none;
+  color: black;
+}
+
+.news_feed h2 a:visited {
+  text-decoration: none;
+  color: black;
+}
+
+.news_feed .entry {
+  margin:1em 0.3em;
+}
+
+.news_feed .title {
+   font-size: medium;
+}
+
+.news_feed .time {
+  color: gray;
+  margin-bottom: 0.5em;
+}
+
+.news_feed .snippet {
+  background-color: white;
+}
+
+a#feed_icon img{
+  margin:-1px 0;
+}