File Coverage

blib/lib/CGI/Widget/Tabs/Style.pm
Criterion Covered Total %
statement 9 10 90.0
branch n/a
condition n/a
subroutine 3 4 75.0
pod 1 1 100.0
total 13 15 86.6


line stmt bran cond sub pod time code
1             =head1 NAME
2              
3             CGI::Widget::Tabs::Style - Stylesheets for CGI::Widget::Tabs
4              
5              
6             =head1 SYNOPSIS
7              
8             None.
9              
10              
11             =head1 DESCRIPTION
12              
13             This module is designed to work with CGI::Widget::Tabs.
14              
15             =cut
16              
17             package CGI::Widget::Tabs::Style;
18              
19             # pragmata
20 1     1   1689 use strict;
  1         2  
  1         53  
21 1     1   7 use vars qw(@EXPORT @ISA $VERSION);
  1         2  
  1         66  
22              
23             # CPAN Modules
24 1     1   6 use Exporter;
  1         2  
  1         421  
25              
26             # package variables
27             @ISA = qw(Exporter);
28             @EXPORT = qw(css_styles);
29              
30             $VERSION = "1.00";
31              
32             =head1 EXPORTED FUNCTIONS
33              
34             =head2 css_styles
35              
36             Returns CSS styles
37              
38             =cut
39              
40             sub css_styles {
41              
42 0     0 1   my @styles = (
43             { descr => "Google look-a-like",
44             author => "" ,
45             style => <
46             table.my_tab { border-spacing: 0; border-bottom: solid thin #C0D4E6; text-align: center }
47             td.my_tab { no-wrap; padding: 2 12 2 12; width: 80; background-color: #FAFAD2 }
48             td.my_tab_actv { padding: 2 12 2 12; width: 80; background-color: #C0D4E6; font-weight: bold }
49             td.my_tab_spc { width: 5 }
50             td.my_tab_ind { width: 15 }
51             EOT
52             },
53              
54              
55             { descr => "Dark green-light green, heavy rule",
56             author => "" ,
57             style => <
58             a { color: #aa00ff }
59             table.my_tab { no-wrap; border-spacing: 0; border-bottom: medium solid #6FA579; margin-bottom: 6px }
60             td.my_tab_actv { padding: 2 15 2 15; background-color: #6FA579; text-align: center; font-weight: bold }
61             td.my_tab { padding: 2 15 2 15; background-color: #8CCF98; text-align: center; font-weight: bold }
62             td.my_tab_spc { width: 10 }
63             td.my_tab_ind { width: 15 }
64             EOT
65             },
66              
67              
68             { descr => "Light purple-dark purple, heavy rule",
69             author => "" ,
70             style => <
71             a { color: White }
72             table.my_tab { no-wrap; border-spacing: 0; border-bottom: medium solid #8b0a50; margin-bottom: 6px }
73             td.my_tab_actv { padding: 2 15 2 15; background-color: #ee1289; text-align: center; font-weight: bold }
74             td.my_tab { padding: 2 15 2 15; background-color: #8b0a50; text-align: center; font-weight: bold }
75             td.my_tab_spc { width: 10 }
76             td.my_tab_ind { width: 15 }
77             EOT
78             },
79              
80              
81             { descr => "Light purple-grey, heavy rule",
82             author => "" ,
83             style => <
84             a { color: White }
85             table.my_tab { no-wrap; border-spacing: 0; border-bottom: medium solid #cf0f76; margin-bottom: 6px }
86             td.my_tab_actv { padding: 2 15 2 15; background-color: #cf0f76; text-align: center; font-weight: bold }
87             td.my_tab { padding: 2 15 2 15; background-color: DarkGrey; text-align: center; font-weight: bold }
88             td.my_tab_spc { width: 10 }
89             td.my_tab_ind { width: 15 }
90             EOT
91             },
92              
93              
94             { descr => "Brown-blue, heavy rule",
95             author => "" ,
96             style => <
97             a { color: White }
98             table.my_tab { no-wrap; border-spacing: 0; border-bottom: medium solid #00688b; margin-bottom: 6px }
99             td.my_tab_actv { padding: 2 15 2 15; background-color: #cd8162; text-align: center; font-weight: bold }
100             td.my_tab { padding: 2 15 2 15; background-color: #00688b; text-align: center; font-weight: bold }
101             td.my_tab_spc { width: 10 }
102             td.my_tab_ind { width: 15 }
103             EOT
104             },
105              
106              
107             { descr => "Bold font-light font, dark blue, heavy rule",
108             author => "" ,
109             style => <
110             a { color: Yellow }
111             table.my_tab { no-wrap; border-spacing: 0; border-bottom: medium solid #000080; margin-bottom: 6px }
112             td.my_tab_actv { padding: 2 15 2 15; background-color: #000080; text-align: center; font-weight: bold }
113             td.my_tab { padding: 2 15 2 15; background-color: #000080; text-align: center; font-weight: normal }
114             td.my_tab_spc { width: 10 }
115             td.my_tab_ind { width: 15 }
116             EOT
117             },
118              
119              
120             { descr => "Red frame, grey, thin rule",
121             author => "" ,
122             style => <
123             a { color: Black }
124             table.my_tab { no-wrap; border-spacing: 0; border-bottom: thin solid Grey; margin-bottom: 6px }
125             td.my_tab_actv { padding: 2 15 2 15; background-color: Grey; text-align: center; font-weight: bold ; border: thin solid red }
126             td.my_tab { padding: 2 15 2 15; background-color: Grey; text-align: center; font-weight: bold }
127             td.my_tab_spc { width: 10 }
128             td.my_tab_ind { width: 15 }
129             EOT
130             },
131              
132              
133             { descr => "Red top line, grey, thin rule",
134             author => "" ,
135             style => <
136             a { color: Black }
137             table.my_tab { no-wrap; border-spacing: 0; border-bottom: thin solid #bebebe; margin-bottom: 6px }
138             td.my_tab_actv { padding: 2 15 2 15; background-color: #bebebe; text-align: center; font-weight: bold ; border-top: medium solid red }
139             td.my_tab { padding: 2 15 2 15; background-color: #bebebe; text-align: center; font-weight: bold ; border-top: medium solid #bebebe }
140             td.my_tab_spc { width: 1 }
141             td.my_tab_ind { width: 15 }
142             EOT
143             },
144              
145              
146             { descr => "Yellow/black top line, grey, thin rule",
147             author => "" ,
148             style => <
149             a { color: Black }
150             table.my_tab { no-wrap; border-spacing: 0; border-bottom: thin solid #bebebe; margin-bottom: 6px }
151             td.my_tab_actv { padding: 2 15 2 15; background-color: #bebebe; text-align: center; font-weight: bold ; border-top: medium solid Yellow }
152             td.my_tab { padding: 2 15 2 15; background-color: #bebebe; text-align: center; font-weight: bold ; border-top: medium solid black }
153             td.my_tab_spc { width: 1 }
154             td.my_tab_ind { width: 15 }
155             EOT
156             },
157              
158              
159             { descr => "Blue underline, grey underline",
160             author => "" ,
161             style => <
162             a { color: Black }
163             table.my_tab { no-wrap; border-spacing: 0; margin-bottom: 6px }
164             td.my_tab_actv { padding: 2 15 2 20; text-align: center; font-weight: bold ; border-bottom: medium solid MediumBlue }
165             td.my_tab { padding: 2 15 2 20; text-align: center; font-weight: bold ; border-bottom: medium solid Grey }
166             td.my_tab_spc { width: 1 }
167             td.my_tab_ind { width: 15 }
168             EOT
169             }
170             );
171             }
172              
173             1;