</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
- <a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
- <a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
- <a class="icon bb-url" onclick="insertFormatting('url',$id);">url</a>
- <a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
- <a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
- <a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
- <a class="icon quote" onclick="insertFormatting('quote',$id);">quote</a>
+ <a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
+ <a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
+ <a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
+ <a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
+ <a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
+ <a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
+ <a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
-<div id="group-sidebar" class="widget">
- <div class="title tool">
- <h3 class="label">$title</h3>
- <a href="group/new" title="$createtext" class="action"><span class="icon text s16 add"></span></a>
+<div id="profile_side" >
+ <div class="">
+ <h3 style="margin-left: 2px;">$title<a href="group/new" title="$createtext" class="icon text_add"></a></h3>
</div>
<div id="sidebar-group-list">
- <ul>
+ <ul class="menu-profile-side">
{{ for $groups as $group }}
- <li class="tool {{ if $group.selected }}selected{{ endif }}">
- <a href="$group.href" class="label">
+ <li class="menu-profile-list">
+ <span class="menu-profile-icon {{ if $group.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
+ <a href="$group.href" class="menu-profile-list-item">
$group.text
</a>
{{ if $group.edit }}
- <a href="$group.edit.href" class="action"><span class="icon text s10 edit"></span></a>
+ <a href="$group.edit.href" class="action"><span class="icon text_edit" ></span></a>
{{ endif }}
{{ if $group.cid }}
<input type="checkbox"
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
- <li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
+ <li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
{{ endfor }}
float: left;
margin-right: 20px;
}
+.group_selected {
+ background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.group_unselected {
+ background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.icon.text_add {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ opacity: 0.1;
+ margin-right: 14px;
+ }
+.icon.text_add:hover {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ cursor: pointer;
+ margin-right: 14px;
+ opacity: 1;
+-webkit-transition: all 0.2s ease-in-out;
+-moz-transition: all 0.2s ease-in-out;
+-o-transition: all 0.2s ease-in-out;
+-ms-transition: all 0.2s ease-in-out;
+transition: all 0.2s ease-in-out;
+ }
+.icon.text_edit {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 0.1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
+.icon.text_edit:hover {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
/* widget */
.widget {
margin-bottom: 2em;
$a->page['htmlhead'] .= '
<script type="text/javascript">
-function insertFormatting(BBcode,id) {
+function insertFormatting(comment,BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
- if(tmpStr == "Kommentar") {
+ if(tmpStr == comment) {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
- <a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
- <a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
- <a class="icon bb-url" onclick="insertFormatting('url',$id);">url</a>
- <a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
- <a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
- <a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
- <a class="icon quote" onclick="insertFormatting('quote',$id);">quote</a>
+ <a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
+ <a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
+ <a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
+ <a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
+ <a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
+ <a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
+ <a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
-<div id="group-sidebar" class="widget">
- <div class="title tool">
- <h3 class="label">$title</h3>
- <a href="group/new" title="$createtext" class="action"><span class="icon text s16 add"></span></a>
+<div id="profile_side" >
+ <div class="">
+ <h3 style="margin-left: 2px;">$title<a href="group/new" title="$createtext" class="icon text_add"></a></h3>
</div>
<div id="sidebar-group-list">
- <ul>
+ <ul class="menu-profile-side">
{{ for $groups as $group }}
- <li class="tool {{ if $group.selected }}selected{{ endif }}">
- <a href="$group.href" class="label">
+ <li class="menu-profile-list">
+ <span class="menu-profile-icon {{ if $group.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
+ <a href="$group.href" class="menu-profile-list-item">
$group.text
</a>
{{ if $group.edit }}
- <a href="$group.edit.href" class="action"><span class="icon text s10 edit"></span></a>
+ <a href="$group.edit.href" class="action"><span class="icon text_edit" ></span></a>
{{ endif }}
{{ if $group.cid }}
<input type="checkbox"
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
- <li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
+ <li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
{{ endfor }}
float: left;
margin-right: 20px;
}
+.group_selected {
+ background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.group_unselected {
+ background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.icon.text_add {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ opacity: 0.1;
+ margin-right: 14px;
+ }
+.icon.text_add:hover {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ cursor: pointer;
+ margin-right: 14px;
+ opacity: 1;
+-webkit-transition: all 0.2s ease-in-out;
+-moz-transition: all 0.2s ease-in-out;
+-o-transition: all 0.2s ease-in-out;
+-ms-transition: all 0.2s ease-in-out;
+transition: all 0.2s ease-in-out;
+ }
+.icon.text_edit {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 0.1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
+.icon.text_edit:hover {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
/* widget */
.widget {
margin-bottom: 2em;
$a->page['htmlhead'] .= '
<script type="text/javascript">
-function insertFormatting(BBcode,id) {
+function insertFormatting(comment,BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
- if(tmpStr == "Kommentar") {
+ if(tmpStr == comment) {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
- <a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
- <a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
- <a class="icon bb-url" onclick="insertFormatting('url',$id);">url</a>
- <a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
- <a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
- <a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
- <a class="icon quote" onclick="insertFormatting('quote',$id);">quote</a>
+ <a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
+ <a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
+ <a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
+ <a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
+ <a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
+ <a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
+ <a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
-<div id="group-sidebar" class="widget">
- <div class="title tool">
- <h3 class="label">$title</h3>
- <a href="group/new" title="$createtext" class="action"><span class="icon text s16 add"></span></a>
+<div id="profile_side" >
+ <div class="">
+ <h3 style="margin-left: 2px;">$title<a href="group/new" title="$createtext" class="icon text_add"></a></h3>
</div>
<div id="sidebar-group-list">
- <ul>
+ <ul class="menu-profile-side">
{{ for $groups as $group }}
- <li class="tool {{ if $group.selected }}selected{{ endif }}">
- <a href="$group.href" class="label">
+ <li class="menu-profile-list">
+ <span class="menu-profile-icon {{ if $group.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
+ <a href="$group.href" class="menu-profile-list-item">
$group.text
</a>
{{ if $group.edit }}
- <a href="$group.edit.href" class="action"><span class="icon text s10 edit"></span></a>
+ <a href="$group.edit.href" class="action"><span class="icon text_edit" ></span></a>
{{ endif }}
{{ if $group.cid }}
<input type="checkbox"
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
- <li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
+ <li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
{{ endfor }}
float: left;
margin-right: 20px;
}
+.group_selected {
+ background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.group_unselected {
+ background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.icon.text_add {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ opacity: 0.1;
+ margin-right: 14px;
+ }
+.icon.text_add:hover {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ cursor: pointer;
+ margin-right: 14px;
+ opacity: 1;
+-webkit-transition: all 0.2s ease-in-out;
+-moz-transition: all 0.2s ease-in-out;
+-o-transition: all 0.2s ease-in-out;
+-ms-transition: all 0.2s ease-in-out;
+transition: all 0.2s ease-in-out;
+ }
+.icon.text_edit {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 0.1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
+.icon.text_edit:hover {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
/* widget */
.widget {
margin-bottom: 2em;
$a->page['htmlhead'] .= '
<script type="text/javascript">
-function insertFormatting(BBcode,id) {
+function insertFormatting(comment,BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
- if(tmpStr == "Kommentar") {
+ if(tmpStr == comment) {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
- <a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
- <a class="icon bb-url" onclick="insertFormatting('url',$id);">url</a>
- <a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
- <a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
- <a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
- <a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
- <a class="icon quote" onclick="insertFormatting('quote',$id);">quote</a>
+ <a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
+ <a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
+ <a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
+ <a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
+ <a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
+ <a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
+ <a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
-<div id="group-sidebar" class="widget">
- <div class="title tool">
- <h3 class="label">$title</h3>
- <a href="group/new" title="$createtext" class="action"><span class="icon text s16 add"></span></a>
+<div id="profile_side" >
+ <div class="">
+ <h3 style="margin-left: 2px;">$title<a href="group/new" title="$createtext" class="icon text_add"></a></h3>
</div>
<div id="sidebar-group-list">
- <ul>
+ <ul class="menu-profile-side">
{{ for $groups as $group }}
- <li class="tool {{ if $group.selected }}selected{{ endif }}">
- <a href="$group.href" class="label">
+ <li class="menu-profile-list">
+ <span class="menu-profile-icon {{ if $group.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
+ <a href="$group.href" class="menu-profile-list-item">
$group.text
</a>
{{ if $group.edit }}
- <a href="$group.edit.href" class="action"><span class="icon text s10 edit"></span></a>
+ <a href="$group.edit.href" class="action"><span class="icon text_edit" ></span></a>
{{ endif }}
{{ if $group.cid }}
<input type="checkbox"
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
- <li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
+ <li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
{{ endfor }}
min-height: 16px;
list-style: none;
}
-.widget .tool.selected {
+.group_selected {
background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.group_unselected {
+ background: url("../../../view/theme/diabook/icons/unselected.png") no-repeat left center;
+ float: left;
+ height: 22px;
+ width: 22px;
+}
+.icon.text_add {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ opacity: 0.1;
+ margin-right: 14px;
+ }
+.icon.text_add:hover {
+ background-image: url("../../../images/icons/16/add.png");
+ float: right;
+ cursor: pointer;
+ margin-right: 14px;
+ opacity: 1;
+-webkit-transition: all 0.2s ease-in-out;
+-moz-transition: all 0.2s ease-in-out;
+-o-transition: all 0.2s ease-in-out;
+-ms-transition: all 0.2s ease-in-out;
+transition: all 0.2s ease-in-out;
+ }
+.icon.text_edit {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 0.1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
+}
+.icon.text_edit:hover {
+ background-image: url("../../../images/icons/10/edit.png");
+ opacity: 1;
+ margin-top: 6px;
+ float: right;
+ height: 10px;
}
/* widget: search */
#add-search-popup {
}
</script>';}
+
$a->page['htmlhead'] .= '
-<script type="text/javascript">
-function insertFormatting(BBcode,id) {
+<script>
+function insertFormatting(comment,BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
- if(tmpStr == "Kommentar") {
+ if(tmpStr == comment) {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
openMenu("comment-edit-submit-wrapper-" + id);
- }
+ }
textarea = document.getElementById("comment-edit-text-" +id);
if (document.selection) {