����JFIF�����%%��� }!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz������������������������������������������������������������������������� w!1AQaq"2�B���� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz�������������������������������������������������������������������������� ?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y| �� O�������h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�� ���j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�� ���j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,��������ο�O�P��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ��� ��� k� w���~���v��������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j�?�5o�%��?��� g����U@�� ���&O3���� �a�;�^=�wH���D��/��*� �fX�I���,������k?g_���?�5o�%��?��� g����U@�F�����������*�� ����?�o�}��Τ~g�� ʀ�#V��Y������~ο�T�j��K/� ������������z��������#;�~���A �;�� � w�F�����������*���տ��_�@�o��5����EU ������ ������u�誠��W��[�����������O��?jW ���@��տ���@�o��5����EM ������������v�訠�#V��Y�������������V��Zv��~����v w�~���c�Q@ ���,��~���kgo���?�5o�%��/��� o����Q@��o�%�>�ߤ�� �߳����S������?��o�%�~�ߠ�d�߳����S����g�P��j��K?� _������������[� g�D ����[�;�TP7� ��������'Ѿ���=� �;/�P��j��K?� _������������[� g�D ����[�;�TP���,��~���kgo���a������۔� ��B{ � ��ea�`T �+ �n%Ц �����j��K?� _������������[� g�D ����[�;�TP���,��~���kgo����?���%�/�~�����#����x��c �~�q�v�t`ȫ��_'h�� ����� ��'�]�;{s� Pp=N= 5���%���� �ڜs�����=���J� � A@�����Kp�b��}��X�����4g v+:�Բ�+60�ʩ,� @�����������I �uO� ����ToUv��bgUl�cP�T?�#V��Y������������j��K?� _����������!��X��]���������TK�|4��`� ��#��P\y��aa >NgL��j��K?� _������������[� g�D ����[�;�TP���,��~���kgo���o�F�����$��ہ�� ��vݞr6��S�q''*02���[� g�D ����[�;�TP���,��~���kgo���?�5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE ������������v�訠�� ������~1�o� �� }G�L�������5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE5����%�˷���r�v� ���y�\~���)(?0���=[� i����>� �gc��N=����5o�%��/��� o����Q@�F�����������*(��W��Z�l����m#���X�wn_�j`0C6윅����5o�%��/��� o����Q@��տ��y9��� gbO�G�5@�n�>���#V��Y������~ο�T��V��Y����9� gc��s�T.�?Z_��[� e�D����Y�:��UP���,������k?g_����_�=_� n�~~�rI������w�,"~ԓ�!72���)( u��#V��Y������~ο�T�j��K/� ��������������K
�����Kr_���}�De>~��Z=��pjX�n[p(�"� �a,Ub�/�×�<����;��<�����K>��o���[�:����V���,��$ ��ϧ�*��� ��5O����տ��_�@�o��5����EU5��o�%����?�ꜜm�_�;>Gbs�S�����@��տ��_�@�o��5����EU ��տ��}�~�����v?�������-��o�l ��~�ȥ�v����r��B1���@��տ���A�?��� �ggP��c�S�`@%�*����տ��_�@�o��5����EU ������ ������u�誠7� ��� O� ��!c�|0��ёv��4 �+�X�Vx�RX3��8����K>��o���[�:���u#�x��#V��Y������~ο�T�j��K/� ������������[� e�D����Y�:��UP���,������k?g_���O��[� g�D ����[�:��T��=_� k����~��k����c�;����.8� ���c� �z��Ͽ�/��zc�o����F?Z_��[� e�D����Y�:��UP���,������k?g_���C���,�v����v�o���H������( �z���w�/�� ���v ��T.G��Ϡ���տ��_�@�o��5����EU ������ ������u�誠��W��[��'����%��o� ��:�Cڕ�R̀���j����� ����?�o���[�;������g 0q�?��o�%�>o�_��>� gf ����~4������� ������u�誠 �z��� 7�/�� o������� ��_��[� e�D����Y�:��UP���,������k?g_���C���,�|�����o��;�Ԟ��9�l�z��ؠ3|��O�X�~���;~�q����Z�F�����������*���տ��_�@�o��5����EU!��տ��}�~����-��G��I�T������� ������u�誠�#V��Y������~ο�T�j��K/� ����������#�=_� n|���KbB� gtdM��"�ڒA#n�63�6�m�P�����,���/��� gS�u����#�9��5o�%��?��� g����U@��o�%�o�_�����u ��'���� ���?��o��� ���3��?go� ��|m�ڇ���-S�O��x��>���^�����7����x�]_�>�qke>���m��4��7P�Yހ��
0byt3m1n1
0byt3m1n1
Path:
/
hermes
/
bosweb
/
web
/
sb_web
/
web
/
web
/
web
/
web
/
b1705
/
ychuse.com
/
dcaaf
/
Legacy
/
res
/
[
Home
]
File: common.css
/* common.css - the primary styles Author: Laza */ /*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif} body{margin:0} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.67em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote{margin:1em 40px} dfn{font-style:italic} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} mark{background:#ff0;color:#000} p,pre{margin:1em 0} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],html input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} /* HTML5 Boilerplate prefix styles - h5bp.com */ html,button,input,select,textarea{color:#222} body{font-size:1em;line-height:1.4} ::-moz-selection{background:#b3d4fc;text-shadow:none} ::selection{background:#b3d4fc;text-shadow:none} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} img{vertical-align:middle} fieldset{border:0;margin:0;padding:0} textarea{resize:vertical} .chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0} html { height: 100%; min-height: 100%; } body { height: 100%; overflow: auto; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif; font-size: 14px; line-height: 1.385; color: #333333; background-color:#333333; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } select, input, textarea { color: #444; } input[type=text]::-ms-clear { display: none; } a, a:active, a:visited { color: #222222; text-decoration: none; } a:hover { color: #000000; } a img { border: none; text-decoration: none; } h1,h2,h3 { font-weight: normal; margin: 0 0 0.2em 0; line-height: 1.2; } h4,h5,h6 { font-weight: bold; margin: 0 0 0.5em 0; } h1 { font-size: 240% } h2 { font-size: 200%; } h3 { font-size: 140%; } h4 { font-size: 115%; } h5 { font-size: 100%; } h6 { font-size: 90%; } video, audio { vertical-align: top; } .chromeframe { position: relative; z-index: 9999; } .chromeframe a { color: #ffffff; } .chromeframe a:hover { color: #ff0000; } .addtop { margin-top: 10px; } .center { text-align: center; } .hook { position: absolute; display: none; } @font-face { font-family: "Oswald"; font-style: normal; font-weight: normal; src: local("Oswald"), url('https://themes.googleusercontent.com/static/fonts/oswald/v8/cKJn9qYJKRGi7ghmghRZYg.woff') format('woff'); } h1,h2,h3,h4 { font-family: "Oswald", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif; font-weight: normal; } /******************************************* Tooltip */ .tooltip { display: none; position: absolute; left: 0; top: 0; padding: 6px; color: #000; max-width: 240px; z-index: 99999; background-color: rgba(255,255,255,0.9); -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4); } .no-rgba .tooltip { background-color: transparent; background-image: url(w80.png); } .tooltip > .nub { position: absolute; display: block; padding: 0; margin-left: 50%; left: -5px; top: -10px; width: 0; height: 0; border: solid 5px; border-color: transparent transparent rgba(255,255,255,0.9) transparent; } .tooltip.valign-top > .nub { top: auto; bottom: -10px; border-color: rgba(255,255,255,0.9) transparent transparent transparent; } .tooltip.valign-middle > .nub { margin-left: 0; top: 50%; margin-top: -5px; } .tooltip.valign-middle.align-left > .nub { left: auto; border-color: transparent transparent transparent rgba(255,255,255,0.9); right: -10px; } .tooltip.valign-middle.align-right > .nub { left: -10px; border-color: transparent rgba(255,255,255,0.9) transparent transparent; } .tooltip a { color: #000; } .tooltip span.nr { font-size: 80%; line-height: 1.8; vertical-align: top; font-weight: bold; font-style: normal; padding: 1px 3px; color: #ddd; background-color: #222; -moz-border-radius:2px; border-radius:2px; } .tooltip #breadcrumb a { display: block; padding: 3px 5px; } .tooltip #breadcrumb a:hover { background-color: #000; color: #fff; } .tooltip.regions a { display: block; font-size: 85%; color: #000; padding: 2px 4px; line-height: 1.8; } .tooltip.regions a:hover { color: #fff; background-color: #000; } .tooltip small b { background-color: #ddd; padding: 1px 2px; -moz-border-radius:2px; border-radius:2px; } .tooltip form { display: inline-block; position: relative; margin: 3px; } .tooltip form input { background-color: #fff; vertical-align: middle; } .tooltip.slideshowdelay input, .tooltip form input.searchtext { padding: 2px 20px 2px 6px; height: 20px; line-height: 20px; -moz-border-radius:2px; border-radius:2px; border: 1px solid #bbb; -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); } .tooltip.slideshowdelay input { width: 30px; } .tooltip form input.searchtext { width: 120px; } .tooltip form a.button { display: block; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; background-color: #fff; background-image: url(ok.png); background-position: 0 0; background-repeat: no-repeat; z-index: 99999; cursor: pointer; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } .tooltip form a.button:hover { background-position: 0 -40px; } .tooltip p.info { margin: 0; max-width: 160px; color: #666; font-size: 80%; line-height: 1; } .tooltip input.fullw { margin: 0.2em 0; padding: 0 1%; width: 96%; } .tooltip a.original, .tooltip .sizes a { display: inline-block; vertical-align: top; margin: 0 0 0 0.5em; padding: 2px 4px; font-size: 80%; background-color: rgba(17,119,176,1); color: #ddd; -moz-border-radius:2px; border-radius:2px; } .tooltip .sizes a:first-child { margin-left: 0; } .tooltip a.original:hover .tooltip .sizes a:hover { background-color: rgba(0,102,153,1); color: #fff; } /******************************************* Modal windows v2 */ ._m_window { position: absolute; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; outline: none; z-index: 99998; } ._m_window.darken { background-color: rgba(0,0,0,0.6); } .no-rgba ._m_window.darken { background-color: transparent; background-image: url(k60.png); } ._m_panel { position: absolute; overflow: hidden; /*left: -10000px;*/ -moz-border-radius:6px; border-radius:6px; -moz-box-shadow:2px 5px 16px rgba(0,0,0,0.4); -webkit-box-shadow:2px 5px 16px rgba(0,0,0,0.4); box-shadow:2px 5px 16px rgba(0,0,0,0.4); } ._m_head { position: relative; height: 30px; line-height: 30px; -moz-border-top-left-radius:6px; -moz-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-touch-action: none; touch-action: none; } ._m_head h5 { position: absolute; text-align: center; margin: 0; left: 35px; right: 35px; color: #666; overflow: hidden; } ._m_head span { position: absolute; display: inline-block; left: 0; top: 0; width: 30px; height: 30px; color: #222; text-align: center; font-weight: bold; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; border-right: 1px solid rgba(0,0,0,0.2); } ._m_head span.error { background-color: rgba(255,0,0,0.5); } ._m_head span.warning { background-color: rgba(255,242,0,0.5); } ._m_head a.close { position: absolute; display: inline-block; right: 0; top: 0; cursor: default; text-align: center; min-width: 30px; height: 30px; line-height: 30px; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; background-repeat: no-repeat; } ._m_head span, ._m_head a.close { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .no-rgba ._m_head a.close { background-color: transparent; } ._m_head a.close:hover { background-color: rgba(0,0,0,0.2); } .no-rgba ._m_head a.close:hover { background-color: transparent; } .no-cssgradients ._m_head a.close { border-radius: 0; } ._m_cont { position: relative; overflow: hidden; padding-bottom: 16px; -moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } ._m_cont a { color: #39c; } ._m_cont a:hover { color: #3bf; } ._m_cont_i { padding: 16px 16px 0 16px; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; color: #444; } ._m_panel a.resize { display: inline-block; position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; cursor: nwse-resize; z-index: 99999; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAA3NCSVQICAjb4U/gAAAAElBMVEX////29vYAAAD29vYgICAYGBgbQ3DVAAAABnRSTlMAESJVZoiDrvV+AAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEyLzA0LzEzSpgBewAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAApSURBVAiZY2BABioQiikYQqsaoHFVIFyIgKoBWB4Hl8WABaybEQiRAAAa2QVZvCefFQAAAABJRU5ErkJggg==); -ms-touch-action: none; touch-action: none; } #dialog ._m_cont_i { text-align: center; } .no-touch ._m_window ::-webkit-scrollbar { width: 14px; height: 14px; } ._m_head { border-bottom: 1px solid #000; background-color: #222; background-image: -moz-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%); background-image: -webkit-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%); background-image: -o-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%); background-image: -ms-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%); background-image: linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444444',endColorstr='#000000'); } ._m_head h5, ._m_head span, ._m_head a.close { color: #888; text-shadow:-1px -1px 1px rgba(0,0,0,0.6); } ._m_head a.close { background-color: rgba(255,255,255,0.1); border-left: 1px solid #000; } .no-rgba ._m_head a.close { background-image: url(w10.png); } ._m_head a.close:hover { color: #888; background-color: rgba(255,255,255,0.2); } .no-rgba ._m_head a.close:hover { background-image: url(w20.png); } ._m_cont { background-color: #222; background-color: rgba(34,34,34,0.95); border-top: 1px solid #333; } ._m_cont a { color: #9cf; } ._m_cont a:hover { color: #adf; } ._m_cont_i { color: #ccc; } .no-touch ._m_window ::-webkit-scrollbar-corner { background-color: #111; } .no-touch ._m_window ::-webkit-scrollbar-thumb { background-color: #555; border: 2px solid #000; } .no-touch ._m_window ::-webkit-scrollbar-track { background-color: #111; } /******************************************* Buttons for modal windows */ ._m_cont .buttons { display: block; clear: both; margin-top: 10px; text-align: center; line-height: 30px; } ._m_cont .buttons a { padding: 0 10px; margin: 5px 2px; display: inline-block; min-width: 80px; text-align: center; color: #eee; cursor: default; white-space: nowrap; -moz-border-radius:2px; border-radius:2px; background-color: #555; background-image: -moz-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image: -webkit-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image: -o-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image: -ms-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image: linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F); -ms-filter: "progid: DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F)"; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } ._m_cont .buttons a.active, ._m_cont .buttons a:hover { color: #fff; background-image: -moz-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image: -webkit-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image: -o-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image: -ms-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image: linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699); -ms-filter: "progid: DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699)"; } /******************************************* Cookie policy */ #cookiepolicy { position: absolute; position: fixed; display: none; left: 0; bottom: 0; width: 100%; padding: 0.5em; background-color: rgba(0,0,0,0.7); font-size: 0.85rem; cursor: pointer; z-index: 999999; } #cookiepolicy p { margin: 0; color: #ccc; text-align: center; } #cookiepolicy p a { margin: 0 0.25em; color: #0f0; } #cookiepolicy p a.btn { color: #fff; background-color: #0c0; padding: 0.2em 0.4em; border-radius: 3px; } /******************************************* Search results window */ .searchresults > form { position: relative; margin: 0 0 0.5em 0; } .searchresults > form input { padding: 2px 10% 2px 2%; height: 20px; width: 88%; line-height: 20px; border: none; background-color: #f4f4f4; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); } .searchresults > form a.button { display: block; position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; background-color: #fff; background-image: url(ok.png); background-position: 0 0; background-repeat: no-repeat; z-index: 99999; cursor: pointer; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } .searchresults > form a.button:hover { background-position: 0 -20px; } .searchresults > p:first-child { margin-top: 0; } .searchresults > a { margin: 4px 0; clear: both; display: block; color: #555; text-align: left; padding: 6px; background-color: #fff; zoom: 1; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4); } .searchresults > a.active { background-color: #ddd; } .searchresults > a: before, .searchresults > a: after { content: "\0020"; display: block; height: 0; visibility: hidden; } .searchresults > a: after { clear: both; } .searchresults > a:hover, .searchresults > a:focus { padding: 4px; border: 2px solid #999; color: #222; } .searchresults > a aside { float: left; display: inline-block; width: 20%; min-width: 60px; margin-right: 10px; } .searchresults > a aside img { max-width: 100%; height: auto; } .searchresults > a h5, .searchresults > a p { margin: 0 0 0.5em 0; overflow: hidden; } .searchresults > a em { font-style: normal; background-color: #ff9; } /******************************************* Feedback form */ .feedback > form { position: relative; margin: 0 0 0.5em 0; } .feedback > form p { margin: .5em 0; } .feedback > form p:first-child { margin-top: 0; } .feedback > form textarea, .feedback > form input { padding: 4px 2%; width: 96%; background-color: #f8f8f8; border: none; -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); -moz-border-radius:4px; border-radius:4px; } .feedback > form input { line-height: 1.5em; height: 1.5em; } .feedback > form > p textarea { height: 8.5em; } .feedback > form > div { margin: 4px 0; clear: both; display: block; color: #555; text-align: left; padding: 6px; background-color: #fff; zoom: 1; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4); } .feedback > form > div: before, .feedback > form > div: after { clear: both; content: "\0020"; display: block; height: 0; visibility: hidden; } .feedback > form > div aside { float: left; display: inline-block; margin-right: 10px; width: 30%; min-width: 60px; max-width: px; } .feedback > form > div > div { position: relative; overflow: hidden; } .feedback > form > div aside img { max-width: 100%; height: auto; } .feedback > form a.remove { font-family: Arial, Helvetica, sans-serif; font-size: 14px; display: inline-block; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; right: -6px; top: -6px; color: #999; cursor: pointer; } .feedback > form a.remove:hover { color: #f00; } .feedback > form label { font-size: 80%; color: #666; display: block; margin-bottom: 0.5em; } .feedback > form > div textarea { height: 4.5em; background-color: #fff; } /******************************************* Shop multiple items */ .shopall { text-align: center; } .shopall ul.thumbs { width: auto; margin: 0 0 15px 0; padding: 0; list-style-type: none; } .shopall ul.thumbs li { position: relative; display: inline-block; margin: 1px; text-align: center; width: 60px; height: 45px; line-height: 45px; } .shopall ul.thumbs li img { width: auto; height: auto; max-width: 60px; max-height: 45px; } .shopall ul.thumbs li a.remove { display: inline-block; position: absolute; width: 20px; height: 20px; text-align: center; right: 0; top: 0; font-size: 150%; line-height: 1; color: #999; cursor: pointer; } .shopall ul.thumbs li a.remove:hover { color: #f00; } /******************************************* Help window */ .help { font-size: 12px; } .help ul { clear: both; margin: 0; background-repeat: no-repeat; background-position: left 8px; padding: .5em 0 .5em 360px; list-style-type: none; } .help .index { background-image: url(helpsplash.png); min-height: 160px; } .help .slide { background-image: url(helpgallery.png); min-height: 260px; } .help ul: after { clear: both; } .help ul:first-child { margin-top: 0; } .help ul:last-child { margin-bottom: 0; border-bottom: none; } .help li { text-align: left; text-indent: -30px; line-height: 2; } .help li em { padding: 2px 5px; margin-left: 10px; font-style: normal; font-size: 85%; white-space: nowrap; border: 1px solid #999; -moz-border-radius:2px; border-radius:2px; } .help li b { padding: 2px 5px; font-weight: bold; white-space: nowrap; -moz-border-radius:2px; border-radius:2px; } .help li span { padding: 2px 5px; margin-right: 10px; font-weight: bold; -moz-border-radius:2px; border-radius:2px; } #help ._m_cont p { text-align: center; margin: 0.5em 0 0 0; } .help li b { background-color: #000; } .help li span { background-color: #ccc; color: #333; } /******************************************* Generic controls */ .controls a, a.control { background-image: url(controls.png); background-repeat: no-repeat; background-position: 0 0; } .controls a:hover, a.control:hover { background-position: -70px inherit; } /******************************************* Main layout elements */ #widgetbg { position: absolute; left: 0; right: 0; bottom: 0; height: 25px; z-index: 1; } #mainbg { position: absolute; left: 0; right: 0; top: 0; bottom: 25px; z-index: 0; } #main { position: absolute; left: 0; right: 0; top: 0; bottom: 25px; overflow: auto; z-index: 10; -webkit-text-size-adjust: 120%; zoom: 1; } #main header { position: relative; } #main .items { -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } #main .container { position: relative; width: 940px; height: 100%; max-height: 100%; zoom: 1; margin: 0 auto; } #main header { margin-left: 4px; } #main header .title aside { float: right; margin-top: 20px; } #main header .title .controls:first-child { -moz-border-top-left-radius:4px; -moz-border-bottom-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px; } #main header .title .controls:last-child { -moz-border-top-right-radius:4px; -moz-border-bottom-right-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; } #main header .description { clear: both; } .starttxt { font-size: 140%; } #main .items { width: 928px; margin: 0; overflow-x: hidden; overflow-y: auto; } #navigation { text-align: center; background-color: rgba(0,0,0,0.7); border-bottom: 1px solid rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4); box-shadow: 0 1px 1px rgba(0,0,0,0.4); z-index: 998; } #main header { margin-left: 20px; } #main .items { position: absolute; left: 16px; top: 260px; bottom: 0; min-height: 200px; -ms-touch-action: none; -ms-touch-select: none; touch-action: none; } .page #main .items { top: 140px; } .sub-album #main .items { top: 260px; } /******************************************* Scroller controls */ .scrup, .scrdn { position: absolute; right: 0; width: 20px; height: 20px; line-height: 20px; background-repeat: no-repeat; background-image: url(pg.png); } .scrup { top: 0; z-index: 990; background-position: 0 -20px; } .scrdn { bottom: 0; z-index: 991; background-position: 0 -40px; } .scrup:hover { background-position: -20px -20px; } .scrdn:hover { background-position: -20px -40px; } .scrbar { position: absolute; right: 3px; width: 14px; top: 20px; bottom: 20px; -moz-border-radius: 7px; border-radius: 7px; background-color: rgba(255,255,255,0.3); -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); } .no-rgba .scrbar { background-color: transparent; background-image: url(w40.png); } .scrbar div { position: absolute; top: 2px; left: 2px; right: 2px; height: 5px; -moz-border-radius: 7px; border-radius: 7px; background-color:#333333; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } .scrbar div img { width: 100%; height: 100%; } /******************************************* Header */ #main header { width: 900px; height: 240px; max-height: 100%; z-index: 10; background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,0.2); background-size: 100% auto; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6); -moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } #main header.same { } .ie7 #main header { max-height: none; } .page #main header { height: 120px; } .sub-album #main header { height: 240px; } #main header > .pattern { position: relative; height: 100%; -moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } #main header .title { padding: 0 20px; max-height: 240px; overflow: hidden; color: #fff; background-color: transparent; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); background-image: linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#99000000',endColorstr='#00000000'); } .page #main header .title { max-height: 120px; } .sub-album #main header .title { max-height: 240px; } #main header .title .upbtn { float: left; margin: 20px 20px 0 0; } #main header .title .controls { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.6); } .no-rgba #main header .title .controls { background-color: transparent; background-image: url(k60.png); } #main header .title .controls a { display: block; } #main header .title .controls:hover { background-color: rgba(0,0,0,0.8); } .no-rgba #main header .title .controls:hover { background-color: transparent; background-image: url(k80.png); } #main header .share a { background-position: -735px -15px; } #main header .download a { background-position: -835px -15px; } #main header .new a { background-position: -885px -15px; } #main header .search a { background-position: -685px -15px; } #main header .about a { background-position: -935px -15px; } #main header .parent a { background-position: -5px -15px; } #main header .share a:hover { background-position: -735px -85px; } #main header .download a:hover { background-position: -835px -85px; } #main header .new a:hover { background-position: -885px -85px; } #main header .search a:hover { background-position: -685px -85px; } #main header .about a:hover { background-position: -935px -85px; } #main header .parent a:hover { background-position: -5px -85px; } /* Page title and description */ #main header .hgroup { margin-top: 10px; padding: 10px 0; margin-right: 110px; overflow-x: hidden; max-height: 200px; overflow: hidden; } .page #main header .hgroup { max-height: 80px; } .sub-album #main header .hgroup { max-height: 200px; } #main header h1 { font-weight: normal; line-height: 1.1; text-overflow: ellipsis; text-shadow:2px 3px 6px rgba(0,0,0,0.5); } #main header .description { display: inline-block; font-weight: normal; padding: 3px 5px; text-shadow:2px 3px 6px rgba(0,0,0,0.5); -moz-border-radius:2px; border-radius:2px; } .no-rgba #main header .description { background-color: transparent; background-image: url(k20.png); } #main header .description { background-color: transparent; transition: background-color 500ms linear; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; } #main header .description:hover { background-color: rgba(0,0,0,0.2); } .no-rgba #main header .description:hover { background-color: transparent; background-image: url(k20.png); } #main header .description a { text-decoration: underline; color: #fff; } #main header .description a:hover { color: #adf; } /* Breadcrumb path */ #main header .breadcrumb { font-size: 90%; display: block; margin: 0.2em 0 0.4em 0; } #main header .breadcrumb div { display: inline-block; overflow: hidden; -moz-border-radius:4px; border-radius:4px; background-color: rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); } .no-rgba #main header .breadcrumb div { background-color: transparent; background-image: url(k20.png); } #main header .breadcrumb a { display: inline-block; font-weight: bold; padding: 0 0.5em; line-height: 2em; height: 2em; color: #ddd; text-shadow:1px 2px 4px rgba(0,0,0,0.5); } #main header .breadcrumb a:hover, #main header .breadcrumb a:focus { color: #fff; background-color: rgba(0,0,0,0.5); } #main header .breadcrumb a:first-child { -moz-border-top-left-radius:4px; -moz-border-bottom-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px; } #main header .breadcrumb a:last-child { -moz-border-top-right-radius:4px; -moz-border-bottom-right-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; } /*********************************** Start slideshow */ .startshow { position: absolute; overflow: hidden; bottom: 20px; right: 20px; width: 90px; height: 90px; -moz-border-radius:4px; border-radius:4px; background-color: rgba(0,0,0,0.2); cursor: pointer; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; } .no-rgba .startshow { background-color: transparent; background-image: url(k20.png); } .startshow:hover { background-color: rgba(0,0,0,0.8); } .no-rgba .startshow:hover { background-color: transparent; background-image: url(k80.png); } .starttxt { float: right; height: 90px; padding: 0 90px 0 20px; line-height: 90px; color: #fff; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; background-image: url(start.png); background-repeat: no-repeat; background-position: right 0; } .startshow:hover .starttxt { background-position: right -90px; } /*********************************** Left box = map and FB commenting */ .left-box { margin-top: 20px; margin-left: 4px; min-height: 120px; } /*********************************** Items */ #main .items > .cont { display: block; width: 908px; padding-right: 20px; } /*********************************** Footer */ #main footer { clear: both; display: block; margin: 10px 4px; text-align: center; } #main footer .wrap { padding: 0.5em 1em; -moz-border-radius:4px; border-radius:4px; } #main footer .wrap img { max-width: 100%; } #main footer .promotion, #main footer .footer-links { font-size: 75%; } #main .footer em { font-style: italic; } /*********************************** Top navigation */ .no-rgba #navigation { background-color: transparent; background-image: url(k80.png); } #navigation nav { text-align: center; } #navigation nav > ul { } #navigation nav ul { display: inline-block; padding: 0; margin: 0; list-style-type: none; } #navigation nav li { transition: background-color 500ms linear; -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; } #navigation nav ul a { display: block; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; color: #ccc; transition: color 300ms linear; -webkit-transition: color 300ms linear; -moz-transition: color 300ms linear; -ms-transition: color 300ms linear; -o-transition: color 300ms linear; text-shadow:1px 2px 4px rgba(0,0,0,0.5); } #navigation nav > ul > li > a { max-width: 180px; overflow: hidden; line-height: 30px; } #navigation nav > ul > li { position: relative; display: inline-block; vertical-align: top; width: auto; height: 30px; } .ie7 #navigation nav > ul > li { float: left; } #navigation nav > ul > li.home { width: 40px; height: 30px; } #navigation nav > ul > li.home a { display: block; line-height: 30px; background-position: -785px -19px; } #navigation nav > ul > li.home a:hover { background-position: -785px -89px; } #navigation nav li.actual { background-color: #000; } #navigation nav li:hover { background-color: rgba(0,0,0,0.8); } .no-rgba #navigation nav li:hover { background-color: transparent; background-image: url(k90.png); } #navigation nav li:hover > a { color: #fff; } #navigation nav > ul > li > a { /*font-size: 110%;*/ padding: 0 .75em; } #navigation nav > ul > li ul { display: none; position: absolute; line-height: 30px; text-align: left; z-index: 999; background-color: rgba(0,0,0,0.8); -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6); } .no-rgba #navigation nav > ul > li ul { background-color: transparent; background-image: url(k80.png); } #navigation nav > ul > li > ul { min-width: 100%; } #navigation nav > ul > li > ul li { position: relative; display: block; } #navigation nav > ul > li > ul > li a { line-height: 30px; font-size: 100%; padding: 0 8px; } #navigation nav > ul > li > ul > li ul { position: absolute; left: 100%; top: 0; } #navigation nav > ul > li:hover > ul, #navigation nav > ul > li > ul > li:hover > ul, #navigation nav > ul > li > ul > li > ul > li:hover > ul { display: block; } /******************************************* Pages */ #main article { display: block; position: relative; margin: 0 4px; padding: 20px; color: #333333; background-color: rgba(255,255,255,0.1); -moz-border-radius:6px; border-radius:6px; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4); } .no-rgba #main article { background-color: transparent; background-image: url(w10.png); } #main article code { font-family: Consolas, "Lucida Console", Monaco, monospace; font-size: 0.92em; background-color: #fff; color: #333; margin: 0 0.3em; padding: 0.1em 0.3em; -moz-border-radius:2px; border-radius:2px; } /******************************************* Folders */ .thumbs, .folders { table-layout: fixed; width: 908px; clear: both; border-collapse: separate; border-spacing: 4px; margin-top: -4px; } .ie7 .folders { margin-right: -20px; } .thumbs td, .folders td { position: relative; padding: 0; vertical-align: top; color: #333333; overflow: hidden; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } .folders td { width: 33.333333333333336%; max-width: 297px; background-color: rgba(255,255,255,0.1); transition: background-color 250ms linear; overflow: hidden; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; } .folders.pages td { } .no-rgba .folders td { background-color: transparent; background-image: url(w10.png); } .folders td:hover { background-color: rgba(255,255,255,0.2); } .no-rgba .folders td:hover { background-color: transparent; background-image: url(w20.png); /*-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/ } .thumbs td.empty, .rgba .thumbs td.empty, .no-rgba .thumbs td.empty, .folders td.empty, .rgba .folders td.empty, .no-rgba .folders td.empty { background-image: none; background-color: transparent !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .folders a { color: #222222; } .folders a:hover { color: #000000; outline: none; } .folders aside { position: relative; margin: 48px auto 0.5em auto; display: table; text-align: center; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; } .ie7 .folders aside { display: inline; } .folders aside a { display: table-cell; width: 200px; height: 150px; vertical-align: middle; } .ie7 .folders aside a { display: block; } .folders aside a img { max-width: 200px; max-height: 150px; vertical-align: top; border: none; } .folders .data { overflow-x: hidden; padding: 0.8em 10px; max-width: 277px; text-align: center; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .folders.pages .data { padding: 0.8em; } .folders h4 { font-size: 120%; line-height: 1.15; margin: 0 0 0.2em 0; /* text-shadow:1px 1px 2px rgba(0,0,0,0.4);*/ } .folders h4:last-child { margin-bottom: 0; } .folders .caption, .folders p { margin-top: 0.5em; margin-bottom: 0; } .folders p.info { font-size: 85%; } .folders .readmore { font-size: 80%; background-color: rgba(255,255,255,0.2); -moz-border-radius:2px; border-radius:2px; } .neighbors { clear: both; line-height: 40px; margin: 0 4px 4px 4px; } .neighbors a { display: inline-block; vertical-align: top; color: #333333; max-width: 426px; max-height: 40px; white-space: nowrap; overflow: hidden; padding: 11px; background-color: rgba(255,255,255,0.1); transition: background-color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } .neighbors a span { display: inline; max-height: 40px; margin: 0 .5em; overflow: hidden; text-overflow: ellipsis; } .no-rgba .neighbors a { background-color: transparent; background-image: url(w10.png); } .neighbors a:hover { background-color: rgba(255,255,255,0.2); } .no-rgba .neighbors a:hover { background-color: transparent; background-image: url(w20.png); } .neighbors a.next { float: right; } .neighbors a.previous { float: left; } .neighbors a img { display: inline-block; width: auto; height: 40px; vertical-align: top; } .neighbors a.next img { float: right; } .neighbors a.previous img { float: left; } /******************************************* Thumbnail grid on index page */ .thumbs td { width: 25%; padding: 0; background-color: rgba(255,255,255,0.1); } /*.thumbs table td { width: 222px; }*/ .thumbs td > a { display: block; position: relative; height: 150px; line-height: 146px; overflow: hidden; text-align: center; padding: 11px; -moz-border-radius:4px; border-radius:4px; transition: background-color 250ms linear; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -webkit-text-size-adjust: 100%; } .no-rgba .thumbs td > a { background-color: transparent; background-image: url(w10.png); } .thumbs td > a:hover, .thumbs td > a:focus { background-color: rgba(255,255,255,0.2); color: #000000; outline: none; } .no-rgba .thumbs td > a:hover, .no-rgba .thumbs td > a:focus { background-color: transparent; background-image: url(w20.png); /*-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/ } .thumbs td > a.active { background-color: rgba(255,255,255,0.4); } .no-rgba .thumbs td > a.active { background-color: transparent; background-image: url(w40.png); } .thumbs td > a img { display: inline; vertical-align: middle; max-width: 200px; max-height: 150px; border: 0; outline: none; } .thumbs td > a b { vertical-align: middle; display: inline-block; height: 100%; font-size: 1px; } .thumbs td > .caption { margin: 0; padding: 0.5em 8px; line-height: 1.2; max-width: 206px; overflow-x: hidden; text-align: center; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .thumbs td > .caption span.nr { font-size: 80%; line-height: 1.6; vertical-align: top; font-weight: normal; font-style: normal; padding: 0px 3px; color:#dddddd; background-color: #333333; -moz-border-radius:2px; border-radius:2px; } .thumbs td > .caption a.original { display: inline-block; vertical-align: top; margin: 0 0 0 0.5em; padding: 2px 4px; font-size: 80%; background-color: rgba(0,0,0,0.4); color: #ddd; -moz-border-radius:2px; border-radius:2px; } .thumbs td > .caption .comment { font-size: 90%; margin-top: 0.2em; } .newlabel { display: inline; position: absolute; padding: 4px 2px 4px 4px; border-right: 3px solid #c00; background-color: #A00; background-color: rgba(192,0,0,0.6); color: #ddd; font-size: 66.7%; } .thumbs .newlabel { line-height: 12px; right: 11px; top: 11px; } .folders .newlabel { line-height: 12px; right: 0; top: 0; } .scrollbox .newlabel { line-height: 1em; right: 3px; top: 3px; font-size: 55%; } .cont.load .wait { display: inline; position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: 20px; background-image: url(load.gif); background-position: center center; background-repeat: no-repeat; z-index: 99; } /******************************************* Bulk actions */ .checkbox { display: inline; position: absolute; border: 1px solid rgba(255,255,255,0.1); -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); } .thumbs .checkbox { width: 20px; height: 20px; left: 11px; top: 11px; } .gallery .main .checkbox { width: 24px; height: 24px; left: 14px; top: 14px; z-index: 9999; } .gallery .main.video .checkbox { display: none; } .gallery .main:hover .checkbox, .thumbs td > a:hover .checkbox { border: 1px solid rgba(255,255,255,0.4); } .checkbox.active { background-color: rgba(0,0,0,0.3); background-image: url(check.png); background-repeat: no-repeat; } .thumbs td > a .checkbox.active { background-position: 0 0; } .gallery .main .checkbox.active { background-position: 2px 2px; } .thumbs td > a:hover .checkbox.active { background-position: 0 -40px; } .gallery .main:hover .checkbox.active { background-position: 2px -38px; } /******************************************* Actions */ .actions { margin: 10px 4px; min-height: 30px; -moz-border-radius:4px; border-radius:4px; } .actions:first-child { margin-top: 0; } .bulkactions { float: right; display: inline-block; margin-left: 15px; } .bulkactions span, .bulkactions .shares { font-size: 85%; display: inline-block; vertical-align: top; margin: 0; padding: 3px 6px; line-height: 24px; } .bulkactions span a { margin: 0 .1em; padding: .1em .4em; border: 1px solid #333333; -moz-border-radius:2px; border-radius:2px; } .bulkactions nav.buttons { display: inline-block; } /******************************************* Map on index page */ #map { display: block; margin: 0 4px; padding: 11px; background-color: rgba(255,255,255,0.1); overflow: hidden; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } .no-rgba #map { background-color: transparent; background-image: url(w10.png); } #map .cont { position: relative; width: 878px; height: 300px; } /******************************************* Map on index page */ .fb-comments, .disqus-comments { margin-top: 20px; margin-left: 4px; margin-right: 4px; } .disqus-comments { padding: 11px; background-color: rgba(255,255,255,0.1); width: 878px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } #slide .fb-comments, #slide .disqus-comments { padding: 0 10px 0 0; margin: 0; height: 170px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } /******************************************* Share box */ .shareactions > .shares { font-size: 85%; margin: 4px 15px 0 4px; } .shares .likebtn { height: 22px; background-position: 0 0; overflow: hidden; } .shares > a { display: block; padding: 1px 4px 1px 26px; line-height: 20px; height: 20px; overflow: hidden; background-repeat: no-repeat; background-image: url(share_dark.png); } .hook-s, .shares > a:hover { background-image: url(share.png); } .shares a.facebook { background-position: -1px -25px; } .shares a.twitter { background-position: -1px -49px; } .shares a.digg { background-position: -1px -73px; } .shares a.myspace { background-position: -1px -97px; } .shares a.delicious { background-position: -1px -121px; } .shares a.stumbleupon { background-position: -1px -145px; } .shares a.email { background-position: -1px -169px; } .shares a.reddit { background-position: -1px -193px; } .shares a.tumblr { background-position: -1px -217px; } .shares a.flickr { background-position: -1px -241px; } .shares a.foursquare { background-position: -1px -265px; } .shares a.gplus { background-position: -1px -289px; } .shares a.linkedin { background-position: -1px -313px; } .shares a.picasa { background-position: -1px -337px; } .shares a.skype { background-position: -1px -361px; } .shares a.vimeo { background-position: -1px -385px; } .shares a.youtube { background-position: -1px -409px; } .shares a.phone { background-position: -1px -433px; } .shares a.jalbum { background-position: -1px -457px; } .shares a.pinterest { background-position: -1px -481px; } .shares a.instagram { background-position: -1px -505px; } .shares a.github { background-position: -1px -529px; } .shares a.rss { background-position: -1px -553px; } .shares > span { display: inline-block; line-height: 20px; padding: 1px 3px; vertical-align: top; } .shares { width: 120px; } .shares .likebtn { display: block; margin-bottom: 4px; overflow: hidden; } .shares > a { color: #000; } .shares > a:hover { color: #fff; background-color: #222; } /*********************************** Regions */ .regions-cont { position: absolute; } .regions-cont a { position: absolute; display: block; -moz-border-radius:4px; border-radius:4px; border: 3px solid #fff; opacity: 0; cursor: pointer; background-image: url(blank.png); } .regions-cont a, .regions-cont a:hover, .regions-cont a.active .regions-cont.active a, .regions-cont.active a.active, .regions-cont.active a:hover { transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; } .regions-cont a:hover, .regions-cont a.active, .regions-cont.active a.active, .regions-cont.active a:hover { opacity: 1; } .touch .regions-cont.active a { opacity: 0.6; } .regions-cont.active a { opacity: 0.3; } .regions-cont a span { position: absolute; top: 0; right: 0; max-width: 85%; padding: 0 4px 4px 6px; background-color: #fff; font-size: 80%; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-radius: 0 2px 0 2px; } .touch .regions-cont a span, .regions-cont a:hover span { max-width: none; } /**************************************************************** Images page */ .gallery { position: absolute; position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 25px; z-index: 10000; background-color:#333333; overflow: hidden; -webkit-text-size-adjust: 120%; -webkit-overflow-scrolling: auto; touch-action: none; } #slide .gallery { display: block; } .gallery a { text-decoration: none; outline: none; } .gallery .navigation { position: absolute; left: 0; right: 0; margin: 0; z-index: 10000; } .gallery .navigation.hide { top: -120px; } .gallery .navigation nav { display: none; position: absolute; bottom: -75px; padding-top: 5px; -moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; left: 50%; margin-left: -205px; height: 70px; background-color: rgba(0,0,0,0.8); overflow: hidden; white-space: nowrap; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-text-size-adjust: 100%; } .no-rgba .gallery .navigation nav { background-color: transparent; background-image: url(k80.png); } .gallery .navigation nav a { display: inline-block; width: 50px; height: 70px; line-height: 70px; background-image: url(controls.png); background-repeat: no-repeat; background-position: -50px 0; } .hook-c { background-image: url(controls.png); } .gallery .navigation nav a.prev { background-position: -50px 0; width: 70px; } .gallery .navigation nav a.prev:hover { background-position: -50px -70px; } .gallery .navigation nav a.up { background-position: -120px 0; } .gallery .navigation nav a.up:hover { background-position: -120px -70px; } .gallery .navigation nav a.resize { background-position: -170px 0; } .gallery .navigation nav a.resize:hover { background-position: -170px -70px; } .gallery .navigation nav a.noresize { display: none; background-position: -220px 0; } .gallery .navigation nav a.noresize:hover { background-position: -220px -70px; } .gallery .navigation nav a.showinfo { background-position: -270px 0; } .gallery .navigation nav a.showinfo:hover { background-position: -270px -70px; } .gallery .navigation nav a.hideinfo { display: none; background-position: -320px 0; } .gallery .navigation nav a.hideinfo:hover { background-position: -320px -70px; } .gallery .navigation nav a.showthumbs { background-position: -370px 0; } .gallery .navigation nav a.showthumbs:hover { background-position: -370px -70px; } .gallery .navigation nav a.hidethumbs { display: none; background-position: -420px 0; } .gallery .navigation nav a.hidethumbs:hover { background-position: -420px -70px; } .gallery .navigation nav a.play { width: 70px; background-position: -470px 0; } .gallery .navigation nav a.play:hover { background-position: -470px -70px; } .gallery .navigation nav a.pause { display: none; width: 70px; background-position: -540px 0; } .gallery .navigation nav a.pause:hover { background-position: -540px -70px; } .gallery .navigation nav a.next { width: 70px; background-position: -610px 0; } .gallery .navigation nav a.next:hover { background-position: -610px -70px; } .gallery .scrollbox { position: relative; top: 0; left: 0; display: block; width: 920px; height: 120px; max-width: 80%; margin: 0 auto; -moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; overflow: hidden; background-color: rgba(0,0,0,0.6); transition: background-color 500ms; -moz-transition: background-color 500ms; -webkit-transition: background-color 500ms; -ms-touch-action: none; touch-action: none; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6); } .rgba.touch .gallery .scrollbox, .rgba .gallery .scrollbox:hover { background-color: rgba(0,0,0,0.8); } .no-rgba .gallery .scrollbox { background-color: transparent; background-image: url(k60.png); } .no-rgba .gallery .scrollbox:hover { background-color: transparent; background-image: url(k80.png); } .gallery .scrollbox .wrap { position: relative; top: 5px; margin: 0 40px; height: 108px; overflow: hidden; } .gallery .scrollbox ul.cont { position: absolute; left: 0; top: 0; bottom: 0; margin: 0; padding: 0; white-space: nowrap; -webkit-text-size-adjust: 100%; -ms-touch-action: pan-x; touch-action: pan-x; } .gallery .scrollbox ul.cont li { display: table; float: left; display: inline; position: relative; width: 139px; height: 106px; overflow: hidden; margin: 1px; text-align: center; } .gallery .scrollbox .cont a { display: table-cell; vertical-align: middle; position: relative; padding: 3px; margin-right: 1px; width: 133px; height: 100px; text-align: center; } .gallery .scrollbox .cont a img { max-width: 133px; max-height: 100px; vertical-align: middle; } .gallery .scrollbox .cont a:hover, .gallery .scrollbox .cont a:focus { background-color: rgba(255,255,255,0.2); outline: none; } .no-rgba .gallery .scrollbox .cont a:hover, .no-rgba .gallery .scrollbox .cont a:focus { background-image: url(w20.png); } .gallery .scrollbox .cont a.active { background-color: rgba(255,255,255,0.4); } .no-rgba .gallery .scrollbox .cont a.active { background-color: transparent; background-image: url(w40.png); } .gallery .scrollbox .scleft, .gallery .scrollbox .scright { position: absolute; top: 5px; width: 24px; height: 108px; background-repeat: no-repeat; background-position: left center; } .hook-s, .gallery .scrollbox .scleft, .gallery .scrollbox .scright { background-image: url(scroll.png); } .gallery .scrollbox .scleft { left: 10px; background-position: 0 center; } .gallery .scrollbox .scright { right: 10px; background-position: -48px center; } .gallery .scrollbox .scleft:hover { background-position: -24px center; } .gallery .scrollbox .scright:hover { background-position: -72px center; } .gallery .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; -webkit-overflow-scrolling: auto; } #slide .gallery .img { display: none; } .gallery .img .main { position: relative; display: inline-block; background-color:#444444; padding: 14px; -moz-box-shadow:3px 6px 32px rgba(0,0,0,0.6); -webkit-box-shadow:3px 6px 32px rgba(0,0,0,0.6); box-shadow:3px 6px 32px rgba(0,0,0,0.6); } .gallery .img .main.smooth { -webkit-transition: -webkit-transform 0.6s ease-out; transition: -webkit-transform 0.6s ease-out, transform 0.6s ease-out, -ms-transform 0.6s ease-out, -o-transform 0.6s ease-out; } .gallery .img .image > img, .gallery .img .image > a > img { vertical-align: top; width: 100%; height: 100%; cursor: default; -ms-interpolation-mode: bicubic; -ms-touch-action: none; touch-action: none; } .gallery .img .main.image { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -ms-touch-action: none; touch-action: none; } .gallery .img .other { width: 400px; text-align: center; background-color: rgba(240,240,240,0.85); color: #555; -ms-touch-action: none; touch-action: none; -moz-border-radius:4px; border-radius:4px; } .no-rgba .gallery .img .other { background-color: transparent; background-image: url(w80.png); } .gallery .img .other > a { display: block; margin: 15px 15px 0 15px; padding: 20px 0; border-bottom: 1px solid #ccc; } .gallery .img .other > a > img { min-height: 128px; } .gallery .img .other p { margin: 10px 15px 15px 15px; overflow: hidden; } .gallery .img .main.video, .gallery .img .main.audio { -ms-touch-action: none; touch-action: none; overflow: hidden; } .gallery .img .main.video > a, .gallery .img .main.audio > a { display: block; height: 100%; margin-bottom: 14px; } .gallery .img .main.video > a > img, .gallery .img .main.audio > a > img { width: 100%; height: 100%; } .gallery .img .main.video.jp-video-full { padding: 0 !important; } .gallery > .wait { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 25px; background-image: url(wait.gif); background-position: center center; background-repeat: no-repeat; z-index: 3; } .gallery .bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 11; } .gallery .bottom.hide { bottom: -100%; } .gallery .bottom .cont { position: relative; width: 890px; max-width: 80%; margin: 0 auto; padding: 5px 8px 6px 15px; text-align: left; -moz-border-top-left-radius:6px; -moz-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; color: #333333; background-color: rgba(0,0,0,0.4); transition: background-color 500ms; -moz-transition: background-color 500ms; -webkit-transition: background-color 500ms; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6); } .no-rgba .gallery .bottom .cont { background-color: transparent; background-image: url(k40.png); } .rgba.touch .gallery .bottom .cont, .gallery .bottom .cont:hover { background-color: rgba(0,0,0,0.9); } .no-rgba .gallery .bottom .cont:hover { background-image: url(k80.png); } .gallery .bottom .cont:before, .gallery .bottom .cont:after { content: "\0020"; display: block; height: 0; visibility: hidden; clear: both; } .gallery .bottom h2 { margin-top: 6px; font-size: 140%; } .gallery .bottom h3 { margin-top: 8px; font-size: 125%; } .gallery .bottom .caption { margin-top: 10px; } .gallery .bottom .caption a { color: #222222; } .gallery .bottom .caption a:hover { color: #000000; } .gallery .bottom .comment { max-height: 12em; overflow: auto; } .gallery .bottom .comment a { text-decoration: underline; } nav.buttons { height: 28px; line-height: 24px; font-size: 85%; -moz-border-radius:2px; border-radius:2px; border: 1px solid #181818; color: #bbb; background-color: #181818; z-index: 999; background-image: -webkit-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1)); background-image: -moz-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1)); background-image: -o-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1)); background-image: -ms-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1)); background-image: linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1)); filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#FF333333',EndColorStr='#FF222222'); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.6); box-shadow:0px 1px 2px rgba(0,0,0,0.6); } .gallery .bottom nav.buttons { float: right; display: inline; margin: 5px 0 5px 10px; } nav.buttons a { display: inline-block; height: 28px; padding: 0 6px 0 30px; line-height: 28px; white-space: nowrap; background-image: url(buttons.png); background-position: 6px 0; background-repeat: no-repeat; border-left: 1px solid #000; color: #ccc; cursor: default; } .gallery .bottom nav.buttons a { width: 20px; padding: 0 6px; } nav.buttons a:first-child { border-left: none; -moz-border-top-left-radius:2px; -moz-border-bottom-left-radius:2px; border-top-left-radius:2px; border-bottom-left-radius:2px; } nav.buttons a:last-child { -moz-border-top-right-radius:2px; -moz-border-bottom-right-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; } nav.buttons a:hover { color: #fff; } nav.buttons a.active { background-color: #000; border-left-color: #111; color: #aaa; } .gallery .bottom .nr { float: right; display: inline; margin: 5px 0 5px 10px; line-height: 26px; padding: 0; white-space: nowrap; } .gallery .bottom .meta .icon { background-position: 0 -1px; } nav.buttons a.meta-icon { background-position: 6px -1px; } .gallery .bottom .map .icon { background-position: 0 -33px; } nav.buttons a.map-icon { background-position: 6px -33px; } .gallery .bottom .shop .icon { background-position: 0 -65px; } nav.buttons a.shop-icon { background-position: 6px -65px; } nav.buttons a.link-icon { background-position: 6px -97px; } .gallery .bottom .share .icon { background-position: 0 -129px; } nav.buttons a.share-icon { background-position: 6px -129px; } .gallery .bottom .print .icon { background-position: 0 -161px; } nav.buttons a.print-icon { background-position: 6px -161px; } .gallery .bottom .comments .icon { background-position: 0 -193px; } nav.buttons a.comments-icon { background-position: 6px -193px; } .gallery .bottom .regions .icon { background-position: 0 -225px; } nav.buttons a.regions-icon { background-position: 6px -225px; } .gallery .bottom .fotomoto .icon { background-position: 0 -257px; } nav.buttons a.fotomoto-icon, nav.buttons a.mostphotos-icon { background-position: 6px -257px; } .gallery .bottom .custom .icon { background-position: 0 -289px; } nav.buttons a.custom-icon { background-position: 6px -289px; } .gallery .bottom .email .icon { background-position: 0 -321px; } nav.buttons a.email-icon { background-position: 6px -321px; } .gallery .bottom .panel { clear: both; position: relative; font-size: 85%; color: #ccc; margin-top: 10px; padding-left: 30px; color: #333333; content: ' '; } .gallery .bottom .icon { position: absolute; left: 0; top: -2px; width: 20px; height: 24px; background-image: url(buttons.png); background-repeat: no-repeat; } .gallery .bottom .meta b { color: #fff; } .gallery .bottom .map .mapcont { position: relative; overflow: hidden; height: 240px; } .gallery .bottom .shop .icon { top: -1px; } .shop form { vertical-align: top; display: inline-block; margin-right: 0.5em; padding: 2px 0; line-height: 25px; white-space: nowrap; height: 26px; } .shop input, .shop select { margin: 0 4px; outline: none; -moz-border-radius:2px; border-radius:2px; } .shop input { border: none; padding: 4px 6px; } .shop input[type="image"] { padding: 2px 0; } .shop select { padding: 3px 5px; background-color: #fff; border: 1px solid #999; /*margin: -2px 6px 0 0;*/ } .shop select:first-child { margin-left: 0; } .shop .copies, .shop .coupon { -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); } .shop .copies { width: 2em; } .shop .count { } .shop .total, .shop .discount { display: inline-block; margin: 0 4px; line-height: 16px; -moz-border-radius:2px; border-radius:2px; } .shop .discount { padding: 4px 4px; background-color: #d33; color: #fff; } .shop .total { padding: 4px 8px; background-color: #444; text-align: right; color: #fff; } .shop .coupon { width: 7em; margin: 0 0 0 6px; background-color: #ffdca0; } .shop .coupon::-webkit-input-placeholder { font-size: 80%; } .shop .coupon::-moz-placeholder { font-size: 80%; } .shop .coupon::-ms-input-placeholder { font-size: 80%; } .shop .redeem { display: inline-block; position: relative; top: 1px; left: -21px; width: 20px; margin-right: -21px; height: 20px; line-height: 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX///8iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiKzbYCPAAAACnRSTlMAESJ3iJmqzN3/14XUmgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABGSURBVAiZY2DAApjcUhSYQQzP6ZVTPIE0y1QBxsiZQIZmAAODJYjhKcDAPBPESIdpgjOAUgyMDFDFrI0w7Q4wA+FWYLMaAP99DZ459gmkAAAAAElFTkSuQmCC); background-position: center center; background-repeat: no-repeat; } .paypalbtn { line-height: 18px; padding: 3px 8px; border: 1px solid #e79e26; background-color: #ffbb31; background-image: -moz-linear-gradient(top, #feb 0%,#fa0 100%); background-image: -webkit-linear-gradient(top, #feb 0%,#fa0 100%); background-image: -o-linear-gradient(top, #feb 0%,#fa0 100%); background-image: -ms-linear-gradient(top, #feb 0%,#fa0 100%); background-image: linear-gradient(top, #feb 0%,#fa0 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeebb',endColorstr='#ffaa00'); text-shadow:1px 1px 1px rgba(255,255,255,0.6); -moz-border-radius:2px; border-radius:2px; } .paypalbtn#shopAdd { font-weight: bold; } #bgaudio { position: fixed; right: 0px; top: 0; width: 100px; height: 34px; z-index: 99999; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4); } b, strong { font-weight: bold; } i, em { font-style: italic; } /* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.jplayer.org * * Skin Name: jAlbum * * Copyright (c) 2012 jAlbum AB * Dual licensed under the MIT and GPL licenses. * - http://www.opensource.org/licenses/mit-license.php * - http://www.gnu.org/copyleft/gpl.html * * Author: Laszlo Molnar * Skin Version: 0.9 (jPlayer 2.2.0) * Date: 21nd December 2012 */ a:active, a:focus { outline:none; } .jp-warning { position:absolute; top:30%; left:5%; right:5%; margin:0 auto; width:200px; max-width:90%; padding:10px 15px; background-color:#333; background-color:rgba(0,0,0,0.8); color:#ddd; text-align:center; z-index:999; -moz-border-radius:6px; border-radius:6px; } .jp-audio, .jp-audio-stream, .jp-video { font-size:1em; font-family:Segoe,"Segoe UI",Tahoma,Geneva,"Open Sans","Nimbus Sans L",sans-serif; line-height:1.231; color:#ddd; border:none; width:100%; height:100%; -ms-touch-action:none; touch-action:none; } .jp-audio { } .jp-audio-stream { } .jp-video-270p { } .jp-video-360p { } .jp-video-full { position:absolute !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; } .jp-type-single { width:100%; height:100%; } .jp-video .jp-jplayer { background-color:#000; } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ .jp-video-full div div { z-index:1000; } .jp-video-full .jp-jplayer { top:0 !important; left:0 !important; width:100%; height:100%; position:fixed !important; position:relative; /* Rules for IE6 (full-screen) */ overflow:hidden; } .jp-video-full .jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ bottom:0 !important; left:0 !important; width:100%; z-index:1001; /* 1 layer above the others. */ } .jp-video-full .jp-gui { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom:0 !important; left:0 !important; } /* jp-title */ .jp-title { position:absolute; overflow:hidden; top:0; left:0; right:0; text-align:center; margin:0; z-index:11; opacity:0; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; } .jp-video-full .jp-title { width:100%; top:0 !important; left:0 !important; right:0 !important; } .jp-audio:hover .jp-title, .jp-video:hover .jp-title { position:absolute; opacity:1; } .jp-title ul { list-style-type:none; padding:0; display:inline-block; margin:0 auto; text-align:center; color:#fff; background-color:#000; background-color:rgba(0,0,0,0.25); text-shadow:1px 1px 1px rgba(0,0,0,0.5); -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; } .jp-title ul li { padding:0.25em 1em; } /* jp-interface */ .jp-gui { position:absolute; height:34px; bottom:0; left:0; right:0; z-index:10; background-color:rgba(0,0,0,0.8); } .jp-audio .jp-gui { } .jp-audio-stream .jp-gui { } /* play button */ .jp-audio .jp-video-play, .jp-video .jp-video-play { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; /* Important for nested negative margins to work in modern browsers */ cursor:pointer; z-index:1; } .jp-video-270p .jp-video-play { } .jp-video-360p .jp-video-play { } .jp-video-full .jp-video-play { height:100%; } .jp-video-play > a { position:absolute; display:block; width:112px; height:100px; margin-left:-56px; margin-top:-50px; left:50%; top:50%; overflow:hidden; background-image:url(jplayer.jalbum.video.png); background-position:0 0; text-indent:-9999px; } .jp-video-play:hover > a { background-position:0 -100px; } /* @group progress bar */ /* The seeking class is added/removed inside jPlayer */ .jp-seeking-bg { background:url('jplayer.jalbum.seeking.gif'); } .jp-progress, .jp-seek-bar, .jp-play-bar { display:block; margin:0; background-repeat:repeat-x; height:6px; overflow:hidden; } .jp-progress { width:100%; background-color:#000; } .jp-video .jp-progress { } .jp-seek-bar { width:0; cursor:pointer; } .jp-play-bar { background-image:url('jplayer.jalbum.png'); background-position:0px -318px; width:0; } /* @end */ /* @group CONTROLS */ .jp-controls-holder { position:relative; width:100%; height:28px; clear:both; overflow:hidden; } .jp-startstop { float:left; display:inline; margin:0; height:28px; overflow:hidden; } .jp-audio-stream .jp-controls { } .jp-startstop a { float:left; display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:28px; padding:0; } /* @group single player controls */ .jp-startstop a { background-image:url('jplayer.jalbum.png'); background-position:0 0; background-repeat:no-repeat; width:28px; } .jp-startstop a.jp-play { background-position:0 0; } .jp-startstop a.jp-play:hover { background-position:-28px 0; } .jp-startstop a.jp-pause { display:none; background-position:0px -28px; } .jp-startstop a.jp-pause:hover { background-position:-28px -28px; } .jp-audio-stream .jp-play, .jp-audio-stream .jp-pause { } .jp-startstop a.jp-stop { background-position:0px -56px; } .jp-mini .jp-startstop a.jp-stop { display:none; } .jp-mini .jp-video-play { display:none; } .jp-startstop a.jp-stop:hover { background-position:-28px -56px; } .jp-startstop a.jp-previous { background-position:0 -112px no-repeat; } .jp-startstop a.jp-previous:hover { background-position:-28px -112px no-repeat; } .jp-startstop a.jp-next { background-position:0 -84px no-repeat; } .jp-startstop a.jp-next:hover { background-position:-28px -84px no-repeat; } /* @end */ /* @group volume bar */ .jp-volume { position:relative; float:left; display:inline; width:28px; height:100%; overflow:hidden; transition: width 0.5s; -moz-transition: width 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s; /* Safari and Chrome */ -o-transition: width 0.5s; /* Opera */ } .jp-volume:hover { width:128px; } .jp-mini .jp-volume:hover { width:68px; } .jp-volume a.jp-mute, .jp-volume a.jp-unmute { float:left; display:inline-block; overflow:hidden; text-indent:-9999px; width:28px; height:28px; padding:0; background-image:url('jplayer.jalbum.png'); } .jp-volume a.jp-mute { background-position:0 -140px; } .jp-volume a.jp-mute:hover { background-position:-28px -196px; } .jp-volume a.jp-unmute { display:none; background-position:0 -168px; } .jp-volume a.jp-unmute:hover { background-position:-28px -140px; } .jp-volume a.jp-volume-max { display:none; background-position:0 -140px; } .jp-volume a.jp-volume-max:hover { background-position:-28px -140px; } .jp-volume-bar { position:absolute; left:28px; top:11px; height:6px; width:100px; overflow:hidden; background-color:#000; } .jp-mini .jp-volume-bar { width:40px; } .jp-volume-bar:hover { cursor: pointer; } .jp-audio .jp-interface .jp-volume-bar, .jp-audio-stream .jp-interface .jp-volume-bar { left: 0; } .jp-audio-stream .jp-interface .jp-volume-bar, .jp-video .jp-volume-bar { } .jp-video .jp-volume-bar { } .jp-volume-bar-value { background-image:url('jplayer.jalbum.png'); background-position:0 -334px; height:6px; border-right:2px solid #666; } /* @end */ /* @group current time and duration */ .jp-times { float:left; display:inline; margin:4px; height:20px; background-color:#000; -moz-border-radius:4px; border-radius:4px; } .jp-current-time, .jp-duration { float:left; display:inline; padding:2px 6px; line-height:16px; font-size:.85em; z-index:99999; } .jp-mini .jp-current-time, .jp-mini .jp-duration { padding:2px 4px; font-size:.7em; } .jp-current-time { color:#999; left:44%; } .jp-duration { color:#666; border-left:1px dotted #444; } .jp-mini .jp-duration { display:none; } .jp-video .jp-current-time { } .jp-video .jp-duration { } /* @end */ /* @group TOGGLES */ .jp-toggles { float:right; display:inline-block; height:28px; padding:0; overflow:hidden; } .jp-toggles a { float:right; display:inline-block; width:28px; height:28px; text-indent:-9999px; line-height:100%; /* need this for IE6 */ background-image:url('jplayer.jalbum.png'); background-repeat:no-repeat; } .jp-toggles a.jp-full-screen { background-position:0 -224px; } .jp-toggles a.jp-full-screen:hover { background-position:-28px -224px; } .jp-toggles a.jp-restore-screen { display:none; background-position:-56px -224px; } .jp-toggles a.jp-restore-screen:hover { background-position:-84px -224px; } .jp-toggles a.jp-repeat { background-position:0 -252px; } .jp-toggles a.jp-repeat:hover { background-position:-28px -252px; } .jp-toggles a.jp-repeat-off { display:none; background-position:-56px -252px; } .jp-toggles a.jp-repeat-off:hover { background-position:-84px -252px; } .jp-toggles a.jp-shuffle { background-position:0 -280px; } .jp-toggles a.jp-shuffle:hover { background-position:-28px -280px; } .jp-toggles a.jp-shuffle-off { display:none; background-position:-56px -280px; } .jp-toggles a.jp-shuffle-off:hover { background-position:-84px -280px; } /* @end */ /* @group volume controls */ div.jp-interface ul.jp-controls a.jp-mute, div.jp-interface ul.jp-controls a.jp-unmute, div.jp-interface ul.jp-controls a.jp-volume-max { } div.jp-audio ul.jp-controls a.jp-mute, div.jp-audio ul.jp-controls a.jp-unmute, div.jp-audio-stream ul.jp-controls a.jp-mute, div.jp-audio-stream ul.jp-controls a.jp-unmute { } div.jp-audio ul.jp-controls a.jp-volume-max, div.jp-audio-stream ul.jp-controls a.jp-volume-max { } div.jp-video ul.jp-controls a.jp-mute, div.jp-video ul.jp-controls a.jp-unmute { } div.jp-video ul.jp-controls a.jp-volume-max { } /* @end */ /* @group playlist */ .jp-playlist ul { list-style-type:none; margin:0; padding:0.25em 0; } .jp-video .jp-title ul { } .jp-video .jp-playlist ul { margin: 0 20px; font-size:.8em; } .jp-title li, .jp-playlist li { position: relative; padding: 2px 0; border-top:1px solid #554461; border-bottom:1px solid #180a1f; overflow: hidden; } .jp-title li { border-bottom:none; border-top:none; padding:0; text-align:center; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:first-child { border-top:none; padding-top:3px; } div.jp-type-playlist div.jp-playlist li:last-child { border-bottom:none; padding-bottom:3px; } div.jp-type-playlist div.jp-playlist a { color: #fff; text-decoration:none; } div.jp-type-playlist div.jp-playlist a:hover { color: #e892e9; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { background-color: #26102e; margin: 0 -20px; padding: 2px 20px; border-top: 1px solid #26102e; border-bottom: 1px solid #26102e; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{ color: #e892e9; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float:right; display:inline; text-align:right; margin-left:10px; font-weight:bold; color:#8C7A99; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:#E892E9; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display:inline; text-align:right; color:#8C7A99; } div.jp-type-playlist div.jp-playlist span.jp-free-media a{ color:#8C7A99; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{ color:#E892E9; } span.jp-artist { font-size:.8em; color:#8C7A99; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { position:absolute; top:50%; left:25%; width:50%; margin-top:-2em; padding:8px; font-size:.8em; background-color:#222; background-color:rgba(0,0,0,0.8); color:#ddd; text-align:center; display:none; -moz-border-radius:4px; border-radius:4px; } .jp-no-solution a { text-decoration:underline; color:#FFF; } .jp-no-solution span { color:#FFF; font-size:1em; display:block; text-align:center; font-weight:bold; } /* @end */ /* styles.css - custom styles for the skin's Page templates */ /************** About page */ #about-page { margin:10px 10%; } #about-page aside { float:left; display:inline; margin:10px 5% 10px 0; max-width:50%; } #about-page aside img { max-width:100%; } #about-page .texts { overflow:hidden; } #about-page .texts p { line-height:1.5em; } /************** jAlbum promo block */ #jalbum-promo { margin:20px 20px 0 20px; } #jalbum-promo aside { min-width:36%; float:left; display:inline; margin:0 20px 0 0; text-align:right; } #jalbum-promo .texts { overflow:hidden; } #jalbum-promo .buttons { display:block; clear:both; margin-top:10px; line-height:30px; } #jalbum-promo .buttons a { padding:0 10px; margin:5px 2px; display:inline-block; min-width:80px; text-align:center; color:#eee; cursor:default; white-space:nowrap; -moz-border-radius:2px; border-radius:2px; background-color:#555; background-image:-moz-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image:-webkit-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image:-o-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image:-ms-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); background-image:linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) ); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F)"; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); } #jalbum-promo .buttons a.active, #jalbum-promo .buttons a:hover { color:#fff; background-image:-moz-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image:-webkit-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image:-o-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image:-ms-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); background-image:linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) ); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699)"; } /************** Sitemap page */ #sitemap-page { margin:0 20px; } #sitemap-page aside { float:left; display:inline; margin:10px 5% 10px 0; max-width:25%; } #sitemap-page aside img { max-width:100%; } #sitemap-page .sitemap { font-size:120%; overflow:hidden; } #sitemap-page .caption { margin:0 0 1em 0; } #sitemap-page .sitemap .title { margin:1em 0; } #sitemap-page .sitemap.showthumbs .title a.home { display:inline-block; width:24px; height:24px; background-image: url(controls.png); background-repeat: no-repeat; background-position: -793px -23px; } #sitemap-page .sitemap ul { padding-left:2em; } #sitemap-page .sitemap.showthumbs ul { padding-left:0; list-style-type:none; } #sitemap-page .sitemap li { clear:both; padding:0.5em 0; } #sitemap-page small { margin-top:0.5em; display:block; } #sitemap-page .sitemap li a.thumb { float:left; display:inline-block; width:10%; max-height:48px; margin-top:-0.5em; margin-right:2%; text-align:center; } #sitemap-page .sitemap li a.thumb img { display:inline-block; max-width:100%; max-height:100%; height:auto; } #sitemap-page .sitemap li a.thumb.icon img { margin-top:-20%; } #sitemap-page .sitemap li div { overflow:hidden; } /************** Contents page */ #contents-page h1 { text-align:center; margin-bottom:20px; } #contents-page .one-letter { display: inline-block; vertical-align: top; width:30%; margin:0 1.5% 3% 1.5%; } #contents-page .one-letter h2 { text-align: center; border-bottom: 1px solid #333333; } #contents-page .one-letter ul { padding-left:2em; list-style-type:none; } #contents-page.showthumbs .one-letter ul { padding-left:0; } #contents-page .one-letter li { clear:both; padding:0.5em 0; } #contents-page.showthumbs .one-letter li { } #contents-page small { margin-top:0.5em; display:block; } #contents-page .one-letter li a { font-weight:bold; } #contents-page .one-letter li a.thumb { float:left; display:inline-block; width:20%; margin-top:-0.5em; margin-right:2%; text-align:center; overflow:hidden; } #contents-page .one-letter li a.thumb img { display:inline-block; max-width:100%; max-height:100%; height:auto; } #contents-page .one-letter li a.thumb.icon img { margin-top:-15%; } #contents-page .one-letter li div { overflow:hidden; } #contents-page.showthumbs .one-letter li div { margin-top:0.5em; } /************** Contact page */ #contact-page { margin:10px 10px 10px 5%; } #contact-page aside { float:right; display:inline; margin:0 0 10px 5%; max-width:25%; } #contact-page aside img { max-width:100%; } #contact-page .texts { overflow:hidden; } #contact-page .texts blockquote { font-size:80%; line-height:1.5em; padding-left:12px; border-left:10px solid rgba(255,255,255,0.1); } #contact-page .texts > div { font-size:120%; padding:15px 5px; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.2); } #contact-page .texts blockquote, #contact-page .texts a { font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; } #contact-page .texts a { font-size:80%; padding:5px 5px 5px 26px; line-height:14px; background-color:rgba(255,255,255,0.1); background-image:url(share.png); background-repeat:no-repeat; -moz-border-radius:6px; border-radius:6px; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.2); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.2); box-shadow:1px 3px 8px rgba(0,0,0,0.2); } #contact-page .facebook a { background-position:0 -24px; } #contact-page .twitter a { background-position:0 -48px; } #contact-page .digg a { background-position:0 -72px; } #contact-page .myspace a { background-position:0 -96px; } #contact-page .delicious a { background-position:0 -120px; } #contact-page .stumbleupon a { background-position:0 -144px; } #contact-page .email a { background-position:0 -168px; } #contact-page .reddit a { background-position:0 -192px; } #contact-page .tumblr a { background-position:0 -216px; } #contact-page .flickr a { background-position:0 -240px; } #contact-page .foursquare a { background-position:0 -264px; } #contact-page .google a { background-position:0 -288px; } #contact-page .linkedin a { background-position:0 -312px; } #contact-page .picasa a { background-position:0 -336px; } #contact-page .skype a { background-position:0 -360px; } #contact-page .vimeo a { background-position:0 -384px; } #contact-page .youtube a { background-position:0 -408px; } #contact-page .phone a { background-position:0 -432px; } #contact-page .jalbum a { background-position:0 -456px; } #contact-page .pinterest a { background-position:0 -480px; } #contact-page .instagram a { background-position:0 -504px; } #contact-page .github a { background-position:0 -528px; } #contact-page .rss a { background-position:0 -552px; } #contact-page .custom a { padding:5px; background-image:none; } /************** New photos */ #main article.NewPhotos { display:none; } /************** Tumblr Feed */ .tumblr_post { background-color:rgba(255,255,255,0.1); padding:2em 2em 1em 2em; width:90%; margin:0.5em auto; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4); } .tumblr_posts { list-style-type:none; padding:0; } .tumblr_text_post { } .tumblr_title { font-size: 200%; font-family:"Oswald", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif; } .tumblr_body { } .tumblr_body img { height: 300px; } .tumblr_photo_post { } .tumblr_photo { height: 300px; } .tumblr_caption { } .tumblr_link_post { } .tumblr_link { } .tumblr_description { } /* HTML5 Boilerplate postfix styles - h5bp.com */ .ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px} .ir:before{content:"";display:block;width:0;height:150%} .hidden{display:none !important;visibility:hidden} .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} .invisible{visibility:hidden} .clearfix:after {content:"";display:table;clear:both;} @media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} @page{margin:.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} } body, .gallery { background-color:#333333; background: url(bg.png), -webkit-radial-gradient(50% 50%, circle farthest-corner, #333333, #000); background: url(bg.png), -moz-radial-gradient(50% 50%, circle farthest-corner, #333333, #000); background: url(bg.png), -ms-radial-gradient(50% 50%, circle farthest-corner, #333333, #000); background: url(bg.png), radial-gradient(50% 50%, circle farthest-corner, #333333, #000); } .rgba .thumbs td, .rgba .folders td, .no-rgba .thumbs td, .no-rgba .folders td, .rgba .neighbors a, .no-rgba .neighbors a, #map, .disqus-comments, #main article { background-color:transparent; background-image:url(bg1.jpg); background-position:center center; } .folders h4 { text-shadow:1px 1px 1px rgba(255,255,255,0.3); } .rgba .thumbs td.empty, .rgba .folders td.empty, .no-rgba .thumbs td.empty, .no-rgba .folders td.empty { background-image:none; } .folders a:hover, .folders a:focus, .thumbs td > a:hover, .thumbs td > a:focus, .neighbors a:hover, .neighbors a:focus { text-decoration:underline; padding: } .folders aside a:hover img, .folders aside a:focus img, .thumbs td > a:hover img, .thumbs td > a:focus img { outline:2px solid #000000; } .folders aside a.active img, .folders aside a.active img, .thumbs td > a.active img, .thumbs td > a.active img { outline:2px solid #222222; } .thumbs td > a.active { background-color:rgba(255,255,255,0.8); } .no-rgba .thumbs td > a.active { background-color:transparent; background-image:url(w80.png); } #main footer .wrap, .actions { background-color:rgba(255,255,255,0.6); } .no-rgba #main footer .wrap, .no-rgba .actions { background-color:transparent; background-image:url(w60.png); } .hook, .gallery .scrollbox, .gallery .bottom .cont, .gallery .scrollbox:hover, .gallery .bottom .cont:hover, .no-rgba .gallery .scrollbox, .no-rgba .gallery .bottom .cont, .no-rgba .gallery .scrollbox:hover, .no-rgba .gallery .bottom .cont:hover { background-color:transparent; background-image:url(bg1.jpg); background-position:center center; } .gallery .bottom .cont { text-shadow:1px 1px 1px rgba(255,255,255,0.3); } .hook-s, .gallery .scrollbox .scleft, .gallery .scrollbox .scright { background-image:url(scroll_w.png); } .backgroundsize .gallery .scrollbox, .backgroundsize .gallery .bottom .cont { -moz-background-size:100% auto; background-size:100% auto; } .rgba .gallery .scrollbox .cont a:hover, .rgba .gallery .scrollbox .cont a:focus { background-color:rgba(0,0,0,0.4); outline:none; } .no-rgba .gallery .scrollbox .cont a:hover, .no-rgba .gallery .scrollbox .cont a:focus { background-image:url(k40.png); } .rgba .gallery .scrollbox .cont a.active { background-color:rgba(0,0,0,0.8); } .no-rgba .gallery .scrollbox .cont a.active { background-color:transparent; background-image:url(k80.png); } nav.buttons { border:1px solid #ccc; color:#222; background-color:#aaa; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(238,238,238,1))); background-image:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) ); background-image:-moz-linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) ); background-image:-ms-linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) ); background-image:linear-gradient(top, rgba(255,255,255,1), rgba(238,238,238,1) ); filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFFFF,EndColorStr=#FFDDDDDD); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2); box-shadow:0px 1px 2px rgba(0,0,0,0.2); } nav.buttons a { color:#444; border-left:1px solid #ccc; background-image:url(buttons_w.png); } nav.buttons a:hover { color:#222; } nav.buttons a.active { color:#222; background-color:rgba(0,0,0,0.2); border-left-color:#aaa; } .no-rgba nav.buttons a.active { background-color:#aaa; } .gallery .bottom .icon { background-image:url(buttons_w.png); }
© 2017 -
ZeroByte.ID
.