Onclick radio buttons to change background color

We are displaying two radio buttons in page…. Click on Radio buttons, it will change background color, need review on quality of code, is there any way to improve ?

html, body {   width: 100%;   height: 100%;     margin: 0;   padding: 0;   text-align: center; }  body {   box-sizing: border-box;   padding-top: 180px;   background: #ffffff; }  input {   display: none; }  .button {   display: inline-block;   position: relative;   width: 50px;   height: 50px;   margin: 10px;   cursor: pointer; }  .button span {   display: block;   position: absolute;   width: 50px;   height: 50px;   padding: 0;   top: 50%;   left: 50%;   -webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);   -o-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   border-radius: 100%;   background: #eeeeee;   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);   transition: ease .3s; }  .button span:hover {   padding: 10px; }  .orange .button span {   background: #FF5722; }  .amber .button span {   background: #FFC107; }   .layer {   display: block;   position: absolute;   width: 100%;   height: 100%;   top: 0;   left: 0;   background: transparent;   /*transition: ease .3s;*/   z-index: -1; }  .orange input:checked ~ .layer {   background: #F4511E; }  .amber input:checked ~ .layer {   background: #FFB300; }
<body>   <label class="orange">   <input type="radio" name="color" value="orange">   <div class="layer"></div>   <div class="button"><span></span></div> </label>  <label class="amber">   <input type="radio" name="color" value="amber">   <div class="layer"></div>   <div class="button"><span></span></div> </label>   </body>

running XQuartz: display background is black after screen is unlocked or awakened

I use XQuartz 99.9% of the time I’m on my Mac. When I lock my screen (using Lock Screen in the apple menu) — or the screen saver kicks in — and the screen remains locked/darkened for more than a few minutes — not sure what the minimum amount of time is for this — the screen background is often black when I unlock the screen or wake up the display. I am still able to see and use everything on the desktop — mac icons, mac apps, X window apps, etc. — but the screen background is black — really hard on the eyes! If I exit XQuartz, my screen returns to normal but this is not a solution since I then lose all my X applications. If I lock the screen and immediately unlock it, I don’t see the problem.

I’m running macOS High Sierra (10.13.6) and XQuartz 2.7.11. I have had my Mac (it’s a work mac) since May, 2017. The Mac came with Sierra and I installed High Sierra early last fall but did not start having this problem until January. It mysteriously went away for a few months but has now returned.

Any ideas or suggestions? I’d be happy with a reasonable workaround that doesn’t involve killing XQuartz.

Stop browser tabs from running when in background

I’m looking for a way to contain an executable (google chrome) and prevent it from running when it is not the active window. This means when it is in the background it should not be running arbitrary scripts, sending/receiving network calls, etc.

Preferably this would extend to each tab in Chrome, so only the active tab would be running.

It is my understanding that some addons such as ‘no-script’ and ‘umatrix’ can assist here, but it requires a lot of tweaking for each individual website, and does not block everything when the tab is in the background. These addons do not seem to be the solution to my issue.

One of the processes keeps sending a keystroke repeatedly in the background, how to identify the culprit?

My system is a MacBook Pro late 2013 running macOS Sierra 10.12.6.


  • Occasionally after the laptop wakes from sleep, the system would behave as if someone is repeatedly pressing a certain key on the keyboard.

  • If I click anything (Apple icon, File, Edit…etc) on the menu bar, the item whose name starts with A will be highlighted repeatedly, B if nothing starts with A, and so on. (Therefore, I assume the keystroke being sent is a number.)

  • If I press cmd+tab attempting to switch between apps, the focus will automatically scroll all the way to the right-most item.

  • This doesn’t affect all apps. I am able to use Chrome as if there’s nothing wrong.

My question:

  • Apparently one or more of the processes running on my system is doing this. To find out which process / app is sending the keystroke, I am looking for a way or a tool to monitor who is sending keystroke. Therefore next time this happens I can use this to determine the culprit.


Background td datatables desde mysql

Busco la forma de cambiar un td en datatables con datos provenientes desde mysql. Hasta el momento tengo esto:

createdRow: function ( row, data, index ){      var iduser = data['usuarioid'];     var color = data['color'];     if (data['usuarioid'] == iduser ){         $  ('td', row).eq(1).css('background-color', '#80ffff');         } }, 

Lo cual funciona, pero lo que necesito es que se cargue el color desde la variable color (var color), ya que cada usuario tiene un color definido desde su creacion. Si pongo el color manualmente funciona, pero cuando quiero llamar a la variable color, simplemente no muestra el color. Alguna idea de como poder hacerlo?

Saludos y gracias por su ayuda u orientacion.

How to make CategoryAxis background opacity = 1

I have a CategoryAxis on a RadarChart and I want to make the background a light grey with opacity = 0.5.

How can I do it?

var categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "category"; categoryAxis.renderer.labels.template.fontSize = 15; categoryAxis.renderer.labels.template.fontWeight = "bold"; categoryAxis.renderer.labels.template.horizontalCenter = "right"; categoryAxis.renderer.grid.template.location = 0; categoryAxis.renderer.grid.template.strokeOpacity = 0.5; categoryAxis.renderer.grid.template.opacity = 0.5; categoryAxis.renderer.axisFills.template.disabled = true; categoryAxis.mouseEnabled = false; 

How to get background image to loop infinitely

I’m trying to create a program that will endlessly loop a background (without scrolling). Currently, I have the background in a constant loop, but the position in which it recycles leaves a gap of blank space. How do I change the position of where the background recycles?

        func createCloud () {         for i in 0...3 {     let background = SKSpriteNode(imageNamed: "test")     background.name = "Test"     background.size = CGSize(width: frame.size.width, height:      frame.size.height * 2)     background.zPosition = 0 //  background.position = CGPoint(x:  -(self.frame.size.width), y:      CGFloat(i) * background.size.height)     self.addChild(background)  } 


func moveCloud () {

self.enumerateChildNodes(withName: "Test", using: ({     (node, error) in     node.position.y -= 2      if node.position.y < -((self.scene?.size.width)!) {          node.position.y += ( self.scene?.size.width)! * 3     }  })) 

I expect to see the beginning of the background positioned at the end of the background after 1 full loop loop example

White Background By Clipping Path Professionally for $20

hello sir I am Professional (2 year Exp.) Photo Editor. I do any kind of photo editing for eCommerce shop. I always try to achieve customer satisfaction and good quality work and Complete the job quickly. I will remove image background turning it to Clipping Path. pure white, transparent or color background as per your guideline. For web-shop owners, I introduce my additional delivery of web-ready images for any eCommerce platform like Amazon, eBay, Shoplift, etc. Services I would offer : Image Clipping Path ( White background, Transparent Background & Color Background ) Multiple format image delivery Image Optimization for web shop ( re-size / crop ) free. Basic touch upFEATURES: 100% Satisfaction Guaranteed turnaround times 5 Hour to 20 hours. Quick Responsiveness Unlimited Revisions for FREE. thank you

by: nikitaaktar
Created: —
Category: Graphics & Logos
Viewed: 186