marta 0.26150

data/lib/marta/classes_creation.rb

@@ -0,0 +1,21 @@
+module Marta
+
+  private
+
+  #
+  # That module is responsible for user dialog on itit of an unknown class
+  #
+  # The same way Marta is able to create methods she can create classes in
+  # a learn mode from unknown constants.
+  # I suggest that in common each class generated that way is a pageobject.
+  module ClassesCreation
+
+    private
+
+    # We are asking user about unknown classes
+    def page_edit(const, data=Hash.new)
+      data['vars'] = inject('page', const, data['vars'])
+      json_2_class(file_write(const.to_s, data))
+    end
+  end
+end

data/lib/marta/data/custom-xpath.html

@@ -0,0 +1,22 @@
+<div id=marta_s_everything martaclass=marta_smthing>
+
+  <div id=marta_s_text martaclass=marta_smthing>
+    <h2 id=marta_main_title martaclass=marta_smthing></h2>
+    <p martaclass=marta_smthing>You are about to write your own xpath.</p>
+    <p martaclass=marta_smthing>Use it when element is: invisible, not present, should be found by exact xpath, marta fails to find it.</p>
+    <p martaclass=marta_smthing>Marta will highlight the elements targeted by your xpath. Sometimes it will even show hidden elements.</p>
+    <p martaclass=marta_smthing>Beware! Anything will be accepted when you will click Confirm. But maybe it will not work :)</p>
+  </div>
+  <div id=marta_s_content martaclass=marta_smthing>
+    <div martaclass=marta_smthing class=label id=marta_element_label>What we are looking for (one element or group?)</div>
+    <label martaclass=marta_smthing><input type=checkbox id=marta_array martaclass=marta_smthing>Collection</label>
+    <input type=button martaclass=marta_smthing id=marta_try_again onclick=marta_try_again(); value="Try again" />
+    <input type=button martaclass=marta_smthing id=marta_confirm onclick=marta_confirm(); value=Confirm />
+  </div>
+  <div id=xpath_field martaclass=marta_smthing>
+    <div martaclass=marta_smthing class=label id=marta_xpath_label>Set XPATH here and hit Enter.</div>
+    <span martaclass=marta_smthing>XPATH: <input onchange=marta_look(); type=text id=marta_user_xpath martaclass=marta_smthing value=>
+    </span>
+  </div>
+</hr>
+</div>

data/lib/marta/data/custom-xpath.js

@@ -0,0 +1,48 @@
+var marta_result = {};
+var marta_confirm_mark = false;
+var marta_temp_els =[];
+var marta_temp_styles = [];
+
+function marta_add_data() {
+    marta_confirm_mark = false;
+    document.getElementById("marta_main_title").innerHTML = "XPATH for " + marta_what + " = ?";
+};
+
+function marta_look() {
+  try {
+    for (var i=0; i<marta_temp_els.snapshotLength; i++) {
+      marta_temp_els.snapshotItem(i).setAttribute("style",marta_temp_styles[i]);
+    };
+    var t=0;
+    var value = document.getElementById("marta_user_xpath").value;
+    var result = document.evaluate(value, document.body, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
+    marta_temp_els = result;
+
+    for (var i=0; i<result.snapshotLength; i++) {
+      var marta_smthing = ((result.snapshotItem(i).getAttribute("martaclass")=="marta_smthing")||(result.snapshotItem(i).getAttribute("martaclass")=="marta_div"));
+      if(!marta_smthing) {
+        marta_temp_styles[i]  = result.snapshotItem(i).getAttribute("style");
+        result.snapshotItem(i).setAttribute("style","animation: marta_found 6s infinite;");
+        t = t+1;
+      };
+    };
+    document.getElementById("marta_xpath_label").innerHTML = "Found " + t + " elements";
+  } catch(e) {
+    document.getElementById("marta_xpath_label").innerHTML = "Ooops! Are you sure? Maybe Xpath is wrong?";
+  };
+};
+
+function marta_confirm(){
+    marta_result["collection"] = document.getElementById("marta_array").checked;
+    marta_result["xpath"] = document.getElementById("marta_user_xpath").value;
+    var toClear = document.querySelector("[martaclass=marta_smthing]");
+    toClear.parentNode.removeChild(toClear);
+    marta_confirm_mark = true;
+};
+
+function marta_try_again(){
+    var toClear = document.querySelector("[martaclass=marta_div]");
+    toClear.parentNode.removeChild(toClear);
+    marta_confirm_mark = true;
+    marta_result = "2";
+};

data/lib/marta/data/element-confirm.html

@@ -0,0 +1,18 @@
+<div id=marta_s_everything martaclass=marta_smthing>
+  <div id=marta_s_text martaclass=marta_smthing>
+    <h2 id=marta_main_title martaclass=marta_smthing></h2>
+    <p martaclass=marta_smthing>You are about to confirm element selection</p>
+    <p martaclass=marta_smthing>Marta highlights elements right now</p>
+    <p martaclass=marta_smthing>If something wrong was found - maybe it is time to talk to the developer?</p>
+    <p martaclass=marta_smthing>Also you could try to set your own xpath</p>
+    <p martaclass=marta_smthing>Or you could try to find element in a basic way once again</p>
+  </div>
+  <div id=marta_s_content martaclass=marta_smthing>
+    <input type=button martaclass=marta_smthing id=marta_confirm onclick=marta_confirm(); value=Confirm />
+    <input type=button martaclass=marta_smthing id=marta_try_again onclick=marta_try_again(); value="Try again" />
+    <input type=button martaclass=marta_smthing id=marta_set_by_hand onclick=marta_set_by_hand(); value="Set by hand" />
+  </div>
+  <div id=attr_fields martaclass=marta_smthing>
+  </div>
+</hr>
+</div>

data/lib/marta/data/element-confirm.js

@@ -0,0 +1,30 @@
+var marta_result = {};
+var marta_confirm_mark = false;
+
+function marta_confirm(){
+    var toClear = document.querySelector("[martaclass=marta_smthing]");
+    toClear.parentNode.removeChild(toClear);
+    marta_confirm_mark = true;
+    marta_result = "1";
+};
+
+function marta_click_work(e){};
+
+function marta_try_again(){
+    var toClear = document.querySelector("[martaclass=marta_div]");
+    toClear.parentNode.removeChild(toClear);
+    marta_confirm_mark = true;
+    marta_result = "2";
+};
+
+function marta_set_by_hand(){
+    var toClear = document.querySelector("[martaclass=marta_div]");
+    toClear.parentNode.removeChild(toClear);
+    marta_confirm_mark = true;
+    marta_result = "3";
+};
+
+function marta_add_data() {
+    marta_confirm_mark = false;
+    document.getElementById("marta_main_title").innerHTML = old_marta_Data + " elements found for " + marta_what;
+};

data/lib/marta/data/element.html

@@ -0,0 +1,23 @@
+<div id=marta_s_everything martaclass=marta_smthing>
+  <div id=marta_s_text martaclass=marta_smthing>
+    <h2 id=marta_main_title martaclass=marta_smthing></h2>
+    <p martaclass=marta_smthing>You are about to define some element</p>
+    <p martaclass=marta_smthing>CLICK to select element. Do not worry nothing will work</p>
+    <p martaclass=marta_smthing>After the click select the attributes of an element and parents</p>
+    <p martaclass=marta_smthing>To edit attribute value just change it and hit ENTER</p>
+    <p martaclass=marta_smthing>It is highly recomended to delete dynamically changing attributes</p>
+    <p martaclass=marta_smthing>IF you are gonna to find iframe! Elements in it are active now</p>
+    <p martaclass=marta_smthing>You should click at non-action element of iframe.</p>
+    <p martaclass=marta_smthing>Find it like a usual element and focus to it in code with dance_with(your_iframe)</p>
+  </div>
+  <div id=marta_s_content martaclass=marta_smthing>
+    <input type=button martaclass=marta_smthing id=marta_confirm onclick=marta_confirm(); value=Confirm />
+  </div>
+  <div id=marta_s_element_type martaclass=marta_smthing>
+    <div martaclass=marta_smthing class=label id=marta_element_label>What we are looking for (one element or group?)</div>
+    <label martaclass=marta_smthing><input type=checkbox id=marta_array martaclass=marta_smthing>Collection</label>
+  </div>
+  <div id=attr_fields martaclass=marta_smthing>
+  </div>
+</hr>
+</div>

data/lib/marta/data/element.js

@@ -0,0 +1,183 @@
+var marta_room = 0;
+var marta_result = {};
+var marta_confirm_mark = false;
+var marta_waits_iframe = "IFRAME";
+
+function sleep(ms) {
+  ms += new Date().getTime();
+  while (new Date() < ms){};
+};
+
+var marta_monitor = setInterval(function(){
+    var elem = document.activeElement;
+    if(elem && elem.tagName == marta_waits_iframe){
+        marta_waits_iframe = "Nope, she is not";
+        marta_click_work(elem, true);
+    } else {
+        marta_waits_iframe = "IFRAME";
+    };
+}, 100);
+
+function marta_add_field(title, what, key, marker) {
+    marta_room++;
+    var objTo = document.getElementById("attr_fields");
+    var divtest = document.createElement("div");
+    var att = document.createAttribute("martaclass");
+    att.value = "marta_smthing";
+    divtest.setAttributeNode(att);
+    divtest.innerHTML = "<div martaclass=marta_smthing class=label id=marta_title"+marta_room+">ATTR</div><div martaclass=marta_smthing class=content id=marta_staff"+marta_room+"><span martaclass=marta_smthing>ATTR: <input martaclass=marta_smthing class=marta_s_name_field type=text disabled=disabled; id=marta_name"+marta_room+" value=></span><span martaclass=marta_smthing> = <input onchange=marta_change_field(this); martaclass=marta_smthing type=text id=marta_default_value"+marta_room+" value=></span><input martaclass=marta_smthing type=button onclick=marta_delete_line("+marta_room+") value=Delete id=delete_marta_value"+marta_room+"</div>";
+    objTo.appendChild(divtest);
+    document.getElementById("marta_title"+marta_room ).innerHTML = title;
+    document.getElementById("marta_name"+marta_room ).value = what;
+    var field = document.getElementById("marta_default_value"+marta_room);
+    field.value = key;
+    var att = document.createAttribute("marta_object_map");
+    att.value = title+";;"+what+";;"+marker;
+    field.setAttributeNode(att);
+};
+
+function marta_change_field(field){
+  var data = field.getAttribute("marta_object_map").split(";;");
+  if (data[2] == "-1"){
+    if (field.value == ""){
+      delete marta_result[data[0]][data[1]];
+    } else {
+      marta_result[data[0]][data[1]]=field.value;
+    };
+  }else if (data[2] == "taggy"){
+    if (field.value == ""){
+      marta_result["options"][data[1]] = "*";
+    } else {
+      marta_result["options"][data[1]]=field.value;
+    };
+  }else {
+    if (field.value == ""){
+      delete marta_result[data[0]][data[1]][parseInt(data[2])];
+    } else {
+      marta_result[data[0]][data[1]][parseInt(data[2])]=field.value;
+    };
+  };
+};
+
+function marta_confirm(){
+  if (marta_room != 0){
+    marta_result["options"]["collection"] = document.getElementById("marta_array").checked;
+    var toClear = document.querySelector("[martaclass=marta_div]");
+    toClear.parentNode.removeChild(toClear);
+    for (var what in marta_result){
+      for (var key in marta_result[what]){
+        if (marta_result[what][key] instanceof Array){
+          for (var i = 0; i < marta_result[what][key].length; i++) {
+            if (marta_result[what][key][i] == undefined) {
+              marta_result[what][key].splice(i, 1);
+            i--;
+            };
+          };
+        };
+      };
+    };
+    marta_confirm_mark = true;
+    return marta_result;
+  };
+};
+
+function marta_add_data() {
+  marta_result = old_marta_Data;
+    marta_confirm_mark = false;
+    document.getElementById("marta_main_title").innerHTML = "You are defining " + marta_what;
+    if (old_marta_Data != {}){
+      try {
+        document.getElementById("marta_array").checked = old_marta_Data["options"]["collection"];}
+      catch(e){};
+      for (var what in old_marta_Data){
+        if (what != "options"){
+          marta_add_field("TAG", what, old_marta_Data["options"][what], "taggy");
+          for (var key in old_marta_Data[what]){
+              if (/class/.test(key) == true){
+                for (var k = 0, length = old_marta_Data[what][key].length; k < length; k++){
+                  marta_add_field(what, key, old_marta_Data[what][key][k], k);
+                };
+              }else
+              {
+                marta_add_field(what, key, old_marta_Data[what][key], "-1");
+              };
+            };
+        };
+      };
+    };
+};
+
+function marta_click_work(e, iframe=false) {
+  if (iframe == false){
+    e = e || window.event;
+    var target = e.target || e.srcElement;
+  } else {
+    target = e;
+  };
+    var marta_smthing = target.getAttribute("martaclass")=="marta_smthing";
+    if(!marta_smthing){
+        document.getElementById("attr_fields").innerHTML="";
+        marta_room = 0;
+        marta_result = {};
+        marta_result["options"] = {};
+        marta_after_click(target,"self");
+        if (!!target.parentElement){
+          marta_after_click(target.parentElement,"pappy");
+        };
+        if (!!target.parentElement){
+          marta_after_click(target.parentElement.parentElement,"granny");
+        };
+        if(!marta_confirm_mark){
+          e.stopPropagation();
+          e.preventDefault();
+        };
+    };
+};
+
+document.addEventListener("click", function(e) {marta_click_work(e)} , true);
+
+function marta_after_click(el, what) {
+    marta_result[what] = {};
+    marta_result["options"][what] = el.tagName;
+    marta_add_field("TAG", what, marta_result["options"][what], "taggy");
+    for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
+      att = atts[i];
+      if(/^[a-zA-Z0-9- _!@#$%^*();:,.?/]*$/.test(att.nodeValue) == true){
+        if (/class/.test(att.nodeName) == true){
+          var values=att.nodeValue.split(" ");
+          marta_result[what][att.nodeName]=[];
+          for (var val, j = 0, vals = values, l = vals.length; j < l; j++){
+            val = vals[j];
+            marta_result[what][att.nodeName][j]=val;
+          };
+        } else {
+          marta_result[what][att.nodeName]=att.nodeValue;
+        };
+      };
+    };
+    if (what == "self"){
+      try{
+        marta_result[what]["retrieved_by_marta_text"]=el.firstChild.nodeValue;
+      }catch(e){};
+    };
+    for (var key in marta_result[what]){
+      if (/class/.test(key) == true){
+        for (var k = 0, length = marta_result[what][key].length; k < length; k++){
+          marta_add_field(what, key, marta_result[what][key][k], k);
+        };
+      }else
+      {
+        marta_add_field(what, key, marta_result[what][key], "-1");
+      };
+    };
+};
+
+function marta_delete_line(line) {
+    var title = document.getElementById("marta_title"+line);
+    var staff = document.getElementById("marta_staff"+line);
+    var field = document.getElementById("marta_default_value"+line);
+    field.value = "";
+    marta_change_field(field);
+    title.parentNode.removeChild(title);
+    staff.parentNode.removeChild(staff);
+  };

data/lib/marta/data/for_test.html

@@ -0,0 +1,7 @@
+<html>
+  <body>
+    <h1>INJECT!</h1>
+    <label id=title></label>
+    <label id=data></label>
+  </body>
+</html>

data/lib/marta/data/for_test.js

@@ -0,0 +1,8 @@
+function marta_add_data(){
+  document.getElementById("title").innerHTML = marta_what;
+  old_marta_Data.innerHTML = old_marta_Data.id
+};
+var marta_result = "";
+var marta_confirm_mark = false;
+setTimeout(function() { marta_result = "Done" }, 1000);
+setTimeout(function() { marta_confirm_mark = true }, 2000);

data/lib/marta/data/page.html

@@ -0,0 +1,24 @@
+<div id=marta_s_everything martaclass=marta_smthing>
+
+  <div id=marta_s_text>
+    <h2 id=marta_main_title></h2>
+    <p>You are about to add some vars to the page_object</p>
+    <p>Please use only valid names for ruby vars (no <b>CROCO</b>, <b>special symbols</b>, just <b>some_var</b> or <b>anotherVar</b>)</p>
+    <p>You can use variable in the other one adding: <b>#{@your_var}</b> just like in ruby</p>
+    <p>Note that @ will be added to your var name automatically.</p>
+    <p>So if you have defined <b>something</b> and you wanna use the value of it in the other var you should write <b>#{@something}</b></p>
+    <p>You should set a var with the <b>url</b> name if you are gonna use <b>your_page.open_page</b> method later</p>
+    <p>Your values provided here will be default for your page_object but you can change it like <b>your_page.your_var = newvalue</b></p>
+</div>
+<div id=marta_s_content>
+    <input type=button martaclass=marta_smthing id=marta_more_fields onclick=marta_add_field(); value=Add More />
+    <input type=button martaclass=marta_smthing id=marta_confirm onclick=marta_confirm(); value=Confirm />
+
+<div id=vars_fileds>
+    <div class=label>Custom vars:</div>
+    <div class=content>
+    </div>
+</div>
+</div>
+</hr>
+</div>

data/lib/marta/data/page.js

@@ -0,0 +1,38 @@
+var marta_room = 0;
+var marta_result = {};
+var marta_confirm_mark = false;
+
+function marta_add_field() {
+    marta_room++;
+    var objTo = document.getElementById("vars_fileds");
+    var divtest = document.createElement("div");
+    divtest.innerHTML = "<div class=label id=marta_title"+marta_room+">Var " + marta_room +":</div><div class=content id=marta_staff"+marta_room+"><span>Name: <input type=text martaclass=marta_smthing class=marta_s_name_field id=marta_name"+marta_room+" value=></span><span>Default value: <input martaclass=marta_smthing type=text id=marta_default_value"+marta_room+" value=></span><input martaclass=marta_smthing type=button onclick=marta_delete_line("+marta_room+") value=Delete id=delete_marta_value"+marta_room+"</div>";
+
+    objTo.appendChild(divtest);
+};
+function marta_confirm(){
+        for(i=1; i<=marta_room; i++){
+            if (!!document.getElementById("marta_name"+i) && (document.getElementById("marta_name"+i).value != "")) {
+              marta_result[document.getElementById("marta_name"+i).value] = document.getElementById("marta_default_value"+i).value;
+            };
+        };
+        var toClear = document.querySelector("[martaclass=marta_div]");
+        toClear.parentNode.removeChild(toClear);
+        marta_confirm_mark = true;
+        return marta_result;};
+
+function marta_add_data() {
+    document.getElementById("marta_main_title").innerHTML = "You are defining " + marta_what;
+    for (var key in old_marta_Data){
+        marta_add_field();
+        document.getElementById("marta_name"+marta_room ).value = key;
+        document.getElementById("marta_default_value"+marta_room ).value = old_marta_Data[key];
+    };
+};
+
+function marta_delete_line(line) {
+    var title = document.getElementById("marta_title"+line);
+    var staff = document.getElementById("marta_staff"+line);
+    title.parentNode.removeChild(title);
+    staff.parentNode.removeChild(staff);
+    };

data/lib/marta/data/style.css

@@ -0,0 +1,209 @@
+@keyframes marta_found {
+  0%   {border: 4px dashed #6495ED;}
+  20%  {border: 4px dashed #FF7F50}
+  40%  {border: 4px dashed #8FBC8F;}
+  60% {border: 4px dashed #FFA500}
+  80% {border: 4px dashed #DDA0DD}
+  100% {border: 4px dashed #6495ED;}}
+
+div#marta_s_everything *, div#marta_s_everything {
+  animation : none;
+  animation-delay : 0;
+  animation-direction : normal;
+  animation-duration : 0;
+  animation-fill-mode : none;
+  animation-iteration-count : 1;
+  animation-name : none;
+  animation-play-state : running;
+  animation-timing-function : ease;
+  backface-visibility : visible;
+  background : 0;
+  background-attachment : scroll;
+  background-clip : border-box;
+  background-color : transparent;
+  background-image : none;
+  background-origin : padding-box;
+  background-position : 0 0;
+  background-position-x : 0;
+  background-position-y : 0;
+  background-repeat : repeat;
+  background-size : auto auto;
+  border : 0;
+  border-style : none;
+  border-width : medium;
+  border-color : inherit;
+  border-bottom : 0;
+  border-bottom-color : inherit;
+  border-bottom-left-radius : 0;
+  border-bottom-right-radius : 0;
+  border-bottom-style : none;
+  border-bottom-width : medium;
+  border-collapse : separate;
+  border-image : none;
+  border-left : 0;
+  border-left-color : inherit;
+  border-left-style : none;
+  border-left-width : medium;
+  border-radius : 0;
+  border-right : 0;
+  border-right-color : inherit;
+  border-right-style : none;
+  border-right-width : medium;
+  border-spacing : 0;
+  border-top : 0;
+  border-top-color : inherit;
+  border-top-left-radius : 0;
+  border-top-right-radius : 0;
+  border-top-style : none;
+  border-top-width : medium;
+  bottom : auto;
+  box-shadow : none;
+  box-sizing : content-box;
+  caption-side : top;
+  clear : none;
+  clip : auto;
+  color : inherit;
+  columns : auto;
+  column-count : auto;
+  column-fill : balance;
+  column-gap : normal;
+  column-rule : medium none currentColor;
+  column-rule-color : currentColor;
+  column-rule-style : none;
+  column-rule-width : none;
+  column-span : 1;
+  column-width : auto;
+  content : normal;
+  counter-increment : none;
+  counter-reset : none;
+  cursor : auto;
+  direction : ltr;
+  empty-cells : show;
+  float : none;
+  font : normal;
+  font-family : inherit;
+  font-size : medium;
+  font-style : normal;
+  font-variant : normal;
+  font-weight : normal;
+  height : auto;
+  hyphens : none;
+  left : auto;
+  letter-spacing : normal;
+  line-height : normal;
+  list-style : none;
+  list-style-image : none;
+  list-style-position : outside;
+  list-style-type : disc;
+  margin : 0;
+  margin-bottom : 0;
+  margin-left : 0;
+  margin-right : 0;
+  margin-top : 0;
+  max-height : none;
+  max-width : none;
+  min-height : 0;
+  min-width : 0;
+  opacity : 1;
+  orphans : 0;
+  outline : 0;
+  outline-color : invert;
+  outline-style : none;
+  outline-width : medium;
+  overflow : visible;
+  overflow-x : visible;
+  overflow-y : visible;
+  padding : 0;
+  padding-bottom : 0;
+  padding-left : 0;
+  padding-right : 0;
+  padding-top : 0;
+  page-break-after : auto;
+  page-break-before : auto;
+  page-break-inside : auto;
+  perspective : none;
+  perspective-origin : 50% 50%;
+
+  right : auto;
+  tab-size : 8;
+  table-layout : auto;
+  text-align : inherit;
+  text-align-last : auto;
+  text-decoration : none;
+  text-decoration-color : inherit;
+  text-decoration-line : none;
+  text-decoration-style : solid;
+  text-indent : 0;
+  text-shadow : none;
+  text-transform : none;
+  top : auto;
+  transform : none;
+  transform-style : flat;
+  transition : none;
+  transition-delay : 0s;
+  transition-duration : 0s;
+  transition-property : none;
+  transition-timing-function : ease;
+  unicode-bidi : normal;
+  vertical-align : baseline;
+  visibility : visible;
+  white-space : normal;
+  widows : 0;
+  width : auto;
+  word-spacing : normal;
+
+}
+div#marta_s_everything h2 {
+  text-align: center;
+  font-size: 20px;}
+div#marta_s_everything {
+  position : relative;
+  z-index : 150000;
+  padding: 0;
+  margin: 0;
+  margin: 0px 0px 0px 0px;
+  border: 4px solid rgb(115,115,100);
+  font-size: 14px;
+  text-align: left;
+  background-color: rgb(230,230,200);
+  color: black;
+}
+div#marta_s_everything p {text-align: left;
+  margin-left: 20px;}
+div#marta_s_everything p b {color: red;}
+div#marta_s_everything input[type=button] {
+  background-color: #4CAF50;
+  border: none;
+  color: white;
+  padding: 8px 16px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 14px;
+}
+div#marta_s_everything input[type=text] {
+  width: 50%;
+  border-radius: 4px;
+  padding: 6px 8px;
+  font-size: 14px;
+  background-color: rgb(200,230,230);
+}
+div#marta_s_everything input[type=text][martaclass=martanamefield],
+div#marta_s_everything input[type=text].marta_s_name_field{
+  width: 20%;
+}
+
+div#marta_s_everything div.label,
+div#marta_s_everything label {
+  text-decoration: underline;
+  font-size: 16px;
+}
+div#marta_s_everything input[type=checkbox]
+  {					padding-left:5px;
+            height:16px;
+            display:inline-block;
+            line-height:16px;
+            background-repeat:no-repeat;
+            background-position: 0 0;
+            font-size:16px;
+            vertical-align:middle;}