Changeset 2480
- Timestamp:
- Aug 21, 2008, 3:14:03 AM (16 years ago)
- Location:
- trunk
- Files:
-
- 1 added
- 15 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/template-common/default-layout.css
r2390 r2480 28 28 height: 140px; /* max thumbnail height + 2px */ 29 29 } 30 .content DIV.comment BLOCKQUOTE{31 margin-left: 150px; /*maximum thumbnail width + ~10px */30 DIV#comments DIV.comment A.illustration { 31 width: 140px; /*maximum thumbnail width + ~5px */ 32 32 } 33 33 34 34 35 /* Category thumbnails on main page */ -
trunk/template/yoga/comments.tpl
r2352 r2480 70 70 {if isset($comments)} 71 71 <div id="comments"> 72 73 {foreach from=$comments item=comment} 74 <div class="comment"> 75 <a class="illustration" href="{$comment.U_PICTURE}"><img src="{$comment.TN_SRC}" alt="{$comment.ALT}" /></a> 76 <p class="commentHeader"><span class="author">{$comment.AUTHOR}</span> - <span class="date">{$comment.DATE}</span> 77 78 {if isset($comment.U_DELETE)} 79 <a href="{$comment.U_DELETE}" title="{'comments_del'|@translate}"> 80 <img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{'delete'|@translate}]"/> 81 </a> 82 {/if} 83 84 {if isset($comment.U_VALIDATE)} 85 <a href="{$comment.U_VALIDATE}" title="validate this comment"> 86 <img src="{$ROOT_URL}{$themeconf.icon_dir}/validate_s.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[validate]"/> 87 </a> 88 {/if} 89 90 </p> 91 <blockquote>{$comment.CONTENT}</blockquote> 92 <hr class="separation"> 93 </div> 94 95 {/foreach} 72 {include file='comment_list.tpl'} 96 73 </div> 97 74 {/if} 98 75 99 76 </div> <!-- content --> 77 -
trunk/template/yoga/content.css
r2352 r2480 1 1 /* $Id$ */ 2 2 .content { 3 4 3 margin-right: 1em; 4 margin-bottom: 1em; /* when it's longer than menu bar */ 5 5 } 6 6 … … 18 18 BODY#theNBMPage .content 19 19 { 20 20 margin: 1em; 21 21 } 22 22 23 23 .content H3 { 24 24 margin-bottom: 1ex; 25 25 } 26 26 … … 28 28 29 29 .content H3 { 30 31 } 32 33 .content .navigationBar, .content .additional_info {34 margin: 10px 0;35 30 text-align: center; 31 } 32 33 .content .navigationBar, .content .additional_info, .content .calendarBar { 34 margin: 8px 4px; 35 text-align: center; 36 36 } 37 37 … … 42 42 43 43 .content .additional_info { 44 font-size: 110%; 45 } 46 47 .content FORM { 48 text-align: left; 49 } 50 51 /* content defaults */ 52 .content DL, DD { margin: 10px; } 53 .content DT { 54 margin-bottom: 5px; 55 font-style: italic; 56 font-size: 110%; 57 } 44 font-size: 110%; 45 } 46 58 47 59 48 /* actions */ 60 49 UL.categoryActions { 61 62 63 64 65 66 50 margin: 0 2px; 51 width: auto; 52 padding: 0; 53 text-indent: 0; 54 list-style: none; 55 text-align: center; 67 56 } 68 57 69 58 .content DIV.titrePage UL.categoryActions { 70 71 59 float: right; 60 text-align: center; 72 61 } 73 62 74 63 .content DIV.titrePage { 75 64 padding: 0 0 3px; 76 65 } 77 66 78 67 .content UL.categoryActions LI { 79 68 display: inline; 80 69 } 81 70 82 71 .content UL.categoryActions A IMG, UL.categoryActions A { 83 84 72 border: none; 73 margin-bottom: -5px; 85 74 } 86 75 87 76 /* User comments */ 88 77 89 .content DIV#comments { 90 padding-left: 5px; 91 padding-right: 5px; 92 } 93 .content DIV.comment { 94 margin: 0 0 0.5em 0; 95 padding: 0; 96 overflow: hidden; /* these 2 lines keep the floating child in the DIV */ 97 width: 100%; /* don't ask why. It's a very usefull trick */ 98 } 99 100 .content DIV.comment A.illustration { 101 display: block; 102 float: left; 103 margin: 0.5em 0 0 0.5em; 104 } 105 106 .content DIV.comment P.commentHeader { 107 text-align: right; 108 margin: 0.5em 0.5em 0 0; 109 } 110 111 .content DIV.comment UL.actions { 112 text-align: center; 113 margin: 0.2em; 114 } 115 116 .content DIV.comment BLOCKQUOTE { 117 margin-right: 0.5em; 118 overflow: visible; /*avoid a very strange margin behaviour (all browsers) */ 78 DIV#comments { 79 padding-left: 5px; 80 padding-right: 5px; 81 } 82 83 DIV#comments HR { 84 clear:both; 85 } 86 87 DIV#comments DIV.comment A.illustration { 88 display: block; 89 float: left; 90 margin: 0.5em 1em 0 0.5em; 91 width: 140px; 119 92 } 120 93 121 94 /* begin chronology/calendar elements*/ 122 95 .content DIV.calendarViews { 123 display: block; 124 float: right; 125 margin: 2px 0 0; 126 } 127 128 .content DIV.calendarBar { margin: 8px 4px; } 96 display: block; 97 float: right; 98 margin: 2px 0 0; 99 } 129 100 130 101 SPAN.calItem, SPAN.calItemEmpty { 131 132 102 font-weight: bold; 103 margin: 0 1px; 133 104 } 134 105 … … 136 107 137 108 .content DIV.calendarCalBar { 138 139 109 margin: 10px 10px; 110 text-align: left; 140 111 } 141 112 142 113 SPAN.calCalHead { 143 144 145 114 font-weight: bold; 115 font-size: 110%; 116 margin: 0 2px; 146 117 } 147 118 … … 150 121 /* nice looking month calendar*/ 151 122 TABLE.calMonth { 152 153 154 123 border: none; 124 border-collapse: collapse; 125 margin-bottom: 10px; /*<-IE ignores this */ 155 126 } 156 127 157 128 TD.calDayCellFull, TD.calDayCellEmpty, TD.calDayCellBlank { 158 text-align:left; 159 vertical-align: top; 160 font: bold 18px Arial, Helvetica, sans-serif; 161 } 162 163 TD.calDayHead { font: bold 12px Arial, Helvetica, sans-serif; } 129 vertical-align: top; 130 font: bold 18px Arial, Helvetica, sans-serif; 131 } 132 133 TD.calDayHead { 134 font: bold 12px Arial, Helvetica, sans-serif; 135 text-align: center; 136 } 164 137 165 138 DIV.calImg { 166 167 168 169 139 overflow: hidden; 140 vertical-align: bottom; 141 z-index: 1; 142 position: relative; /*<- this required by IE*/ 170 143 } 171 144 172 145 .calImg img { 173 174 146 position: relative; 147 border: 0; 175 148 } 176 149 177 150 .calBackDate { 178 padding-left: 4px; 179 padding-top: 0px; 180 z-index: 2; 181 position: absolute; 182 text-align: left; 183 vertical-align: top; 184 color: #000; 151 padding-left: 4px; 152 padding-top: 0px; 153 z-index: 2; 154 position: absolute; 155 vertical-align: top; 156 color: #000; 185 157 } 186 158 187 159 .calForeDate { 188 padding-left: 5px; 189 padding-top: 1px; 190 z-index: 3; 191 position: absolute; 192 text-align: left; 193 vertical-align: top; 194 color: #fff; 160 padding-left: 5px; 161 padding-top: 1px; 162 z-index: 3; 163 position: absolute; 164 vertical-align: top; 165 color: #fff; 195 166 } 196 167 197 168 /* Category thumbnails on main page, CSS code inspired from MOD subcatify */ 198 169 .content UL.thumbnailCategories { 199 margin: 0; 200 padding: 0; 201 list-style: none; 202 text-align: center; 203 overflow: hidden; 204 width: 100%; 170 margin: 0; 171 padding: 0; 172 list-style: none; 173 overflow: hidden; 174 width: 100%; 205 175 } 206 176 207 177 .content UL.thumbnailCategories LI { 208 209 210 178 margin:0; 179 padding:0; 180 float:left; 211 181 } 212 182 213 183 .content DIV.thumbnailCategory { 214 215 216 184 display:block; 185 padding: 2px 0px 0px 2px; 186 margin: 5px; 217 187 } 218 188 219 189 .content DIV.thumbnailCategory DIV.description { 220 221 222 190 font-size: 90%; 191 overflow: auto; 192 /*width: inherit;*/ 223 193 } 224 194 225 195 .content DIV.thumbnailCategory DIV.description H3 { 226 227 228 229 230 196 text-align: left; 197 background: transparent; 198 margin: 0; 199 padding: 0.1em; 200 font-size: 120%; 231 201 } 232 202 233 203 .content DIV.thumbnailCategory DIV.description P { 234 204 margin: 0; 235 205 } 236 206 237 207 .content DIV.thumbnailCategory DIV.illustration { 238 239 240 241 } 208 text-align: left; 209 margin: 2px 0 0 2px; 210 float: left; 211 } -
trunk/template/yoga/default-colors.css
r2352 r2480 17 17 INPUT[type="text"], INPUT[type="password"], INPUT[type="button"], 18 18 INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"] { 19 20 19 color:black; 20 background-color: #d3d3d3; /* lightgrey */ 21 21 } 22 22 … … 24 24 INPUT.submit, INPUT.reset, INPUT.file, 25 25 SELECT, TEXTAREA { 26 27 26 color:black; 27 background-color: #d3d3d3; /* lightgrey */ 28 28 } 29 29 30 30 INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus { 31 31 background-color: #f5f5f5; /* whitesmoke */ 32 32 } 33 33 34 34 /* some theme set a border on INPUT which is not pretty for radio/checkbox */ 35 35 INPUT[type="radio"], INPUT[type="checkbox"] { 36 36 border: none; /* <= Opera needs this */ 37 37 } 38 38 39 39 INPUT.radio, INPUT.checkbox { 40 40 border: none; /* <= IE6 needs this */ 41 41 } 42 42 43 43 /* rate buttons displayed like links */ 44 44 INPUT.rateButton, INPUT.rateButtonSelected, INPUT.rateButtonStarFull, INPUT.rateButtonStarEmpty { 45 46 45 color:inherit; 46 background-color:transparent; /* Konqueror doesn't accept transparent here */ 47 47 } 48 48 49 49 .errors { /* Errors display */ 50 color: red; 51 background-color: #ffe1e1; 52 font-weight: bold; 53 text-align: left; 54 margin: 5px; 55 border: 1px solid red; 56 background-image: url(icon/admin/errors.png); 57 background-repeat: no-repeat; 58 background-position: top right; 59 padding: 10px 50px 10px 10px; 50 color: red; 51 background-color: #ffe1e1; 52 font-weight: bold; 53 margin: 5px; 54 border: 1px solid red; 55 background-image: url(icon/admin/errors.png); 56 background-repeat: no-repeat; 57 background-position: top right; 58 padding: 10px 50px 10px 10px; 60 59 } 61 60 … … 64 63 */ 65 64 .infos { 66 text-align: left; 67 color: #002000; 68 background-color: #98fb98; /* palegreen */ 69 background-image: url(icon/admin/infos.png); 70 background-repeat: no-repeat; 71 background-position: top right; 72 margin: 5px; 73 padding: 10px 50px 10px 10px; 65 color: #002000; 66 background-color: #98fb98; /* palegreen */ 67 background-image: url(icon/admin/infos.png); 68 background-repeat: no-repeat; 69 background-position: top right; 70 margin: 5px; 71 padding: 10px 50px 10px 10px; 74 72 } 75 73 … … 78 76 */ 79 77 .header_msgs { 80 81 82 83 84 85 78 text-align:center; 79 font-weight: bold; 80 color:#696969; /* dimgray */ 81 background-color: #d3d3d3; 82 margin: 1px; 83 padding: 1px; 86 84 } 87 85 … … 90 88 */ 91 89 .header_notes { 92 93 94 95 96 97 98 99 90 border: 1px solid #aaaaaa; /* border color and style */ 91 text-align: center; 92 background-image: url(icon/note.png); 93 background-repeat: no-repeat; 94 background-position: top left; 95 font-weight: bold; 96 margin: 14px; 97 padding: 5px 00px 0px 0px; 100 98 } 101 99 102 100 LEGEND { 103 101 font-style: italic; 104 102 } 105 103 -
trunk/template/yoga/default-layout.css
r2479 r2480 1 1 /* $Id$ */ 2 2 BODY { 3 margin: 5px; 4 padding: 0; 5 font-size: 0.8em; 6 font-family: Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif; 7 text-align: center; /* be nice to IE5 */ 3 margin: 5px; 4 padding: 0; 5 font-size: 0.8em; 6 font-family: Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif; 8 7 } 9 8 10 9 11 10 H1 { 12 13 14 15 16 11 text-align: center; 12 font-size: 150%; 13 font-weight: bold; 14 padding: 0; 15 margin: 0.5em 0 1em 0; 17 16 } 18 17 … … 39 38 40 39 HR.separation { 41 42 40 visibility: hidden; 41 clear: both; 43 42 } 44 43 45 44 #copyright { 46 47 48 49 45 clear: both; 46 font-size: 83%; 47 text-align: center; 48 margin: 0 0 10px 0; 50 49 } 51 50 52 51 /** General defaults **/ 53 52 INPUT, SELECT { 54 margin: 0; 55 font-size: 1em; /* <= some browsers don't set it correctly */ 56 } 57 UL, DL, LI { text-align: left;} 58 TABLE { /* horizontaly centered */ 59 margin-left: auto; 60 margin-right: auto; 61 } 62 /* for debugging purpose */ 63 PRE { text-align:left; } 53 margin: 0; 54 font-size: 1em; /* <= some browsers don't set it correctly */ 55 } 56 57 TABLE { /* horizontaly centered */ 58 margin-left: auto; 59 margin-right: auto; 60 } 64 61 65 62 /** forms **/ 66 63 67 FORM { padding: 0 em; }64 FORM { padding: 0; margin: 0; } 68 65 69 66 FORM P { … … 79 76 80 77 TEXTAREA.description { 81 82 83 78 height: 6em; 79 width: 40em; 80 overflow: auto; 84 81 } 85 82 86 83 SELECT.categoryList { 87 height: 20em; 88 width: auto; 89 } 90 91 DIV.comment BLOCKQUOTE { 92 padding: 0.5em; 93 overflow: auto; /* no solution for IE6 */ 94 min-height: 2.75em; /* fix a Gecko bug whith scrollbar and 1 line only */ 84 height: 20em; 85 width: auto; 95 86 } 96 87 … … 102 93 */ 103 94 FIELDSET { 104 105 106 95 padding: 1em; 96 margin: 1em; 97 overflow: hidden; /* <- makes Opera happy */ 107 98 } 108 99 … … 112 103 FORM.filter FIELDSET UL, 113 104 FORM.filter FIELDSET LABEL { 114 115 116 117 105 display: block; 106 float: left; 107 margin-right: 1em; 108 padding: 0; 118 109 } 119 110 120 111 FORM.filter FIELDSET LI { 121 122 112 list-style: none; 113 margin-bottom: 0.5em; 123 114 } 124 115 125 116 FORM.filter FIELDSET LI LABEL { 126 127 117 display: inline; 118 float: none; 128 119 } 129 120 130 121 FORM.filter FIELDSET UL.tagSelection LABEL { 131 132 133 122 display: inline; 123 float: none; 124 margin-right:0.5em;/*reduce from above*/ 134 125 } 135 126 … … 186 177 187 178 FORM.properties SPAN.property { 188 font-weight: bold; 189 float: left; 190 width: 50%; 191 text-align: right; 192 margin: 0; 193 padding: 0 0.5em 0 0; 194 } 195 196 #theHeader H1 { 197 margin-bottom: 0.5em; 179 font-weight: bold; 180 float: left; 181 width: 50%; 182 text-align: right; 183 margin: 0; 184 padding: 0 0.5em 0 0; 198 185 } 199 186 200 187 /* button tools */ 201 188 UL.actions { 202 203 204 } 205 UL.actions 206 207 } 208 UL.actions A{209 189 text-indent: 0; 190 list-style: none; 191 } 192 UL.actions LI { 193 display: inline; 194 } 195 UL.actions A, UL.actions IMG { 196 border: none; 210 197 } 211 198 212 199 UL.tagSelection { 213 214 215 200 width: 99%; 201 margin: 1em 0 1em 0; 202 padding: 0; 216 203 } 217 204 218 205 UL.tagSelection LI { 219 220 206 display: inline; 207 white-space: nowrap; 221 208 } 222 209 223 210 #fullTagCloud { 224 225 226 227 211 font-size: 120%; 212 text-align: justify; 213 padding: 0; 214 margin: 1em 2em 1em 2em; 228 215 } 229 216 230 217 #fullTagCloud LI { 231 232 233 218 display: inline; 219 white-space: nowrap; 220 margin: 0 2px; 234 221 } 235 222 … … 244 231 /* Popup help page */ 245 232 BODY#thePopuphelpPage #copyright { 246 233 display: none; 247 234 } 248 235 249 236 BODY#thePopuphelpPage .content P { 250 251 237 text-align: justify; 238 padding: 0.5em; 252 239 } 253 240 … … 255 242 BODY#thePopuphelpPage .content UL LI 256 243 { 257 244 margin-bottom: 0.5em; 258 245 } 259 246 260 247 BODY#thePopuphelpPage P#pageBottomActions A { 261 248 border: none; 262 249 } 263 250 264 251 TR.tagLine { 265 border-bottom: 1px solid #ddd; 266 text-align: left; 252 border-bottom: 1px solid #ddd; 267 253 } 268 254 TD.nbEntries { 269 270 271 255 text-align: right; 256 font-style: italic; 257 font-size: 90%; 272 258 } 273 259 274 260 FIELDSET.tagLetter { 275 276 277 278 261 border: 1px solid #d3d3d3; 262 width: 200px; 263 margin: 0.5em; 264 padding: 10px; 279 265 } 280 266 281 267 LEGEND.tagLetterLegend { 282 283 284 285 286 268 border: 1px solid #d3d3d3; 269 font-size:120%; 270 font-weight: bold; 271 padding: 0 5px; 272 font-style: normal; 287 273 } 288 274 289 275 TABLE.tagLetterContent { 290 291 292 293 } 276 width:100%; 277 font-size:80%; 278 border-collapse : collapse; 279 } -
trunk/template/yoga/identification.tpl
r2352 r2480 56 56 57 57 <p><input class="submit" tabindex="4" type="submit" name="login" value="{'Submit'|@translate}"></p> 58 </form>59 60 <script type="text/javascript"><!--61 document.login_form.username.focus();62 //--></script>63 58 64 59 <p> … … 69 64 </p> 70 65 66 </form> 67 68 <script type="text/javascript"><!-- 69 document.login_form.username.focus(); 70 //--></script> 71 71 72 </div> <!-- content --> -
trunk/template/yoga/menubar.css
r2409 r2480 4 4 padding: 0; 5 5 display: inline; 6 text-align: left; /* follow-up of the "be nice to IE5" rule */7 6 } 8 7 … … 24 23 #menubar DT { 25 24 font-weight: bold; 26 margin: 0;27 25 padding: 5px 5px 5px 5px; 28 26 font-size: 120%; … … 31 29 32 30 #menubar UL, 33 #menubar HR,34 31 #menubar FORM, 35 #menubar P, /* ooh, careful... */ 36 #menubar .totalImages { 32 #menubar P { 37 33 font-size: 92%; 38 margin: 10px 0 10px 10px;34 margin: 10px 0 10px 5px; 39 35 } 40 36 #menubar UL { … … 58 54 59 55 #menubar .menuInfoCatByChild { 60 61 56 font-size: 80%; 57 font-style: italic; 62 58 } 63 59 64 #menubar HR {65 display: block;66 margin: 10px auto;67 width: 90%;68 }69 60 #menubar INPUT { 70 61 text-indent: 2px; … … 73 64 /* quickconnect form */ 74 65 FORM#quickconnect { 75 margin: 0;76 padding: 5px;66 margin: 5px; 67 padding: 0; 77 68 } 78 69 79 70 FORM#quickconnect FIELDSET { 80 71 margin: 0; 81 padding: 0 0 0.5em 0;72 padding: 0; /*IE6 requires padding 0*/ 82 73 } 83 74 84 FORM#quickconnect P { 85 margin-left: 0; 86 font-size: 100%; 87 float: left; 88 clear: left; 75 FORM#quickconnect FIELDSET DIV { 76 margin: 8px 5px; 77 padding: 0; 89 78 } 90 91 FORM#quickconnect P INPUT {92 margin: 0;93 }94 95 FORM#quickconnect UL.actions {96 display: inline;97 float: right;98 padding: 0;99 text-align: right; /* Opera 7.5 */100 }101 FORM#quickconnect FIELDSET>UL.actions {102 width: 40%; /* Opera 7.5 cannot find why width:auto fails :-( */103 }104 105 FORM#quickconnect UL.actions,106 FORM#quickconnect P,107 FORM#quickconnect LABEL {108 padding: 0 0.5em 0 0.5em;109 }110 111 FORM#quickconnect LABEL {112 margin:0;113 width: 100%;114 box-sizing: border-box; /* CSS3 */115 }116 117 FORM#quickconnect INPUT[type=text],118 FORM#quickconnect INPUT[type=password] {119 width: 100%; /* mozilla can handle 100% */120 }121 /* same as above for IE with inputfix.htc122 unfortunately IE doesn't handle that correctly123 so you should set a width in em in local_layout.css */124 /*FORM#quickconnect INPUT.text,125 FORM#quickconnect INPUT.password {126 width: 95%;127 }*/128 129 FORM#quicksearch {130 margin-top: 4px;131 margin-bottom: 1px;132 }133 INPUT#qsearchInput {134 width: 90%;135 }136 #menubar #mbMenu p { margin: 0px; padding: 0px; }137 79 138 80 #menubar #menuTagCloud { -
trunk/template/yoga/menubar.tpl
r2409 r2480 81 81 <dd> 82 82 <form action="{$ROOT_URL}qsearch.php" method="get" id="quicksearch"> 83 <p >84 <input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;" />83 <p style="margin:0;padding:0"> {*this <p> is for html validation only - does not affect positioning*} 84 <input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;" style="width:90%"/> 85 85 </p> 86 86 </form> … … 126 126 127 127 {if isset($U_IDENTIFY)} 128 <form method="post" action="{$U_IDENTIFY}" class="filter"id="quickconnect">128 <form method="post" action="{$U_IDENTIFY}" id="quickconnect"> 129 129 <fieldset> 130 130 <legend>{'Quick connect'|@translate}</legend> 131 <div> 132 <label for="username">{'Username'|@translate}</label><br/> 133 <input type="text" name="username" id="username" value="" style="width:99%"> 134 </div> 131 135 132 <label>133 {'Username'|@translate} 134 <input type="text" name="username" size="15" value="">135 </label>136 <div><label for="password">{'Password'|@translate}</label> 137 <br/> 138 <input type="password" name="password" id="password" style="width:99%"> 139 </div> 136 140 137 <label> 138 {'Password'|@translate} 139 <input type="password" name="password" size="15"> 140 </label> 141 {if $AUTHORIZE_REMEMBERING} 142 <div><label> 143 {'remember_me'|@translate} 144 <input type="checkbox" name="remember_me" value="1"> 145 </label></div> 146 {/if} 141 147 142 {if $AUTHORIZE_REMEMBERING} 143 <label> 144 {'remember_me'|@translate} 145 <input type="checkbox" name="remember_me" value="1"> 146 </label> 147 {/if} 148 <p> 149 <input class="submit" type="submit" name="login" value="{'Submit'|@translate}"> 150 </p> 151 152 <ul class="actions"> 153 <li><a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/lost_password.png" class="button" alt="{'Forgot your password?'|@translate}"></a></li> 154 {if isset($U_REGISTER)} 155 <li><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/register.png" class="button" alt="{'Register'|@translate}"/></a></li> 156 {/if} 157 </ul> 148 <div> 149 <ul class="actions"> 150 <li><a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/lost_password.png" class="button" alt="{'Forgot your password?'|@translate}"></a></li> 151 {if isset($U_REGISTER)} 152 <li><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/register.png" class="button" alt="{'Register'|@translate}"/></a></li> 153 {/if} 154 </ul> 155 <input class="submit" type="submit" name="login" value="{'Submit'|@translate}"> 156 </div> 158 157 159 158 </fieldset> -
trunk/template/yoga/not-ie.css
r2352 r2480 8 8 -webkit-border-radius: 4px; /* Safari webkit project */ 9 9 } 10 .content DIV#comments {11 padding-left: 5px;12 padding-right: 5px;13 -moz-box-sizing: padding-box !important;14 }15 FORM#quickconnect LABEL {16 margin:0;17 width: 100%;18 -moz-box-sizing: padding-box !important;19 box-sizing: border-box; /* CSS3 */20 }21 10 ul.tabsheet li { 22 11 -moz-border-radius: 6px 6px 0px 0px; /* round corners with Geko */ -
trunk/template/yoga/picture.css
r2479 r2480 47 47 #theImage { 48 48 clear: left; 49 text-align: center; 49 50 } 50 51 51 52 #theImage>IMG { 52 display: block; 53 margin: 0 auto; 54 } 55 56 #theImage IMG { 57 border-width: 3px; 58 border-style: solid; 53 display: block; 54 margin: 0 auto; 55 border: none; 59 56 } 60 57 … … 77 74 } 78 75 79 TABLE.infoTable .value {80 text-align: left;81 }82 83 76 TABLE.infoTable .label { 84 85 86 77 font-weight: bold; 78 text-align: right; 79 padding-right: 0.5em; 87 80 } 88 81 89 82 TABLE.infoTable TD.value UL { 90 91 92 83 margin: 0; 84 padding: 0 0 0 1.5em; 85 list-style-type: square; 93 86 } 94 87 … … 115 108 } 116 109 117 #comments {118 text-align: left;119 }120 121 #comments .comment {122 margin: 1em 0;123 }124 125 #comments P {126 margin: 0 0.5em 0 1em;127 }128 129 #comments .author {130 font-weight: bold;131 }132 133 #thePicturePage #comments BLOCKQUOTE {134 margin: 0.5em 1em 1em 4em;135 }136 137 #comments P.userCommentDelete {138 float: right;139 margin: 0 0.5em 0 0;140 } -
trunk/template/yoga/picture.tpl
r2479 r2480 179 179 </td></tr> 180 180 {/if} 181 181 182 {if isset($rate_summary) } 182 183 <tr> … … 192 193 </tr> 193 194 {/if} 195 196 {if isset($rating)} 197 <tr> 198 <td class="label"> 199 <span id="updateRate">{if isset($rating.USER_RATE)}{'update_rate'|@translate}{else}{'new_rate'|@translate}{/if}</span> 200 </td> 201 <td class="value"> 202 <form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;"> 203 <div> 204 {foreach from=$rating.marks item=mark name=rate_loop} 205 {if !$smarty.foreach.rate_loop.first} | {/if} 206 {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE} 207 <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" /> 208 {else} 209 <input type="submit" name="rate" value="{$mark}" class="rateButton" /> 210 {/if} 211 {/foreach} 212 <script type="text/javascript" src="{$ROOT_URL}{$themeconf.template_dir}/rating.js"></script> 213 <script type="text/javascript"> 214 makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id}, 215 updateRateText: "{'update_rate'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"), 216 ratingSummaryText: "{'%.2f (rated %d times, standard deviation = %.2f)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} ); 217 </script> 218 </div> 219 </form> 220 </td> 221 </tr> 222 {/if} 223 194 224 </table> 195 225 … … 210 240 {/if} 211 241 212 {if isset($rating)}213 <form action="{$rating.F_ACTION}" method="post" id="rateForm">214 <div>215 <span id="updateRate">{if isset($rating.USER_RATE)}{'update_rate'|@translate}{else}{'new_rate'|@translate}{/if}</span>216 :217 {foreach from=$rating.marks item=mark name=rate_loop}218 {if !$smarty.foreach.rate_loop.first} | {/if}219 {if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}220 <input type="button" name="rate" value="{$mark}" class="rateButtonSelected" />221 {else}222 <input type="submit" name="rate" value="{$mark}" class="rateButton" />223 {/if}224 {/foreach}225 <script type="text/javascript" src="{$ROOT_URL}{$themeconf.template_dir}/rating.js"></script>226 <script type="text/javascript">227 makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},228 updateRateText: "{'update_rate'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),229 ratingSummaryText: "{'%.2f (rated %d times, standard deviation = %.2f)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );230 </script>231 </div>232 </form>233 {/if}234 242 235 243 <hr class="separation"> … … 242 250 243 251 {if isset($comments)} 244 {foreach from=$comments item=comment} 245 <div class="comment"> 246 {if isset($comment.U_DELETE)} 247 <p class="userCommentDelete"> 248 <a href="{$comment.U_DELETE}" title="{'comments_del'|@translate}"> 249 <img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{'delete'|@translate}]"/> 250 </a> 251 </p> 252 {/if} 253 <p class="commentInfo"><span class="author">{$comment.AUTHOR}</span> - {$comment.DATE}</p> 254 <blockquote>{$comment.CONTENT}</blockquote> 255 </div> 256 {/foreach} 252 {include file='comment_list.tpl'} 257 253 {/if} 258 254 … … 274 270 {/if} {*comments*} 275 271 272 273 276 274 {if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if} -
trunk/template/yoga/theme/clear/theme.css
r2352 r2480 21 21 22 22 /* borders */ 23 #menubar DL, .content, #imageToolBar, 24 #comments DIV.comment BLOCKQUOTE { 23 #menubar DL, .content, #imageToolBar { 25 24 border: 1px solid #d3d3d3; 26 25 } 27 26 28 27 #theImage IMG { 29 border -color:#d3d3d3;28 border: 3px solid #d3d3d3; 30 29 } 31 30 … … 38 37 .content DIV.thumbnailCategory { 39 38 border: 1px solid gray; 40 }41 42 #comments DIV.comment BLOCKQUOTE {43 border-left: 2px solid #696969;44 background-color: #eee;45 39 } 46 40 … … 83 77 84 78 .virtual_cat { background: #fff !important; } 85 #mbMenu #quicksearch > p { text-align: left; }86 79 #qsearchInput { color: #d3d3d3; } 87 80 #qsearchInput:focus { color: #005e89; } -
trunk/template/yoga/theme/dark/theme.css
r2352 r2480 39 39 40 40 /* borders */ 41 #menubar DL, .content, 42 #comments DIV.comment BLOCKQUOTE { 41 #menubar DL, .content{ 43 42 border: 1px solid #000000; 44 43 } … … 51 50 } 52 51 53 #theImage IMG {54 border-color: #000000;55 }56 57 52 FIELDSET, INPUT, SELECT, TEXTAREA, 58 53 .content DIV.comment A.illustration IMG, 59 54 .content DIV.thumbnailCategory { 60 55 border: 1px solid gray; 61 }62 63 #comments DIV.comment BLOCKQUOTE {64 border-left: 2px solid #696969;65 56 } 66 57 -
trunk/template/yoga/theme/p0w0/theme.css
r2392 r2480 163 163 border-bottom: 1px solid #369; 164 164 } 165 #comments DIV.comment BLOCKQUOTE {166 border: 1px solid #fff;167 }168 165 H2, #imageToolBar { 169 166 border-bottom: 1px solid #fff; … … 217 214 .zero { display: none } 218 215 219 #the_page {220 text-align:center;221 display:block;222 }223 224 216 input[type="text"], input[type="password"], input.button, 225 217 input.submit, input.reset, input.file, -
trunk/template/yoga/theme/wipi/theme.css
r2392 r2480 156 156 157 157 /* borders */ 158 #comments DIV.comment BLOCKQUOTE {159 border: 1px solid #000;160 }161 158 #imageHeaderBar { 162 159 border-top: 1px solid #000; … … 168 165 169 166 #theImage IMG { 170 border -color:#fff;167 border: 3px solid #fff; 171 168 } 172 169 … … 185 182 border: 1px solid #69c; 186 183 margin: 8px 4px; 187 }188 #comments DIV.comment BLOCKQUOTE {189 border-left: 2px solid #696969;190 184 } 191 185 … … 229 223 padding-top: 5px; 230 224 padding-bottom:30px; 231 text-align:center;232 display:block;233 225 margin: 2px; 234 226 } … … 252 244 FORM#quickconnect, 253 245 FORM#quickconnect FIELDSET, 254 FORM#quickconnect P,246 FORM#quickconnect DIV, 255 247 FORM#quickconnect UL.actions, 256 FORM#quickconnect FIELDSET>UL.actions,257 FORM#quickconnect UL.actions,258 FORM#quickconnect P,259 248 FORM#quickconnect LABEL { 260 249 color: #69c; 261 250 } 262 FORM#quickconnect PINPUT,251 FORM#quickconnect DIV INPUT, 263 252 FORM#quickconnect INPUT[type=text], 264 253 FORM#quickconnect INPUT[type=password] { 265 width: 85%;266 254 color: #58c; 267 255 background-color: #222; 268 256 border: 1px solid #333; 269 padding: 1px 3px;270 257 } 271 258
Note: See TracChangeset
for help on using the changeset viewer.