Single post in Site Skins: How-To, and Helpful CSS

on another note: is there a way to modify the shelter grid-view code to work on fields, when a berry is not selected? so that when i first view someone's field, it's a grid, and when i select a berry, the stacking css kicks in. how would i go about doing that?

#field_field[data-mode="public"]>.field>.fieldmon:nth-child(1),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(2),{left:6.25%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(3),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(4),{left:18.75%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(5),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(6),{left:31.25%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(7),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(8),{left:43.75%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(9),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(10),{left:56.25%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(11),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(12),{left:68.75%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(13),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(14),{left:81.25%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(15),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(16),{left:93.75%!important;top:10%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(17),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(18),{left:6.25%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(19),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(20),{left:18.75%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(21),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(22),{left:31.25%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(23),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(24),{left:43.75%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(25),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(26),{left:56.25%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(27),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(28),{left:68.75%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(29),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(30),{left:81.25%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(31),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(32),{left:93.75%!important;top:30%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(33),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(34),{left:6.25%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(35),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(36),{left:18.75%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(37),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(38),{left:31.25%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(39),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(40),{left:43.75%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(41),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(42),{left:56.25%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(43),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(44),{left:68.75%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(45),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(46),{left:81.25%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(47),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(48),{left:93.75%!important;top:50%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(49),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(50),{left:6.25%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(51),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(52),{left:18.75%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(53),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(54),{left:31.25%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(55),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(56),{left:43.75%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(57),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(58),{left:56.25%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(59),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(60),{left:68.75%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(61),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(62),{left:81.25%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(63),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(64),{left:93.75%!important;top:70%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(65),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(66),{left:6.25%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(67),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(68),{left:18.75%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(69),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(70),{left:31.25%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(71),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(72),{left:43.75%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(73),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(74),{left:56.25%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(75),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(76),{left:68.75%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(77),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(78),{left:81.25%!important;top:90%!important;} #field_field[data-mode="public"]>.field>.fieldmon:nth-child(79),#field_field[data-mode="public"]>.field>.fieldmon:nth-child(80),{left:93.75%!important;top:90%!important;} #field_field[data-mode="public"]>div.field>.fieldmon.cormyr { border-radius: 50px; box-shadow: 0px 0px 0px 4px #00ff00; background-color: #00ff00; padding:@padding!important; margin-top:-@padding!important; margin-left:-@padding!important; left:50%!important; top:50%!important;}